img source https://softwareengineeringdaily.com
1. ES6 Performance Speedup:
2. I/O is Asynchronous and Event Driven:
Node.js API is asynchronous which means non-blocking & Node.js based server never waits for an API to return data. It means server will move to next API after calling it. Node.js helps the server to get a response from the previous API call. Hence debug in Node.js become easier.
3: Easy Debugging & Dependencies:
Node applications have become easier to debug by using the Chrome developer tools. The Chromium Team has changed the source code which is used to implements the debugging from Chromium to V8, Now it becomes easier for Node Core to stay up to date with the debugger sources and dependencies.
4. Highly Scalable:
Node.js is highly scalable because event mechanism helps the server to respond with non-blocking way.
Installation of Node JS & npm on Windows:
Download the node.exe binary from node.org & move node.exe to C:\node\node.exe, cd to C:\node, and do the following:
C:\node> set path=%PATH%;%CD%
C:\node> setx path “%PATH%”
The above commands set up to call node from anywhere in the system.
For NPM, The first step to installing Git to the system.
move cd to C:\node, and do the following:
C:\node> git config –system http.sslcainfo /bin/curl-ca-bundle.crt
C:\node> git clone –recursive git://github.com/isaacs/npm.git
C:\node> cd npm
C:\node> node cli.js install npm -gf
Once you have installed npm, try installing a Node module, say express.
C:\node> npm install express –g
That’s how Node.js and npm installed on Windows machine.
img source: http://www.wintellect.com
Angular is an opensource & MVC framework supported by Google which offers 2-way data binding between models and views which allow an automatic update.
Data-binding is the most important feature in AngularJS. It will save time from writing an excessive code. A typical web application may contain code related to manipulation & traversing. Data-binding makes the code invisible so that the coder can focus on application part.
AngularJS has dependency injection subsystem that makes the application easier to develop, understand, and test. Dependency Injection allows asking for dependencies, rather than searching manually.
Directives is another important feature of AngularJS. It is also the most challenging aspect of AngularJS. Directives are used to create custom HTML tags that serve as new custom widgets. It is also used to decorate elements with behavior and manipulate DOM attributes in different ways. Creating the application as a composition of discrete components makes it easy to add, update or delete.
Installation of Angular JS on Windows:
npm install –save angular2
img source: https://i.ytimg.com
Vue is a progressive framework for building user interfaces designed as an adaptable feature. The core library is focused on the view layer makes easy to integrate with other libraries or existing projects. It is a combination of Ember, Reacts and Angular JS useful features.
Vue is also empowered to hold Single-Page Applications when used in combination with modern tooling and supporting libraries. Vue.js provides 2-way data binding, server-side rendering, conditional rendering, list rendering, event handling & custom directives.
Vue offers high performance due to its lighter-weight Virtual DOM implementation. Vue JS mainly focuses on raw rendering/updating performance but it does not take complex component structures.
In Vue, When component renders, its dependencies are automatically tracked, It aware the system about the components needs to re-render when a state changes. Each component should have Component Update need to be automatically implemented. It removes the need for a class of performance optimizations for a developer and allows them to focus on building the app.
Vue JS supports render functions and JSX in which HTML-based templates helps to migrate existing applications to make use of Vue’s reactivity features. This feature makes it much easier for designers and new developers to parse and contribute more to the codebase.
Installation of Vue JS on Windows:
$ npm install vue
img source: http://www.goodworklabs.com
React is a flexible and Efficient JS which provides hooks that allow you to interface with other libraries and frameworks. Example “remarkable” an external Markdown library that converts the text area’s value in real time.
React components implement a render() method that takes input data and returns resultant data. It also uses virtual DOM which improves the performance of JS applications.
React JS provides interactive UIs which Designs simple views for application, and efficiently update, render the right components. Declarative views make the code easier to debug when it uses both for server side and client side component.
DOM: Document Object Model
Server Side Mechanism:
React JS supports features like server-side communication. The library of React JS encourages the programmers to use lifecycle like “hooks” to enable the server requests. This feature supports XHR requests mechanism and easily update the library to use them.
To install the react module, type this command in the terminal
install can be abbreviated as i, and save can be abbreviated as -S.
img source: http://opensourceforu.com
Creation of desktop and mobile application in Ember.js becomes very easy with the stability, vast solution provided for client-side application and standard application structure.
A development toolkit to create, develop, and build Ember applications & also used for creating reusable and maintainable web applications. It also provides the standard file and directory structure that helps to manage applications.
It is a browser extension tool to inspect application live & helps to debug ember applications. It also allows viewing and edits the runtime contents of Objects and Classes. The View Tree displays the structure of the rendered application. The Routes tab allows to determine and follow the router state and the URLs.
It is a data persistence library which provides facilities of an object-relational mapping & uses templates that help to update the model if contents changes.
To Install Ember, run following command:
npm install -g ember-cli
img source: https://html5gamedevelopment.com
Oimo.js – a lightweight Oimo physics engine
Energy.js – C++ physics engine.
It also supports motion blur, cell shading material, morph targets, self-shadowing, SPS collision, standard rendering a lot more.
Babylon JS provides Transparent WebGL support rendering with WebGL1 and WebGL2 contexts. When WebGL2 is enabled, the shaders will be converted to GLSL v3.0 automatically. Babylon.js will take advantage of extended instruction & uniform counts.
3D Lights are used to produce the color received by each pixel. This color is used by the materials to determine the final color of every pixel. There are many variations in lights in which point light is like a light defined by a single point. This point emits his energy in every direction like the sun.
Canvas2D is a bigger addition to babylon.js. It is full 2D accelerated engine & babylon.js is a full featured 3D engine So To handle 2D content working on games or complex applications Canvas 2D is added to Babylon JS as an advanced feature.
Babylon JS introduced support for HDR maps for PBR which is a physically based rendering. It gives a real world game scenario & used throughout the game for all environment & reflection maps.
Installation of Babylon JS on Windows:
npm install babylonjs
img source: https://joebuckle.me
- Meteor uses data as a wire in which the server sends data, and the client renders it.
- Meteor provides reactive support, allowing UI to reflect the true state of the applications with minimum development effort.
Installation of Meteor JS on Windows:
meteor npm install