Scribd
Upload
109 views

Javascript: No More Client Side Scripting Only

The document discusses Node.js, NPM, Babel, Webpack, ES6, React, and virtual DOM. Node.js is an asynchronous event driven JavaScript runtime for building scalable network applications. NPM makes it easy for JavaScript developers to share and reuse code. Babel is a compiler for JavaScript that allows for using newer syntax. Webpack is a module bundler for JavaScript applications. React is a library for building user interfaces using a virtual DOM for better performance.

Uploaded by

Vivek Kushwaha
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
109 views

Javascript: No More Client Side Scripting Only

The document discusses Node.js, NPM, Babel, Webpack, ES6, React, and virtual DOM. Node.js is an asynchronous event driven JavaScript runtime for building scalable network applications. NPM makes it easy for JavaScript developers to share and reuse code. Babel is a compiler for JavaScript that allows for using newer syntax. Webpack is a module bundler for JavaScript applications. React is a library for building user interfaces using a virtual DOM for better performance.

Uploaded by

Vivek Kushwaha
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 11

Javascript

No More Client Side Scripting Only


Agenda
• Introduction to Node.js.
• NPM and Using a package.json file.
• Babel, The next generation compiler for JavaScript.
• Webpack.
• ES6.
• What is react?
• Virtual Dom and Server Side Rendering.
• First App with react.
Nodejs
• Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript
engine. Node.js uses an event-driven, non-blocking I/O model that
makes it lightweight and efficient.
• As an asynchronous event driven JavaScript runtime, Node is
designed to build scalable network applications.
npm
• npm makes it easy for JavaScript developers to share and reuse code,
and it makes it easy to update the code that you're sharing.
• Important Commands:
1.npm install <package_name> , Use –g to install globally
2.npm install npm@latest –g
3.npm uninstall <package_name> , Use –g to uninstall globally
Using a package.json
• It serves as documentation for what packages your project depends
on.
• It allows you to specify the versions of a package that your project can
use using semantic versioning rules.
• It makes your build reproducible, which means that it's much easier
to share with other developers.
• package.json explaination
JSX and Babel
• JSX - JSX is an XML-like syntax extension to ECMAScript without any
defined semantics. It's NOT intended to be implemented by engines
or browsers. It's intended to be used by various preprocessors
(transpilers) to transform these tokens into standard ECMAScript.
• Babel Transpilers - example
ECMAScript 6 New Features
Overview and Comparison
Webpack - Overview
What is React?

• React is a declarative, efficient, and flexible JavaScript library for


building user interfaces.
Virtual Dom

You might also like