Mern Stack Development


Overview:

MERN Stack is a compilation of four different technologies that work together to develop dynamic web apps and websites.
It is a contraction for four different technologies as This stack technology is mainly designed to make the process of development much easier and smoother. All of these four stack technologies offer an end-to-end framework to the engineers to work in, and all of these technologies play a vital role in the creation of web applications.
M – MongoDB, E – Express JS, R – React JS, N – NodeJS

What you will learn from this course:

In this course, you will learn how to make full stack web development using MERN Stack. You will learn to build powerful, fast, user-friendly web apps. Learn all about React Js, MongoDB, Express Js and Node Js.

Who this course is for:

  • Total beginners in MERN stack
  • Web development students
  • Computer programmer
  • Aspiring Web developer
  • Who desires a new career path?

Certification:

After completing the course students will get a certificate and they can call themselves certified MERN stack web developer. They can also work on any IT farms or any freelancing platform. Here we also provide job placement opportunities.

Modules

Fron-End Developer

  • HTML
  • CSS/CSS3
  • JavaScript
  • ECMAScript
  • jQuery
  • Bootstrap 5
  • PSD to HTML
  • XD to HTML
  • Responsive Design

React JS

  • React JS Introduction
  • Scope of React JS
  • What is React JS?
  • Understanding the Terminology of React JS
  • What is Single Page Application?
  • Understanding the React JS Architecture
  • Setting up the React JS Environment
  • Creating the First Project in React JS
  • Understanding the Project Folder & Files Structure
  • Working with assets – HTML, CSS, Images, JavaScript in React JS
  • Understanding the Term: Component.
  • What is Component?
  • Creating the new Component(s)
  • Accessing the Created Component(s)
  • Working with Re-Usable Component(s)
  • React Fragments
  • Understanding the Terms: ‘props and ‘state’
  • Working with ‘props’
  • Implementing the ‘props’ into Component(s)
  • Creating the ‘state’ object, setting the ‘properties’ into it
  • Accessing the ‘properties’ from ‘state’ object into Components
  • Working with Event Handlers ex., onClick, onHover, onBlur,
  • onFocus, onChange etc.,
  • Conditional Rendering
  • Lists and Keys in React JS
  • Composition Vs Inheritance
  • Higher Order Components
  • Type checking with Prop Types
  • Creating the methods into Component(s)
  • Writing the definition(s) of the methods
  • Passing ‘parameters’ into methods
  • Understanding the concept of Property Binding
  • Two types of Property Binding., 1. One Way Property Binding
  • and 2. Two Way Property Binding
  • Asking the User to input the value, accessing those value(s)
  • Creating the group of Component(s) and accessing those
  • through ‘state’ object
  • Creating the CRUD operations
  • Understanding the concept of Routing
  • Creating the group of Component(s) and aligning them into
  • Routing
  • Error Boundaries
  • Introduction to progressive WebApps
  • Progressive WebApps with React
  • React with TypeScript
  • Fetching the Data from RESTAPI into Component(s) and
  • accessing the Data
  • Understanding and Working with Material UI (React JS UI
    Framework)
  • Creating the Button, Radio, Form, Table etc.,
  • Working with Form, Two – Way Property Binding
  • Creating the Validation with Error Hints,
  • Applying the Regular Expressions to Input Fields
  • Working with the concept of Observables
  • Working with the concept of Services
  • Implementing the concept of Observables & Subscribe with Services
  • Implementing the concept of Observables & Subscribe with
  • Services using RESTAPI
  • Understanding the Terms: babel, webpack
  • Understanding the concept of Redux
  • Understanding the Terms: Component, Action, Reducer, Data Store
  • Understanding and implementing the concept of Redux
  • Introduction to middleware and need of middle ware in React JS
  • Understanding the Term: Saga
  • Implementing the functionality of Redux with Saga
  • Understanding the Terms: Life Cycle Hooks
  • What is the usage of Life Cycle Hooks
  • How many types of Life Cycle Hooks: 1. Class Based Life Cycle
  • Hooks and 2. Functional Based Life Cycle Hooks
  • Understanding the Class Based Life Cycle Hooks and its
  • methods: componentDidMount(), componentDidUpdate(),
  • componentWillUnmount() etc.,
  • Understanding the Functional Based Life Cycly Hooks and its
  • methods: useState(), useEffect(), useContext(), etc.,
  • Understanding the concept of Styled Components
  • Working with React JS Developer Tools
  • Implementing the concept of ContextAPI
  • Understand and Implementing the Unit Tests in React JS
  • Creating the Single Page Application in React JS
  • Introduction to Server-Side Rendering (SSR)
  • Implementing Server-Side Rendering in React JS
  • Node JS and Express JS

