Full Stack Developer Online Training Course

JavaScript and ES6

1. Understanding JavaScript
2. Understanding ES6
3. JavaScript Data Types – Primitive & Non-Primitive
4. Naming a variable
5. Number Mathematics

var, let and const

1. Using var
2. Using let
3. Using const

Functions and Arrow Function

1. Different types of Functions
2. Named Function
3. Anonymous Function
4. Arrow Function
5. Anonymous Function vs. Arrow Function

Objects and Constructor Function

1. Creating Object
2. Literal Object
3. Primitive types as Objects
4. Constructor Function

Class and Methods

1. ES6 Class
2. Class Members
3. Templated String

HTML

1. History of Html
2. Getting Started With HTML
3. HTML Page Structure
4. Html Element
5. Inline and Block Elements
6. Images
7. Ordered list and Unordered list
8. Tables and Nesting tables

CSS

1. Introduction to CSS
2. CSS Id and Class
3. Colors and Backgrounds
4. Text and Fonts
5. Lists Styles
6. Tables Styles
7. Introduction to CSS3
8. CSS Box Model
9. CSS Grouping/Nesting, positions and advance

Bootstrap

1. Introduction to Responsive Design
2. Need of Bootstrap
3. Bootstrap Fundamentals
4. Bootstrap Grid System
5. Bootstrap Components
6. Header, Footer, Navigation Bar
7. Bootstrap Modals
8. Bootstrap Form Elements
9. Bootstrap Icons
10. Typography
11. Customizing Bootstrap
12. Panels, Sliders, Tooltips

Introduction to React

1. Introduction to React
2. Why React?
3. Advantages of React
4. React Development Style

Setting Up Environment

1. Installing Node.js
2. Installing Visual Studio and Visual Studio Code
3. Useful VS Extensions for React Development
4. Useful VS Code Extensions for Angular Development

Get Started with React

1. Setting up the React App
2. Running the React App
3. React Initialization Process
4. React Virtual DOM
5. React Ecosystem
6. React versus other frameworks

JSX

1. Introduction to JSX
2. JSX for components
3. Attributes
4. Expressions
5. React without JSX

React Components

1. Render Elements
2. Understanding Component
3. Creating a Component
4. Types of Components
5. Functional Components
6. Class Components

Advanced React Components

1. Component Life-Cycle
2. Virtual DOM
3. Composition
4. Communication between Components
5. Reusable Components

Data Flow

1. Introduction to One Way Data Flow in React
2. Props and State
3. Passing Data to Child Component
4. Handling State of Component

Event and Actions

1. Events in React
2. Data Binding
3. Events and Actions
4. Handling Events
5. Communication Among Components

Redux

1. Introduction to Redux
2. Redux vs. Flux
3. Redux Flow Overview
4. Redux Setup

Redux Flow

1. Actions
2. Reducers and Root Reducers
3. Store
4. Dispatch Actions
5. Action creators

Routing using React Router

1. Understanding Routing
2. Introduction to React Router
3. Defining Routes
4. Routes Handling
5. Handling Route Parameters
6. Nested Routes

React Forms and Controls

1. Introduction to React Forms
2. Creating Forms
3. Forms Validations
4. Custom Validations

REST API and Axios

1. Introduction to Axios
2. Using Axios with React
3. Consuming REST API using Axios in React
4. Performing CRUD operations

You will learn how to develop an online bookstore site. The site will show the list of products to User/Customer. A user can search and purchase books. He can see the previous order history. Here, the admin will be responsible for managing books and their categories.

The application will use React recommended architecture with the extensible approach. We would be using the payment gateway to do online payment and finally publishing it.

Project Architecture

The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development if necessary.

This architecture will help you to develop SPA with the recommended design patterns and practices.

What you will learn through project?

1. Creating shopping cart using React.
2. Validating data at client side and server side.
3. Using Node's Package Manager – NPM.
4. Scaling web app for Phone, Tablets, and Laptop & Desktop.
5. Securing you application based on user roles.
6. Using JS Task runner.
7. Publishing your app on cloud server.