Class Notes



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 4.5: Revision/ Practice and Conceptual day1

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: HTML5 Semantic tags, audio, video, table,form

Module 7: More CSS, Icon, CSS3 animation

Module 8: Responsive CSS Layout

Module 9: HTML CSS only Landing Page

Module 10: Responsive Website Assignment 2



Milestone.3: CSS Frameworks


Module 11: Magic of Bootstrap (Getting started)

Module 12: Responsive Layout using Bootstrap

Module 13: Simple eCommerce Landing Page using Bootstrap

Module 14: A Simple Intro to TailWind

Module 14.5: Practice/ Revision and Conceptual Day 2

Module 15: Responsive Landing Page Assignment

Module 15.5: HTML, CSS, Bootstrap Bonus



Milestone.4: Hello JS


Module 16: Intro to JS

Module 17: Fundamental concepts, array & conditionals

Module 18: Loop & Practice Problems

Module 18.5: Practice Variable, Array, Conditionals, Loop

Module 19: Core Concepts, Functions & Objects

Module 20: Apply JS Concepts

Module 20.5: JS concept recap

Module 21: JS simple Coding Problems

Module 22: More JS Coding Problems

Module 22.5: Practice Basic JS

Module 23: Assignment

Module 23.5: Basic JS Bonus Module



Milestone.5: Integrate JS (JS in a Relation)


Module 24: How JS works on DOM

Module 25: Event, Event Bubble

Module 28.5: Practice2 on DOM

Module 29: Assignment 5



Milestone.6: Intermediate JS, API


Module 36: Assignment 6



Milestone.7: Explore Browser and Debug


Module 43: Assignment 7



Milestone.8: Simple React


Module 46: Simple React Rest Countries

Module 47.5: Modules and data storage Integration

Module 48: (advanced) Cart calculation, Save ad Retrieve cart

Module 50: Assignment 8



Milestone.9: React Router and states


Module 51: Bootstrap, tailwind CSS, Axios, ReChart

Module 55: Assignment: Educational website



Milestone.10: React Authentication


Module 56: Simple react firebase Authentication

Module 57: Email, password authentication and login form

Module 58: React Auth Integration and Private Route

Module 59: Private Route Recap With Ema-John

Module 60: Recap with a Responsive React website

Module 63: React auth assignment



Milestone.11: Backend and database integration


Module 64: Getting started with node, Express and Api

Module 65: Mongo dB, Database Integration, Crud

Module 66: Genius car Home and Simple Auth

Module 67: Genius car Node Mongo dB Crud Recap

Module 68: Pagination and Load data by filter

Module 69: Intro to JWT and Secure API using JWT

Module 70: Backend Database Milestone Assignment



Milestone.12: Final Project (Complete Website)


Module 71-77: Final Project

Module 78: Assignment 12