Current Module

About Module

Milestone 0: Orientation

Module -1: Welcome Video

Module 0: Orientation. How to get ready for this course

Milestone 1: Personal Portfolio

Module 1: Learn and Explore HTML as a Beginner

Module 2: Learn and Explore CSS as a Beginner

Module 3: Git, source control, GitHub and hosting

Module 4: Build a beautiful and professional portfolio website

Module 5: Personal website, build a brand new website

Module 5.5: [Bonus] Box model, pseudo class, position

Milestone 2: Responsive Web Layout

Module 6: HTML 5 Semantic tags, audio, video, table, form

Module 7: More CSS, Icon, CSS3 animation

Module 8: Responsive CSS Layout

Module 8.5: CSS Recap, Debugging, Future Strategy

Module 9: HTML CSS only Landing Page

Module 10: Responsive Website Assignment 2

Module 10.5: bonus

Milestone 3: CSS Frameworks

Module 11: Magic of Bootstrap (Getting started)

Module 12: Responsive Layout using Bootstrap

Module 12.5: Bootstrap Review and Practice

Module 13: Simple ecommerce landing page using Bootstrap

Module 14: A simple Introduction to Tailwind

Module 15: Responsive Landing Page Assignment

Module 15_5: HTML, CSS, Bootstrap Bonus

Milestone 4: Introduction to JavaScript

Module 16: Introduction to JavaScript

Module 17: Fundamental Concepts Array and conditionals

Module 17.5: Concepts Recap and Loop

Module 18: Core Concepts functions and objects

Module 19: Apply Javascript Concepts

Module 19.5: JS Concept Recap

Module 20: JavaScript Simple Coding Problems

Module 21: More JS Coding Problems

Module 21.5: Practice Basic JavaScript

Module 22: Assignment

Module 22.5: Basic JavaScript Bonus Module

Milestone 5: Integrate JavaScript

Module 23: How Javascript Works & DOM

Module 24: Event, addEventListener, Event bubble

Module 24-5: HTML, CSS, DOM Revision Day

Module 25: Baap Er Bank, simple bank transactions

Module 26: Functional Bank(advanced)

Module 26_5: Shopping Cart, develop an interactive Cart

Module 27: Revisit Javascript and work on Shopping Cart

Module 28: String and Array useful methods

Module 28.5: Practice and revision day

Module 29: Interactive Mac book Pro Assignment

Module 29.5: Integrate Javascript Bonus Content

Milestone 6: Intermediate JavaScript, API

Module 30: JS Recap and Basic ES6, ES2015

Module 31: (advanced) ES6, Class, Inheritance

Module 31.5 ES6 Recap and Practice

Module 32: API, JSON, Data load, dynamic website

Module 33: API Examples and edge cases

Module 33.5: Recap and Even more API Examples

Module 34: JavaScript Tricky Concepts

Module 35: (advanced) JavaScript Object Concepts

Module 35.5 Have a World tour with API

Module 36: Assignment-6

Module 36.5: Bonus API and JS Recap Concepts

Milestone 7: Explore Browser & Debug

Module 37: How JavaScript and Browser works

Module 38: Browser API and methods

Module 38.5: Browser API practice

Module 39: JavaScript debug, web debug, dev tool mastering

Module 40: More debug and Regular Expression

Module 40.5: Devtool and debug practice

Module 41: Getting started with TypeScript

Module: 42: JavaScript You need to know for React

Module: 42.5 Browser Debug Practice Day

Module 43: Assignment -7

Module 43.5: Browser Debug bonus video

Milestone 8: Introduction to Simple React

Module 44: Modern Front-end core concepts

Module 45: React Core Concepts, JSX, props, state

Module 45.5: React Core Concept Recap and Practice day

Module 46: Simple React Rest Countries

Module 47: (Conceptual) How React works

Module 47.5: Practice and React Side things

Module 48: Simple React SPA with simple e-commerce

Module 49: (advanced) Save and searchable e-commerce

Module 49.5: Simple React Revision day

Module 50: React SPA Assignment 8

Module 50.5: Simple React Bonus

Milestone: 9 React Router and States

Module 51: React Bootstrap, Material UI, Axios, Rechart

Module 52: Simple React Router Examples

Module 52.5 Meal db search and routing

Module 53: ema-john with router and custom hook

Module 54: Router deploy, Simple Context API, devtool

Module 54_5: React Router Practice

Module 55: Educational Website Assignment 9

Module 55.5: React Router bonus content

Milestone 10: React Authentication

Module 56: Simple React Firebase authentication

Module 57: Email Password Authentication, Login Form

Module 57.5: Firebase Recap and Practice

Module 58: React Auth Integration and Private Route

Module 59: Private Route Recap with Ema-John

Module 59.5: Firebase auth and private Route Recap

Module 60: Responsive React Website and React Recap

Module 61: React Router and Firebase Auth Recap

Module 61.5: Firebase auth and Simple Site Practice

Module 62: React Auth Assignment 10

Module 62.5: Add Google Map, MapBox GL to React

Milestone 11: Backend and Database Integration

Module 63: Getting Started with Node, Express and Api

Module 64: Mongodb, database integration, CRUD

Module 64.5: CRUD Update and Product Management Practice)

Module 65: Genius Car Node Mongo CRUD Recap

Module 66: E-commerce site Node and Mongodb integration

Module 67.5: Deploy to Heroku and Practice Problem

Module 68: Backend Database Milestone Assignment

Module 68.5: JWT token and image hosting

Milestone 12: Final Project (Complete Website)

Module 69: Final Project Part-1 (Home page)

Module 70: Final Project Part-2 (Appointment)

Module 71: Final Project Part-3 (Auth Recap)

Module 72: Final Project Part-4 (Dashboard)

Module 73: Final Project Part-5 (Secure Admin)

Module 73.5: Final Project Deploy and Practice

Module 74: Build your own Complete Project

Module 75: Payment gateway Stripe Integration

Module 76: Image Upload, Live Site Deploy, React Router V6

Milestone 13: Intermediate Level React

Module 77: Introduction React Native, Next JS, Class Components

Module 77.5: useReducer, redux core concept, optional assignment

Milestone 14: Interview and Hiring

Module 78: Data Structure, Algorithm, OOP, Problem Solving

Module 79: Interview Preparation and Get Ready to be hired

Module 80: Last Module Grow as a web Developer