JavaScript, TypeScript, Node.js, React.js and Angular.js Online Training | Lifetime Videos Access Certification Course

COURSE CONTENT
EXPAND ALL

Basics of JavaScript

3 Lectures
2 Hrs 30 Mins

3 Lectures
2 Hrs 30 Mins

3 Core Web Pages Languages and How does JavaScript work?
JavaScript Virtual Machine Engine and thier names with different browsers, History of JavaScript
ES6 Features Part 1 - Constants, Block Scoped Variables(let keyword),
Arrow Functions, Default Function Parameters and Rest Function Parameters
ES6 Features Part 2 - String Templating, Object Properties, Class, Constructor, Methods,
Getters, Setters, Inheritance and Polymorphism
Inabilities of JavaScript, JavaScript History, Versions, ECMA Standard Body
What are the other languages created on top of JavaScript For ex. like CoffeeScript, TypeScript, Flow, Dart etc.

var, let, const, Data Types and Objects

5 Lectures
2 Hrs 10 Mins

5 Lectures
2 Hrs 10 Mins

var keyword in detail
Data Types in JS- number, integer, float, string, undefined, null, infinity, boolean, Object and typeof operator
Objects or JSON in detail
Object Comparison, Copying by Reference, Cloning and Merging with Objects and Object.assign

Functions, Loops and Statements

2 Lectures
1 Hr 20 Mins

2 Lectures
1 Hr 20 Mins

Loops and Statements - if, if-else, if-else-if, switch-case, while, do-while, for and for-in
for..of and forEach
Function Expression, Function Declaration and CallBack Functions
Arrow Function and Named Function Expression

Arrays, Date, Map, Set, for.in, for.of, forEach, Static and bind()

2 Lectures
2 Hrs 20 Mins

2 Lectures
2 Hrs 20 Mins

Arrays - Creation/Access/Replace/Add - push/pop/shift/unshift method and Performance
Array Mix Elements, Length Reduction, Iteration(for.in, for.of and forEach)
Date - Object Creation - Epoch Date - Date Class Functions - Date.now() and Date.parse
Difference between new Date() and Date.now() - Performance wise
Map - Key of any type - Methods - set, get, has, delete, clear, size, keys(), values() and entries()
for.. of and forEach Traversal Mechanism - loops with Maps to traverse Key/value pairs

Error Handling, Public, Private and Protected Properties, Functions and
Modules(import and export)

2 Lectures
1 Hr 58 Mins

2 Lectures
1 Hr 58 Mins

Error Handling, Synchronized Execution, Custom Errors, Extending Error Class and Class checking: instanceof
Error Object Methods - throw keyword and rethrow errors, finally, return and JSON.parse(str)
Public, Private and Protected Properties and Functions
Modules(import and export)

DOM, Events and Timers - LIVE PROJECT

2 Lectures
2 Hrs 5 Mins

2 Lectures
2 Hrs 5 Mins

DOM - Element Node, Attribute Node and Text Node - document.getElementById, document.getElementsByTagName, nodeType, innerHTML, childNodes, setAttribute and getAttribute Functions
createElement, createTextNode, appendChild, insertBefore and insertAfter Functions - Access and change classes, Access and change attributes, Add DOM elements, Apply inline CSS to an element
Events Handler and Event Listeners - window, onClick, onLoad, onFocus, onBlur, Anonymous Functions and element.onload Functions
Hide and Show Events and Prevent Submission of forms
Timers - Scheduler Functions - setTimeout, setInterval, clearInterval and setAttribute Functions

Closures - LIVE PROJECT

1 Lecture
1 Hr 25 Mins

1 Lecture
1 Hr 25 Mins

Building Blocks of Closures
Nesting functions
Return a value from an inner function
Create parallel closures

AJAX and jQuery - LIVE PROJECT

3 Lectures
2 Hrs 10 Mins

3 Lectures
2 Hrs 10 Mins

AJAX - XMLHttpRequest(XHR) - Using synchronous XHR request, Making requests asynchronous, Scripting for backwards compatibility and Updating DOM with getElementById
AJAX - Modifying elements with getElementsByTagName, Parsing XML using AJAX Reading JSON files and Using event-driven AJAX
jQuery - Creating a dynamic drop-down menu, Contacting the API, Building the output and Completing the ListView, document ready function and jQuery get action

CallBacks, Promise, Fetch, Async and Await

3 Lectures
2 Hrs 20 Mins

3 Lectures
2 Hrs 20 Mins

CallBacks Explanation with examples
Need of Promise API and Promise Object Explanation with examples
Need and use of Async and await with Promise
Need and use of Fetch, Async and await with Promise

Node.js - LIVE PROJECT

3 Lectures
1 Hr 50 Mins

