MERN Stack Development Training in Hyderabad

MERN Stack Development Course Content

WEB TECHNOLOGIES

    • Introduction to web technologies
    • Introduction to web applications
    • What is FULL, MEAN, MERN Stack
    • Editors

 

HTML

    • Introduction
    • Layers in web application
    • Tags, attributes
    • Programming
    • Audio, Video, Graphics

 

CSS

    • Introduction
    • Selectors and types of selectors
    • Font, text, border, images
    • Properties
    • Class rules
    • Layouts with CSS
    • Absolute, relative, fixed positioning
    • Float, clear

 

MERN Stack Training in Hyderabad

 

 

JavaScript Fundamentals

    •   Introduction to Procedural Programming
    •   Front-End HTML, CSS and JavaScript!
    •  Best Approaches to Learn JS Editors, Where to place  your JS Code ?And Using  CodePen
    •   Webkit’s Web Inspector
    •   Tracking down errors
    •   JS versions (EcmaScript5andEcmaScript6)
    •   Browser Support for ES6
    •   Javascript Output Methods
    •   JavaScript Variables
    •   Comments
    •   Console
    •   Data Types in JavaScript
    •   Date Objects
    •   Operators
    •   Conditions And Loops (control Structures)
    •   Arrays and Array Methods
    •   String and String Methods
    •   The modern mode," use strict"
    •   Objects & Functions
    •   Proto types, objects

DOM (document object model)

    • Browser environment ,specs
    • DOM tree
    • DOM Methods
    • Searching: get Element*,query Selector*
    • Node properties: type, tag and contents
    • Attributes and properties
    • Modifying the document
    • Styles and classes
    • Element size and scrolling
    • Window sizes and scrolling
    • Coordinates

JQUERY

    • Introduction to JavaScript libraries
    • Advantages
    • Functions and Methods
    • Selectors, custom selectors
    • Validations
    • DOM
    • Animations
    • AJAX

 

MERN Stack Training in Hyderabad

 

 

BOOTSTRAP

    • Introduction
    • Responsive design
    • Classes
    • Containers
    • Colors, jumbotran, navbar
    • Forms, buttons, cards, modals
    • Carousel, images

 

 DATA FORMATS

    • XML
    • JSON
    • JSON Data structures
    • Difference between XML and JSON

 

PROJECT

    • Project concept will be give and you have to work on that suggestions will be give and progress will be monitored

 

 

MERN Stack Training in Hyderabad

 

 

 

 

Advanced working with functions

    •   Recursion and stack Rest parameters and spread operator Closure
    •   The old"var"
    •   Global object
    •   The "newFunction" syntax
    •   Scheduling:set Time out and setInterval
    •   Decorators and forwarding,call/apply
    •   Function binding

 

Ajax Development

    •   Creating the XMLHttp
    •   Request Object
    •   Managing Ajax Requests
    •   JSON, API & AJax
    •   JSON Introduction
    •   JSON Parse
    •   JSON Stringify
    •   JSON Object
    •   HTTP Methods–RESTAPI
    •   XMLHttpRequest Object
    •   XHR Methods
    •   XHR Properties
  •  

 

ES6(ECMA2015)

ES6 Features

    •   Let,Var and Const Keywords
    •   Arrow Functions,Default function arguments
    •   Template Strings
    •   Object Destructuring
    •   Array Manipulation Functions
    •  Array.from(),Array.of(),Array.find(),Array.findIndex(),Array.some(), Array.every()

…spreadand…restoperators

      •   Promises
      •   Promises, async/await
      •   Introduction:callbacks
      •   Promise
      •   Promises chaining
      •   Error handling with promises
      •   Promise API
      •   Promisification
      •   Symbols
      •   Code quality with ESLint
      •   ES6 Tooling
      •   Babel,npm,webpack overview
      •   Classes,Inheritance
      •   Generators
      •   Proxies
      •   Async,await flow control
      •   Map,Set Operators

Modules

    •   Modules,introduction
    •   Export and Import
    •   Dynamic imports

MERN Stack Training in Hyderabad

 

 

