MERN Stack Training

HTML Basics

• Introduction
• What is difference between HTML and HTML5?
• HTML Overview
• DOCTYPE
• HTML Tag Vs Element
• HTML Attributes

Basic Formatting Tags

• Basic HTML Tags
• Basic Formatting Tags

HTML Grouping Using Div and Span

• Div Tag
• Span Tag

HTML Lists

• Unordered List
• Ordered List
• Definition List

Images

• Image and Image Mapping

Tables

• <table>
• <tr>, <th>
• <caption>
• <thead>, <tfoot> , <tbody>
• <colgroup>

Frames

• Iframes
• Attributes Using Iframe as the Target

Forms

• HTML Form Elements
• HTML Input Types
• HTML Input Attributes

HTML Media

• HTML Audio and HTML Video

• What is CSS?
• CSS Inclusion
• Selectors
• Colors
• Background
• Border
• Margin
• Padding
• Height
• Width
• Sizes
• Box-Model
• CSS Fonts
• CSS Text
• CSS links
• CSS Tables
• Display, Position
• Margin property
• Padding property
• CSS Lists Styles
• CSS Cursors
• CSS Overflow
• CSS Position
• Pseudo Classes
• Pseudo Elements
• Animation
• Transform
• Transition
• Media Query
• Box Sizing Flex and Grid

• Introduction
• Variable Declaration
• Arithmetic Operations
• Array
• Array Methods
• String
• String Method
• Math Module
• Condition Statements
• Loops
• Set, Map
• Events
• Module
• Oops
• Asynchronous
• Promise
• Async, Await
• FetchApi
• JavaScript Function
• Function Closure
• Regular Expression
• Error Handling DOM
• Event Listener
• Date Methods
• Object

Introduction to React

• What is React?
• Why React?
• React version history
• React 16 vs React 15
• Just React – Hello World
• Using create-react-app
• Anatomy of react project
• Running the app
• Debugging first react app

Templating using JSX

• Working with Create Element
• Expressions
• Using logical operators
• Specifying attributes
• Specifying children

It’s all about components.

• Significance of component architecture
• Types of components
• Functional
• Class based
• Pure
• Component Composition

Working with state and props

• What is state and its significance?
• Read state and set
• Passing data to component using props
• Validating props using prop Types
• Supplying default values to props using default Props

Rendering lists

• Using React key
• Using map function to iterate on arrays to generate

Event handling in React.

• Understanding React event
• Understanding Synthetic event
• Passing arguments to event handlers

Understand component lifecycle.

• Understand component

Working with forms

• Controlled components
• Uncontrolled components
• Understand the significance to default Value
• Using react ref prop to get access to DOM

Routing with react router.

• Setting up react
• Understand routing in single page
• Working with Browser Router and Hash Router components
• Configuring route with Route component
• Using Switch component to define routing
• Using Switch component to define routing
• Making routes dynamic using route params
• Working with nested routes
• Working with nested routes
• Redirect routes using Redirect Component
• Using Prompt component to get consent of user for
• Path less Route to handle failed

Just Redux

• What is redux?
• Why redux
• Redux principles
• Install and setup
• Creating actions, reducer, and store

Immutable.js for immutable data structures

• What is js?
• Immutable collections
• Lists
• Maps
• Sets

React Redux

• What is React Redux
• Why React Redux
• Install and
• Presentational vs Container components
• Understand high order
• Understanding mapStateToProps and mapDispatchtToProps usage

New Features in React JS

• Understand error boundaries (new in React 16)
• Understand react portals (new in React 16)

Server-side rendering with React.

• What is server-side rendering (SSR)?
• Why SSR
• Working with render To String and render To Static Markup

Introduction to Node.js:

• What is js?
• Installing js and setting up the development environment.

Node.js Basics:

• Getting started with js REPL (Read-Eval-Print Loop).
• Introduction to modules in js.
• Understanding the require () function and module,

Asynchronous Programming in Node.js:

• Introduction to asynchronous
• Using callbacks to handle asynchronous
• Overview of Promises and how to use them in js.

File System Operations:

• Working with the built-in ‘fs’ module for file system
• Reading, writing, and manipulating files

HTTP Module:

• Introduction to the built-in ‘http’
• Creating a basic HTTP server and handling HTTP
• Serving static files with js.

Event Emitters:

• Understanding the Event Emitter class for handling
• Creating custom events and event listeners in js.

Working with Streams:

• Introduction to streams and their types.
• Using streams for reading and writing data

Child Processes:

• Understanding child processes in js.
• Spawning child processes and communicating with

• Overview of MongoDB: NoSQL database, document-oriented database, BSON
• Installation and setup of
• Basic MongoDB shell commands for CRUD
• Setting Up Mongoose
• Defining Schemas
• CRUD Operations in mongoose
• Model Creation and Validation
• Querying Data
• Aggregation Framework
• Middleware
• Embedding and Referencing
• Population
• Transactions
• Indexing
• Schema Relationships

Introduction to Express.js:

• Overview of js framework.
• Understanding the benefits of using js for web development.
• Installing js and setting up a basic project structure.

Routing:

• Defining routes in js.
• Handling HTTP requests (GET, POST, PUT, DELETE) using route
• Working with route parameters and query

Middleware:

• Understanding middleware in js.
• Implementing custom middleware for request
• Working with third-party middleware for common tasks like

Templating Engines:

• Introduction to templating engines like EJS, Pug, Handlebars,
• Integrating templating engines with js for server-side rendering.
• Passing data from the server to

Static Files and Middleware:

• Serving static files (HTML, CSS, JavaScript, images, ) using built-in middleware in Express.js.
• Configuring static file serving

Form Handling:

• Handling form submissions in js.
• Parsing form data using middleware like body-parser.
• Validating form data and handling

Database Integration:

• Integrating databases (MongoDB, MySQL, PostgreSQL, ) with Express.js applications.
• Working with database drivers or ORMs (Object-Relational Mappers) in js.

Authentication and Authorization:

• Implementing user authentication and authorization in js.
• Using middleware like js for authentication strategies (Local, OAuth, etc.).
• Role-based access

RESTful APIs:

• Understanding RESTful API
• Creating RESTful APIs using js.
• Handling CRUD operations (Create, Read, Update, Delete) for