3 Lectures
1 Hr 50 Mins

Node.js Use, History, Installation of Node.js and NPM and Visual Studio
require function, global object, process object and argument variables with process.argv
standard output, standard input
Creating delay with setTimeout and Incorporate setInterval
Report progress in Percentage using setInterval

Node.js Modules

2 Lectures
2 Hrs 5 Mins

2 Lectures
2 Hrs 5 Mins

Node.js Modules - path, util, v8
Collect information with readline interface
Write in a file
Export custom modules
Create a module and Custom events with the EventEmitter
Improve module using EventEmitter

Files and Streams

2 Lectures
2 Hrs 10 Mins

2 Lectures
2 Hrs 10 Mins

List directory files and Read files
Write and append files and Directory creation
Append files, Rename and remove files
Rename and remove directories
Readable file streams and Writable file streams
Create child process with exec

Advanced Node.js

1 Lecture
1 Hr 35 Mins

1 Lecture
1 Hr 35 Mins

Callback pattern, Resolving promises, Rejecting promises and The promisify function
Concurrent tasks and Logging concurrent tasks
Sequential execution, Sequential execution with async/await and Parallel execution

React.js - Introduction to React Elements and Components - LIVE PROJECT

3 Lectures
2 Hrs 5 Mins

3 Lectures
2 Hrs 5 Mins

What is React.js?
Adding React to your Project and Creating React Element
Refactoring elements using JSX, Incorporating Babel and Working with JSX Syntax
Creating a React component and Adding Component Properties
Working with lists in react and Adding keys to list items
Displaying images with react and Using fragments

React State In Component Tree and Handling Forms In React

3 Lectures
2 Hrs 20 Mins

3 Lectures
2 Hrs 20 Mins

Generating a project with create react app and Destructuring arrays and objects
Understanding the UseState Hook and Working with useEffect
Working with uncontrolled Components and Creating Controlled Form Elements
Building a custom hook and Choosing a form library

Asynchronous React and React Router

3 Lectures
1 Hr 40 Mins

3 Lectures
1 Hr 40 Mins

Fetching Data with Hooks and Displaying Data from an API
Handling Loading States and Fetching Data with GraphQL
Working with render props and Installing React Router V6
Configuring the router and Incorporating the Link component
Nesting links with React Router v6

React Testing And Deployment

4 Lectures
2 Hrs

4 Lectures
2 Hrs

Using Create React App as a testing platform
Testing small functions with Jest
Introducing React Testing Library
Testing events with React Testing Library
Deploying to Netlify

Angular.js - Architecture Overview LIVE PROJECT

3 Lectures
1 Hr 10 Mins

3 Lectures
1 Hr 10 Mins

Why use Angular.js?, TypeScript and ES2015 to write Angular code, Components Tree Model and DOM
Directives and pipes, Data binding and Dependency Injection
Services and other business logic, Data persistence and Router

Angular.js Components

2 Lectures
2 Hrs 30 Mins

2 Lectures
2 Hrs 30 Mins

NgModule, root module, Component metadata, Bootstrapping module for browser, component selector and template
Styling component, Using other components in a component, Interpolation and expression context
Property binding, Event binding, Getting data to component with @Input and Subscribing to component events with @Output

Directives. Pipes and Forms

4 Lectures
2 Hrs 5 Mins

4 Lectures
2 Hrs 5 Mins

Structural directives: ngIf and ngFor, Attribute directives: Built-in and Custom
Using directive values, Working with events in directives, Angular pipes: Built-in and Custom
Angular Forms, Template-driven Forms and Model-driven Forms
Validation: Built-in, Validation:Custom and Error handling

Dependency Injection, Services and HTTP

2 Lectures
1 Hr 40 Mins

2 Lectures
1 Hr 40 Mins

How Angular does Dependency Injection?, Services in Angular, Class constructor injection, Building and providing a service
Providing services in root, Using service in components, @Inject decorator and Injection token
Angular HttpClient, Using a mock backend for HTTP calls and Using HttpClient for GET calls
Using search params in GET calls, Use HttpClient for POST, PUT, and DELETE calls, Handling HTTP errors

Routing and Styling Components

2 Lectures
1 Hr 35 Mins

2 Lectures
1 Hr 35 Mins

Setting the base href, configuring routes, Registering routing in the app module
Router outlets, Router links, Working with route parameters and Using the Router class to navigate
Using a feature NgModule for routes, Lazy loading a route module and The view Encapsulation modes
How Angular scopes styles to components, Using common CSS selectors, Special CSS selectors Angular supports and Working with global styles

PROJECT INFO

