What is MEAN / MERN Stack Development

MEAN / MERN is a collection of JavaScript-based technologies. In MEAN Stack we use MongoDB, Express.js, Angular, and Node.js, and in MERN Stack we use MongoDB, Express.js, React JS, and Node.js to develop web applications. MongoDB is a free and open-source cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with schemas. Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. Angular is a TypeScript-based open-source front-end web application framework developed by Google. React is an open-source, front-end, JavaScript library for building user interfaces or UI components. It is developed and maintained by Facebook. Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side.

Course curriculum

    • JavaScript Basics:
      Variable Concept, Loop Concept, Array Concept, Complete Form Validations like Phone, Email, Password, etc.
    • ES-6 Features:
      Arrow functions, the introduction of let, const and their usage and differences, Useful Array functions like map, filter, find with Examples.
    • Angular (USED IN MEAN Stack )
    • Module 1:
      Angular Overview, Installation Introduction to Angular, Angular CLI commands, Basic configuration & installation, Angular environment setup. Create an angular project and understand folder structure.
    • Module 2:
      Angular Components and Databinding Angular Components, Components Lifecycle, create a custom module, understand the role of AppModule and Component Declaration, component style, Databinding, string interpolation, property binding, property binding vs. string interpolation, passing and using data with event binding, two-way data binding
    • Module 3:
      Directives and Pipes in Angular Understanding Angular Directives, @Component Directive, Structural Directives, Attribute Directives Custom Directives, Introduction Pipes, Built-in Pipes, Chaining Pipes, Custom Pipes.
    • Module 4:
      Angular Routes and Navigation Understanding Angular Routing system. Set different routes. Pass data using URL, receive data from the route. Angular lazy loading. Routing using guard.
    • Module 5:
      Angular Services and Dependency Injection Angular Service, Dependency Injection, Injecting A Service into Another Service, Parts of an HTTP Request HttpClient. BehaviorSubject, Subject, Observable, Observer.
    • Module 6:
      Angular Forms and Validation Angular forms, Types of forms, Template-driven vs. Reactive forms, Template-driven forms, Reactive Forms, What is Form Validation? Types of Form Validation, Built-in Validators, Form control’s status, and validity.
    • Module 7:
      Angular Material introduction to Angular Material, Environment Setup and Installing Angular Material, Typography classes and their usage, Toggle Button Group Component usage and Example, User of the toolbar as Navbar in Angular Material, Use of SideNav in Angular Material, Different Types of Buttons and their usage.
    • React JS (Used in MERN stack)
    • Module 1:
      React JS Overview, Installation React JS overview, Library Vs. Framework, Basic configuration & installation, React Features, Virtual DOM, JSX, Components.
    • Module 2:
      Getting started with ReactJS The directory structure, Create React app, Elements, Class, Components, Components Lifecycle, Rendering, and Conditional rendering.
    • Module 3:
      React JS state management and Forms Overview, React JS state & props, Children, Updating states, React JS forms & events, Validations, React fragments, Refs, Keys, CSS in Reactjs, HOC (Higher Order Components)
    • Module 4:
      Router Installation, React JS router, URL Parameters, Route, Link, NavLink, Component routing, Switch, Nesting, LocalStorage, Private Route, Redirects (Auth)
    • Module 5:
      Hooks & Redux Overview, Theory, Hooks, Redux store, actions, reducer, updating component.
    • Module 1: Fundamentals of Node.Js
      Introduction and Basic Structure of Node.js as Server Container, Installation & Environment Setup.
    • Module 2: Node.Js Commands & First application
      Node.js ‘Hello world ‘ Application, REPL [Read Eval Print Loop] Terminal, Node.js CL Options with Use Case Examples.
    • Module 3: Node package manager
      Working with NPM.[Node Package Manager], different types of flags and their usage.
    • Module 4: Node.Js Modules
      Node.js Modules with an example, HTTP Modules, URL Modules, Node.js File Systems.
    • Module 4: Node.Js Modules
      Node.js Modules with an example, HTTP Modules, URL Modules, Node.js File Systems.
    • Module 5: Node.Js events & events emitter
      Node.js Events with an example, Node.js Buffers, Node.js Streams, Node.js callbacks.
    • Module 6: Node.Js file upload, Web server handling HTTP request & Response
      Global Object, Node.js Web Modules with an example, Upload file.
    • Frameworks for Node.js,
    • installing the express framework,
    • basic routing concept,
    • REST API,
    • scaling an application,
    • serve static resources.
    • Module 1: Introduction to NoSQL architecture with MongoDB
      What is NoSQL? Differences between RDBMS and NoSQL, Environment Setup & Installation of MongoDB, use case example of the use of DBpath flag, MongoDB data types
    • Module 2: MongoDB basic database commands
      MongoDB Basic database Operations like Create Database, Drop Database, Create Collection, Drop Collection, Insert documents, delete documents, update documents, selecting documents for example.
    • Module 3: MongoDB different types of query operators, Aggregate Framework
      MongoDB Operators, Query & Projection operator,Aggregation Pipeline Framework,limit(),sort() with example.
    • Module 4: MongoDB text search and & Indexes
      MongoDB indexes, MongoDB text search, MongoDB sorting, SQL to MongoDB Mapping.
    • Basic configuration & install MongoDB driver,
    • create database & collection,
    • MongoDB queries through Node.JS.
    • Angular/React JS connectivity with Node.js API through HTTP request,
    • data management through Angular/React JS & Node.js using MongoDB.
    • On completion of the training, an industry-standard MEAN/MERN Stack App development project will be assigned. The project assignment will be to develop a web application using MEAN/MERN Stack. It will be an end-to-end project development where the students will create both Frontend and Backend of the web applications. The project will be guided by the Sr. Full Stack developers of our development unit.
    • Live Project Hosting (Node.js + Express Hosting, Angular Hosting, Use of MongoDB Atlas DBAAS Cloud Hosting)