
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