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
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
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
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
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
-
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
-
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
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
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