MongoDB

  • Differences between SQL vs NoSQL
  • Features & Advantages of MongoDB
  • Installing MongoDB along with Compass
  • Understanding the Terminology: Database, Collection,
  • Document, etc.,
  • Commands in MongoDB
  • Creating Database, Drop Database
  • Creating Collection, Drop Collection
  • Insert, Update, Delete the Documents
  • Writing Conditions while Retrieving, Updating the Documents
  • Data Aggregation
  • $match, $project, $group, $unwind, $sort, $limit, $set, $lookup
  • $count, $distinct,
  • Working with Indexes, Types of Indexes.
  • Dynamic routes & advanced models

Node JS and Express JS

  • Node JS
  • What is Node JS? Advantages of Node JS
  • Traditional Web Server Model
  • Node JS Process Model
  • Setup Dev., Environment
  • Install Node JS on Windows, Mac and Linux
  • Working with REPL
  • Node JS Console
  • Node JS Modules
  • Functions
  • Buffer
  • Modules
  • Module Types
  • Core Modules
  • Module.exports
  • Node Package Manager
  • What is NPM?
  • Installing Packages Locally
  • Adding Dependency in package.json
  • Installing packages globally
  • Updating packages
  • Creating Web Server
  • Handling Http Requests
  • Sending Requests
  • File System
  • Reading a File Asynchronously / Synchronously
  • Writing a File Asynchronously / Synchronously
  • Opening a File
  • Deleting a File
  • IO Operations
  • Debugging Node JS Application
  • Core Node JS Debugger
  • Debugging with Visual Studio Code
  • Events
  • EventEmitter Class
  • Returning EventEmitter
  • Inhering Events
  • Express JS
  • Introduction to Express JS
  • Env., Setup of Express JS
  • Creating a Sample Program in Express JS
  • Creating a Static Routing & Dynamic Routing
  • Working with HTTP Methods
  • Creating the URL Building
  • Using Middleware Functions
  • Creating a Templating
  • Working with Static Files
  • Parsing Form Data
  • Parsing & Fetching & Connecting with Database
  • Cookies & Sessions
  • Authentication
  • Restful Api’s
  • Scaffolding
  • Error Handling
  • Debugging

Highlight

  • JavaScript
  • React
  • MongoDB
  • NodeJs
  • ExpressJs
  • Dynamic Website Development
  • Web Application Development
  • Hands-on training using latest tools and training
  • Specialization & creating portfolio in the area of interest

Software Taught

  • Node Js
  • Code Editor (visual studio code recommended)
  • Web Browsers (Chrome recommended)

What you will learn from this course:

After accomplishing this course, you will have the knowledge of these things:

  • HTML, CSS, Modern JavaScript/li>
  • ReactJs
  • NodeJs
  • MongoDB
  • ExpressJs

Career Opportunity:

After course completion, students can get jobs as:

  • Web Developer
  • Full Stack Web Developer
  • Software Engineer

৳ 33,000.00৳ 35,000.00

Offline Course Fee

Regular Fee : BDT 50,000

Discount Fee : BDT 35,000

Online Course Fee

Regular Fee : BDT 45,000

Discount Fee : BDT 33,000

Working Hours

Monday 10:00 am – 9.00 pm
Tuesday 10:00 am – 9.00 pm
Wednesday 10:00 am – 9.00 pm
Thursday 10:00 am – 9.00 pm
Friday 10:00 am – 9.00pm
Saturday 10:00 am – 9.00 pm
Sunday 10:00 am – 9.00 pm