Node.js is a powerful tool for controlling servers, building web applications, and creating event-driven programs. And it takes JavaScript—a language familiar to all web developers—out of the browser. With Node.js, you can build applications that run on your laptop or even the cloud. In this course, learn the essentials of Node.js and start creating your own JavaScript applications. Instructor covers all of the basics, showing how to install Node.js and work with the Node.js core, which includes standard input, standard output, the module system, the file system, and how to write and run JavaScript on the server. Upon wrapping up this course, you’ll be equipped with fundamental Node.js concepts and techniques that you can put to use in your next project.

Among all other JavaScript libraries, React.js stands out. It relies on reusable components, not templates, for UI development, allowing developers to render views where data changes over time. React applications are more scalable and more maintainable, making developers more efficient and users more satisfied. In this course, Our instructor introduces the basics of the React library using the most modern syntax and best practices for creating React components. Along the way, learn how to set up Chrome tools for React; create new components; work with the built-in Hooks in React; use the Create React App to run tests, and more. By the end of the course, you'll be armed with the essentials of React.js and better prepared to build your own browser-based projects.

JavaScript Base Foundation Concepts
var, let, const, Data Types, Objects, JSON, Cloning, Functions Declaration, Functions Expression, CallBack Functions, Arrow Functions, NFE, for..in, Object.Entries, Loops and Statements
Arrays, Date, Time, Map, Set, Static Function, Static Property, Inheritance, for.in, for.of, forEach, Function Binding(bind) and String Functions
Error Handling, Custom Errors, Extending Error, Class checking:
DOM, Events and Timers
Building Blocks of Closures, Creation and Usage of Closures
AJAX and jQuery

promise, resolve, reject, fetch, async and await - Manage and Resuse Asynchronous code
Node.js - Globals, Question/Answer App with Timers
Modules in Node.js - module.exports, readline and EventEmitter
Files and Streams - fs and child_process module
React.js, Elements, Babel Tool and Components
React State in Component Tree and Asynchronous React
React Testing and React Router

JS, TS, REACT AND ANGULAR COURSE CURRICULUM

COURSE CONTENT
EXPAND ALL

Basics of JavaScript

var, let, const, Data Types and Objects

Functions, Loops and Statements

Arrays, Date, Map, Set, for.in, for.of, forEach, Static and bind()

Error Handling, Public, Private and Protected Properties, Functions and
Modules(import and export)

DOM, Events and Timers - LIVE PROJECT

Closures - LIVE PROJECT

AJAX and jQuery - LIVE PROJECT

CallBacks, Promise, Fetch, Async and Await

Node.js - LIVE PROJECT

Node.js Modules

Files and Streams

Advanced Node.js

React.js - Introduction to React Elements and Components - LIVE PROJECT

React State In Component Tree and Handling Forms In React

Asynchronous React and React Router

React Testing And Deployment

Angular.js - Architecture Overview LIVE PROJECT

Angular.js Components

Directives. Pipes and Forms

Dependency Injection, Services and HTTP

Routing and Styling Components

PROJECT INFO

PRICING/BATCHES

JS, TS, NODE.JS, REACT.JS AND ANGULAR.JS VIDEOS LIFETIME ACCESS WITH LIVE PROJECTS

USD 135

JS, TS, NODE.JS, REACT.JS AND ANGULAR.JS VIDEOS 1 MONTH ACCESS + SUPPORT WITH LIVE PROJECTS

USD 40

INSTUCTOR LED JS, TS, REACT AND ANGULAR TRAINING

USD 350

JS, TS, React and Angular FAQS

ARE ASSIGNMENTS, REALTIME SCENARIOS AND LIVE PROJECTS INCLUDED?

HOW DO YOU PROVIDE SUPPORT?

DO YOU OFFER PLACEMENT/JOB ASSISTANCE?

Testimonials

Vikrant Feddewar Sr. Software Engineer

JS, TS, REACT AND ANGULAR COURSE CURRICULUM

COURSE CONTENT EXPAND ALL

PROJECT INFO

PRICING/BATCHES

JS, TS, NODE.JS, REACT.JS AND ANGULAR.JS VIDEOS LIFETIME ACCESS WITH LIVE PROJECTS

USD 135

JS, TS, NODE.JS, REACT.JS AND ANGULAR.JS VIDEOS 1 MONTH ACCESS + SUPPORT WITH LIVE PROJECTS

USD 40

INSTUCTOR LED JS, TS, REACT AND ANGULAR TRAINING

USD 350

JS, TS, React and Angular FAQS

ARE ASSIGNMENTS, REALTIME SCENARIOS AND LIVE PROJECTS INCLUDED?

HOW DO YOU PROVIDE SUPPORT?

DO YOU OFFER PLACEMENT/JOB ASSISTANCE?

Testimonials

Vikrant Feddewar Sr. Software Engineer

COURSE CONTENT
EXPAND ALL