TYPESCRIPT

    •   Introduction to Typescript
    •   JavaScript & Typescript
    •   The Type System
    •   Primitive types & type inference
    •   Object type & type inference
    •   Functiontype&typeinference
    •   Enums,Tuples
    •   Nullable types
    •   Union types,intersection types
    •   Never and void types
    •   OOPS in typescript
    •   Classes,Class properties,Static Properties
    •   Constructors,getters & setters
    •   Inheritance,Abstract classes,Interfaces
    •   Access modifiers
    •   Namespaces and Modules
    •   Namespaces and multiple files
    •   Loading modules
    •   Generics
    •   Generic functions, classes
    •   Generic types and arrays
    •   Constraints
    •   Decorators
    •   Class Decorators
    •   Decorator Factories
    •   Method Decorators
    •   Property Decorators
    •   Parameter Decorators
    •   Typescript essentials
    •   tsc and tsconfig file
    •   debugging typescript
  •  

 

   MONGODB  

MongoDB–Overview

      •       Understand what is NOSQL
      •       Describe CRUD
      •       State the types of NOSQL
      •       Explain what is Aggregation
      •       Describe Replication & Sharding

CRUD Operations

      •       Understand what are Crud Operations
      •       Explain what is Upsert
      •       Describe Query Interface
      •       List the Comparison Operators and Logical Operators
      •       State what are Wrapped Queriesand Query Operators

Basic Operations


      •       Crud Operations
      •       Basic Operations With Mongo Shell
      •       Data Model
      •       JSON
      •       BSON
      •       MongoDB–Datatypes
      •       BSON Types
      •       The_idField
      •       Document
      •       Document Store
      •       Blog:ABad Design
      •       Blog:ABetter Design

Aggregations

      •       Types of Aggregations
      •       What is Aggregation?
      •       The Aggregate() Method
      •       Pipeline Concept
      •       Pipelines
      •       Pipeline Flow
      •       Pipeline Operators
      •       $match, $unwind
      •       $group, $project
      •       $skip, $limit
      •       $sort, $first
      •       $last, $sum

Indexing

      •  Understand about Indexes
      •  Understand different types of Indexes
      •  Understand properties of Indexes
      •  Explain Plan in MongoDB
      •  Mongostat
      •  Mongotop
      •  Logging Slow queries
      •  Profiling
      •  Replication and Sharding
      •   Understand about Replication
      •   Purpose of Replication
      •   Understand Replica Set
      •   Sharding
      •   Sharding Mechanics
      •   GridFS

 

MERN Stack Training in Hyderabad

 

 

EXPRESS JS

Introduction of ExpressJs

    •       What is ExpressJS
    •       How Express.js works
    •       Installation of Express.js
    •       Basic Example

Templating Engines

    •       Introduction
    •       pug Templating Engine
    •       Working with Tags in pug
    •       Working with id and classes in pug
    •       Attributes and Nesting Tags in pug
    •       Using if & unless in pug
    •       Using for & each in pug
    •       Using case & mixins in pug
    •       Include and Extend in pug
    •       EJS Templating engine
    •       Express Handlebars
  •  

Working with Express.js

      •       Introduction
      •       Introduction to Express.js
      •       Connect Module
      •       Express.js Installation
      •       app.js
      •       Steps for creating Express.js Application
      •           application,request,response object properties & methods

Request/ResponseinExpress.js

      •       Request-params,body,files,route,header,get
      •       Response-render,locals,status,json,redirect

Using middleware

      •       Types of middleware
      •       Application level middleware
      •       Express-json,session,logger,compress
      •       Router level middleware
      •       Built-in middleware
      •       Third party middleware
      •       Express 4.0 Router

MERN Stack Training in Hyderabad

 

 

 REACTJS

React Introduction

    •         Overview of frameworks, libraries for client side Web applications
    •         React introduction
    •         Environment Set up for React Application
    •         Understanding NPM  commands
    •         VS Code extensions for ES6, React

