MERN Stack

Objectives

Webskitters academy provides an exclusive training on MERN stack. Learn full stack web development with MongoDB, Express, React, Node.js. In this course you will get a complete training to build robust full stack application.

MongoDB: It is a document based cross platform open source database. It is written using C++, Java Script, Python.

Express: It is an open source web application development framework. It offers robust features.

React: React js is an open source java Script library which is used to build interfaces, especially, for single page application.

Node.js: Node js is an open-source, cross-platform scripting language. There were some restricted features in JavaScript, Node js has added other facilities to facilitate a website. A large module of Node js is written in Java Script. Node js offers non-blocking I/O API. It is traditionally used for websites and backend API services.

Pre-requisites
  • C Language
  • HTML
  • JavaScript
Course Content

MongoDB

Module

  • Introduction to MongoDB
  • What Is MongoDB?
  • Advantages and Disadvantages of MongoDB
  • Why Use MongoDB?
  • Install, Setup, And First Steps
  • Adding Data
  • Managing Data
  • Querying Data
  • Sorting and Counting
  • Using Loops
  • Note: Mongodb is a document-oriented NoSQL database used for high volume data storage. Students will learn how Mongodb can be accessed and some of its important features like indexing, regular xpression, sharding data, etc. It falls under the category of a NoSQL database.

 

Express

Module

  • Introduction to Express
  • Install and Setup
  • Adding Dependencies
  • How to Use Routes
  • Adding Middleware
  • How to Use Views
  • All-In-One: From Models Forward – Start to Finish (Step-By-Step)
  • Note: ExpressJS is a prebuilt NodeJS framework that will help students in creating server-side web applications faster and smarter. In short, ExpressJS did for NodeJS what Bootstrap did for HTML/CSS and responsive web design. It made coding in NodeJS a piece of cake and gave programmers some additional features to extend their server-side coding.

 

React JS

Module 1: Introduction to HTML5

  • HTML tags and attributes

 

Module 2: CSS3 (Cascading Style Sheet)

  • Difference between ID and Class.
  • Box Model implementation.

 

Module 3: ES6 Features

  • Scope
  • Class and Constructors
  • Function
  • Object
  • New Feature of ES6, ES7,ES8,ES9
  • Template Strings

 

Module 4: Introduction to React

  • What is React?
  • React Phases
  • State and Props
  • Virtual DOM
  • PropTypes
  • Project setup and First Application Execution

 

Module 5: Component

  • Component Introduction
  • Component Life cycle
  • Creating new component
  • Working with components
  • Passing Data between Parent component and child component
  • JSX
  • Babel
  • Concept of Element

 

Module 6: Routing

  • Routes & Router Module
  • Working with Multiple Components.
  • Navigation with Router Links
  • Routes with Value Passing

 

Module 7: Design

  • React-Bootstrap

 

Module 8: REDUX

  • Concept
  • Architecture
  • Data Binding

 

Module 9: Data Management

  • Reducer
  • Store
  • Action

 

Module 10: Create Form & Validation

  • Template Driven Forms
  • Adding validation to check user input.
  • Outputting validation Error Messages.

 

Module 11: Types of Component

  • HOC(Higher order Component)
  • Pure Components
  • Controlled vs. uncontrolled components
  • Event Handling

 

Module 12: Middleware

  • Concept of Middleware
  • Why it is necessary?

 

Module 13: React Hook

  • Concept
  • Life Cycle
  • Feature

 

Module 14: Understanding of Node

  • Create Node Server Application
  • Module in Node.js

 

Module 15: Node Package Manager

  • Installation of Packages
  • Sync & Async function
  • Events

 

Module 16: Middleware

  • What is Express
  • Routes using Express & Node

 

Module 17: MongoDB

  • MongoDB features
  • Data Model and Schema
  • Connecting DB using Node

 

Module 18: Node API

  • Insert API
  • Display API
  • Login API

 

Module 19: Service and Dependency Injection

  • Service Basics
  • Injecting Services

 

Module 20: HTTP Request

  • Introduction & How HTTP Request work in SPA.
  • Sending GET/ POST/ PUT/DELETE Requests.
  • Using the Returned data.

 

Module 21: Observables

  • Built in Observables.
  • Custom Observables

 

Module 22: Authentication and Route protection in React Application

  • Creating a Sign-Up Page & Route

 

Node.JS

Module 1:

  • Overview

 

Module 2:

  • Introduction to Node JS.
  • What is Node JS?
  • Advantages of Node JS3.

 

Module 3:

  • Setup Dev Environment
  • Install Node.js on Windows
  • Installing in mac os
  • Installing in Linux
  • Node JS Console
  • Connection and folder structure of node js
  • REPL stands for Read-Eval-Print-Loop)
  • Node JS Modules
  • Functions
  • Module
  • Module Exports

 

Module 4:

  • Node Package Manager
  • What is NPM?
  • Installing Packages Locally
  • Adding dependency in package.json
  • Updating packages
  • Installing packages globally

 

Module 5:

  • Creating Web server
  • Creating web server
  • Handling http requests
  • Sending requests

 

Module 6:

  • File System
  • Fs.read File
  • Deleting a file
  • Writing a file asynchronously

 

Module 7:

  • Express.JS
  • Configuring routes
  • Working with express

 

Module 8:

  • Database connectivity
  • Mongo DB Configuring
  • Create
  • Updating records
  • Deleting records

 

Module 9:

  • Template Engines
  • Why Template Engine
  • What is EJS
  • Example

 

Module 10:

  • Basic Node Modules for project
  • Body Parser
  • Cookie Parser
  • http

 

Module 11: Project

Quick Enroll
100% Placement Assistance
Top