JS Eco-System

This section will give you understanding about the conceptual trend with the JavaScript Eco-System. Starting with basic concepts such understanding the variables, functions & objects. if you are familiar with this concepts feel free to move towards next section. Idea is to give the sufficient understanding before dealing with the complexity. Emphasis would be on the concepts that seem bit odd to the people who are getting started with JavaScript or coming from languages like C, C++ or Java etc.

Getting familiar with the basics, understanding the latest standards that are brought in by the language, understanding the variations building over the top of concepts we have learned in the previous section. Along with the new concepts introduced in the language also introduce new challenges or might break the existing flow. Challenge with the developers is to maintain the existing user experience & adapting new feature to enhance the performance to provide rich content and full fill the burgeoning need of a social application. If you are developing a new application or update existing application code base with the new standard that could affect the users who are still using the devices that don't support the newer version of the standard browser.

To address this hurdles the concepts such as transpiling is introduced which basically converts your ECMAScript 6 code to ECMAScript 5/3. This topic is covered in depth under heading Transpilers. Another way to using the latest standard feature is by using super/sub set languages like Typescript or Elm-lang. That seems like a new language that has own rules, conventions, compilation methods. These languages have preferred the way of working with libraries/frameworks community like Angular, React, Preact etc. It is not a mandatory to learn each of them. We will discuss each of these topics going further.

Node.js is a revolutionary turn for the JavaScript community. It changes the way we used to use treat JavaScript as just a scripting language that helps to do some event when clicked on a button in your web application. In simple language, it is your V8 engine that executes JavaScript in your Chrome browser. Enables developer to build an entire application in Javascript with backend services to applications that can be run over hardware devices. It solves the major problem of shipping, packaging & distributing code.

Next three topics are advanced areas and currently actively developed to give a rich experience to growing mobile users. You can now delivery native mobile application for a variety of devices type in the market by using your existing infrastructure that is supporting your web application. Progressive Web Application (PWA) is a hot topic among application developer which is needed to addressing the biggest challenge with the mobile device that is poor network connectivity and web application that can work smoothly like your native android/ios applications developed specially for the device platform.

Real-time data application required to process the huge amount of data at the front-end along with loading millions of tweets/post for a social media application. Javascript runtime support single threaded processing at the client side. To enable concurrency at front-end side concept of Service Workers comes into the picture. Which enables JavaScript to do some current processing at client level also combined with PWA to help loading component of web application ina optimized manner.

Web-Assembly is like assembly language for browsers. it is an independent concept which has no direct relation with JavaScript. It is an actively developed concept. it is still in abstract phase you won't found many implementations. This topic is covered due it is going to change the way we are developing a web application. It will enable you to build web-application using language like C. Which relatively fast as compared to any other language