React Essential Features and Syntax

    •         React App Project Directory Structure
    •         Overview of Web pack, Babel
    •         React Component Basic
    •         Create React Component
    •         Understanding JSX
    •         Limitations of JSX
    •         Working with Components and Reusing Components

React Components, Props and State

    •         Understanding and using Props and State
    •         Handling Events with methods
    •         Manipulating the State
    •         Two way data-binding
    •         Functional (Stateless) VS Class (Stateful) Component
    •         Parent–Child Communication
    •         Dynamically rendering contents
    •         Showing Lists, List and keys

Styling Components

    •         CSS Styling
    •         Scoping Styles using Inline Styles
    •         Limitations of inline styes
    •         Inline Styles with Radium
    •         Using Psuedo classes/media quries with inline styles
    •         CSS Modules, importing css classes
    •         Adding Bootstrap, Semantic UI to React apps
    •         Using react-boot strap, react strap packages


Debugging React Apps

    •         Understanding React Error Messages
    •         Handling Logical Errors,
    •         Debugging React apps using google developer tools and React DevTool
    •         Understanding Error Boundaries

React Component life cycle

    •         Updating life cycle hooks
    •         Pure Components
    •         React’s DOM Updating Strategy
    •         Returning adjacent elements
    •         Fragments

React Component in Details

    •         Higher Order Components
    •         Passing unknown Props
    •         Validating Props
    •         Using References
    •         React Context API
    •         Updated Life Cycle hooks(16.3)
    •         Best practices for React Projects
    •         Demo apps

HTTP Requests/Ajax Calls

    •         HTTP Requests in React
    •         Introduction of Axios package
    •         HTTP GET Request, fetching &transforming data
    •         HTTP POST,DELETE,UPDATE
    •         Handing Errors
    •         Adding/Removing Interceptors
    •         Creating/Using  Axios  intances

      React Routing

    •       Routing and SPAs
    •       Setting Up the Router Package
    •       react-router vs react-router-dom
    •       Preparing the Project For Routing
    •       Switching Between Pages, Routing-Related Props
    •       The" with Router" HOC & Route Props
    •       Passing& extracting route/query parameters
    •       Using Switch to Load a Single Route
    •       Navigating Programmatically

React Forms and Form Validation

    •         Creating a Custom Dynamic Input Component
    •         Setting Up a JS Config for the Form
    •         Dynamically Create Inputs based on JS Config
    •         Adding a Drop down Component
    •         Handling User Input
    •         Handling Form Submission
    •         Adding Custom Form Validation
    •         Fixing a Common Validation
    •         Adding Validation Feedback
    •         Showing Error Messages

 

        Handling  Overall Form Validity Deploying React App to the Web Testing React apps with JEST

 

MERN Stack Training in Hyderabad

 

 

 

NODEJS

Introduction to Node JS

    •   Introduction
    •   What is Node JS?
    •   Advantages of Node JS
    •   Traditional Web Server Model
    •   Node.js Process Model

 

-   Setup Dev Environment

    •   Install Node. Js on Windows
    •   Installing in mac  os
    •   Working in REPL
    •   Node JS Console

 

Event Loop

    •   Callback Concept
    •   Global Objects
    •   Streams
    •   Buffers
    •   Utility Modules

 

Node JS Modules

    •   Functions
    •   Buffer
    •   Module
    •   Module Types
    •   Core Modules
    •   Local Modules
    •   Module .Exports

 

Node Package Mananger

    •   What is NPM
    •   Installing Packages Locally
    •   Adding dependency in package .js on
    •   Installing packages globally
    •   Updating packages

MERN Stack Training in Hyderabad

 

 

Creating Web server

    •   Creating web server
    •   Handling http requests
    •   Sending requests

 

-   File System

    •   Fs. Read File
    •   Writing a File
    •   Writing a file asynchronously
    •   Opening a file
    •   Deleting a file
    •   Other IO Operations

 

Debugging Node JS Application

    •   Core Node JS debugger
    •   Debugging with Visual Studio

 

Events

    •   Event Emitter class
    •   Returning event emitter
    •   Inhering events

 

MERN Stack Training in Hyderabad