MERN Development

Course Duration

3 Month

Class Time

1.5 hr

Weekly Class

3 Days

Course Fee৳8000

Total Class:36

Class Video: Available

Language: বাংলা & English

Total Time: 72hr

Admission Free Seminar
MERN Development

Course Overview

The full form of MERN is MongoDB, Express, React, Node. There is a huge demand for MERN developers in the current job market. In this course, we will try to teach you how to develop a website using React, Express, Node and MongoDB. First, we will teach you how to design a website using HTML, CSS, Bootstrap, Javascript. Then, we will teach you how to make a site dynamic using React. After completing the course, you will be able to create a website yourself using MongoDB, Express, React, Node.

Course Syllabus

Our course syllabus - what will you learn after completing the course

Introduction

  • Understand the Course Outline
  • Development Environment Preparation

HTML Recap

  • Use of HTML
  • HTML Structure
  • Understanding Tags & Attributes
  • div, span, paragraph
  • Form & Inputs
  • Table

Use of CSS

  • id, class, tag design
  • padding, margin, height, width
  • text, color, font, size
  • Form style
  • Table style

Bootstrap & Font

  • Bootstrap Integration
  • Card, Grid, Forms, Button
  • Table, Pagination, Dropdown
  • List, Navbar, Colors
  • Fontawesome Integration & Use

Social Network Bootstrap theme

  • Project understanding
  • Project Structure & Bootstrap
  • Registration
  • Login
  • Post, comment, reply view
  • Public view
  • Authorized view

Social Network Bootstrap admin

  • User management
  • Post moderation
  • Access control
  • Reset password
  • Change role

TypeScript

  • Data Types
  • Constant and Variables
  • Class & Functions
  • String, List, Map, Object
  • Tuples, Sets, and Booleans
  • Comparison and Logical Operators
  • If and Else Statements
  • While & For Loop

React Basic

  • Environment Setup
  • Create react app
  • Component Details
  • React JSX
  • HTML to React UI

React Advanced

  • State & Props
  • Hook system
  • Event handling
  • CSS Styling
  • React Router

Convert SN theme to React

  • Create components for SN theme
  • Manage route for SN theme
  • Connect all component
  • Run whole project using React

ExpressJS Basic

  • Install & Create Project
  • Request & Response
  • Express.js Routing
  • Express.js Middleware
  • Express.js Scaffolding

ExpressJS & MongoDB

  • Install MongoDB
  • Configure with ExpressJS
  • Basic CRUD Operation
  • MongoDB Join
  • Advance Query

API Integration

  • Understanding of API
  • Implement API end-point
  • Install required package
  • Understand POST, GET, DELETE Request
  • Connect to API endpoints

Deployment

  • Understanding deployment
  • Locally deployment test
  • Configure Prod Configuration
  • Deploy to Local server
  • Deploy to Heroku & Firebase