Foyzul Karim

Posted on Jun 1, 2022 • Edited on Aug 23, 2022

Learn MERN in Bangla like a pro

#javascript #mern #node #react

This is the high level plan for my ~~upcoming udemy~~ free youtube course.

YouTube playlist

Google slide

Facebook

Postman link

Learn MERN GitHub

Individual lectures

Lecture 1 : Introduction of this course

JavaScript refresher

Lecture 2 : Programming language

Lecture 3 : History of JavaScript and why should we care

Lecture 4 : Working with JavaScript

Lecture 5 : What are Data Types and How can we use JavaScript types

Lecture 6 : JavaScript Object Notation (JSON)

Lecture 7 : JavaScript Loops

Lecture 8 : Functions (Declaration and execution)

Lecture 9 : Functions (Scopes and Parameters)

Lecture 10 : Array and Array functions

Lecture 11 : JavaScript this

Lecture 12 : Thread, process and operating system

Lecture 13 : Callback, sync, async and Promise

Lecture 14 : asynchronous execution walkthrough with settimeout()

Lecture 15 : sync execution in online editor stackblitz

Lecture 16 : sync execution in visual studio code and browser

Lecture 17: async code execution walkthrough in visual studio code

Lecture 18 : async promise code walkthrough in visual studio code

Lecture 19 : Promise resolve reject then states hands on practices

Lecture 20 : async await promise and executing from top level code

Lecture 21 : async for await promise all and return from then

Lecture 22 : Practice 01 - input via prompt and sum using reduce()

Lecture 23 : Practice 02 - working with JSON array and assignment

Node.js

Lecture 24 Node-01: Why we needed nodejs and how it solved problems

Lecture 25 Node 02 : Basic components of nodejs runtime

Lecture 26 Node 03 : Diving into rabbit hole for setTimeOut code

Lecture 27 Node 04 : How node.js server event loop works internally

Lecture 28 Node 05 : How to install and verify nodejs installation

Lecture 29 Node 06 : Hello world app

Lecture 30 Node 07 : What is Node package manager (NPM) and NPM CLI

Lecture 31 Node 08: Working with builtin console and crypto modules

Lecture 32 Node 09: Working with external npm package - lodash

Lecture 33 Node 10: Working with builtin modules - OS and Events

Lecture 34 Node 11: Working with builtin File Systems and Promises

Lecture 35 Node 12: Working with Streams 01 - Writable stream

Lecture 36 Node 13: Working with Streams 02 - Readable streams

Lecture 37 Node 14: Working with Streams 03 - process.std streams

Web concepts

Lecture 38 Web concepts 01: Introduction to data communication

Lecture 39 Web concepts 02: Open Systems Interconnection model

Lecture 40 Web concepts 03: Hypertext Transfer Protocol (HTTP)

Lecture 41 Web concepts 04: How HTTP messages sent and received

Lecture 42 Web concepts 05: Inspect HTTP request in browser devtool

Lecture 43 Web concepts 06: HTTP get and post request using CURL

Lecture 44 Web concepts 07: HTTP get and post requests in browser

Lecture 45 Web concepts 08: HTTP requests via postman and vscode

Lecture 46 Web concepts 09: HTTP request via javascript node-fetch

Lecture 47 Web concepts 10: Web server using built in HTTP module

Lecture 48 Web concepts 11: Expressjs + nodemon setup and running

[More will be added here]

Server

Node

History about why we needed node
What is node (architecture)
Installation and verify
Manage versions
Hello world
What’s happening

Node package manager

What and why
Dissecting package.json
Going into node_modules
Working with npm packages

Node built-in modules

os
events
fs
stream
http

Server frameworks

Comparison between server frameworks
Hello world - Express
Hello world - Koa
Hello world - Fastify

HTTP

OSI Model
How Internet works
HTTP messages
HTTP Request Types / VERBS
HTTP Clients (Postman, Insomnia, VSCode, Terminal)
HTTP Get
HTTP Post
HTTP Put
HTTP Delete
HTTPS

MongoDB

RDBMS vs NOSQL
Why MongoDB
How it works
Install
Working with Database
Working with Collection
Working with Schema
Working with Index
CRUD from mongo shell
MongoDB Atlas

Express API CRUD

Setup Express application
Setup routes
Perform CRUD using POSTMAN
Create model
Create service
Use validation

Testing

Unit test
Integration test

Client

Client side JavaScript

How browsers work
DOM rendering
Console, Network, Application tabs
Libraries and Frameworks

React

Why we needed react
What is React
How react works
Thinking in react

Create react app

Hello world
What’s happening in here
Create a calculator

Working with data

Local state
Passing data via props

React concepts

hooks
context
refs
custom hooks

React router dom

Create routes and pages
Create menu and page containers
Hooks
Router
Link

Form and List

Create a form from scratch
Create form using react-hook-form
Create a list page from scratch
Save data to server
Search data ono list page
Edit data

Testing

Snapshot testing
Storybook testing
Unit testing (Jest)

MUI

Material UI
Create pages
Use templates

Real project: Inventory system

Project management

Requirement analysis
Architecture analysis
Project breakdown
Release plan

Phase 1: Architecture and User management

Architecture

Create base architecture
Create auth codes properly
Add seed data
Modular architecture

Authentication

JWT token
Authentication in server
Authenticationin client
Add signin signout feature

Authorization

add middleware in server
add authorization mechanism in client

Phase 2: Feature implementation

Modules

Product
Customer
Order

Reporting

add recharts
add cron
design dashboard

Deployment

aspects of deployment
deploy to virtual machine
deploy to digital ocean apps
Cloud deployment (theory only)

Conclusion

What you should do next
Connect with me

Whole playlist

Playlist