| HTML5 |
Build Your First Website |
✅ Completed |
| Internet Basics |
Traceroute |
✅ Completed |
| Internet Basics |
Breaking Google |
✅ Completed |
| CSS |
CSS Selectors Challenge |
✅ Completed |
| Advanced CSS |
Flexbox Froggy |
✅ Completed |
| Bootstrap |
Startup Landing Page |
✅ Completed |
| CSS Grid |
Navigation Bar Layout |
✅ Completed |
| CSS Grid |
Project Grid + Footer |
✅ Completed |
| JavaScript |
Your First JavaScript Script |
✅ Completed |
| JavaScript |
Variables Practice |
✅ Completed |
| JavaScript |
Calculator App |
✅ Completed |
| JavaScript |
Keyless Car Logic |
✅ Completed |
| JavaScript |
Functions – Improved Keyless Car |
✅ Completed |
| JavaScript |
Arrays Manipulation |
✅ Completed |
| JavaScript |
Objects & Arrays for Facebook App |
✅ Completed |
| JavaScript |
Build Facebook |
✅ Completed |
| JavaScript |
Loops Practice |
✅ Completed |
| JavaScript |
Build Facebook 2 |
✅ Completed |
| JavaScript |
JavaScript Keywords |
✅ Completed |
| DOM Manipulation |
DOM Selectors |
✅ Completed |
| DOM Manipulation |
DOM Events |
✅ Completed |
| DOM Manipulation |
Background Generator Project |
✅ Completed |
| JavaScript |
jQuery Basics |
✅ Completed |
| Developer Fundamentals |
Developer Fundamentals V |
✅ Completed |
| Advanced JavaScript |
Scope |
✅ Completed |
| Advanced JavaScript |
Exercise: Scope |
✅ Completed |
| Advanced JavaScript |
Advanced Control Flow |
✅ Completed |
| Advanced JavaScript |
ES5 and ES6 |
✅ Completed |
| Advanced JavaScript |
Exercise: ES5 and ES6 |
✅ Completed |
| Advanced JavaScript |
Advanced Functions |
✅ Completed |
| Advanced JavaScript |
Exercise: Advanced Functions |
✅ Completed |
| Advanced JavaScript |
Advanced Arrays |
✅ Completed |
| Advanced JavaScript |
Exercise: Advanced Arrays |
✅ Completed |
| Advanced JavaScript |
Advanced Objects |
✅ Completed |
| Advanced JavaScript |
Pass By Value vs Pass By Reference |
✅ Completed |
| Advanced JavaScript |
Type Coercion |
✅ Completed |
| Advanced JavaScript |
ES7 (ES2016) |
✅ Completed |
| Advanced JavaScript |
Exercise: ES7 (ES2016) |
✅ Completed |
| Advanced JavaScript |
ES8 (ES2017) |
✅ Completed |
| Advanced JavaScript |
Exercise: ES8 (ES2017) |
✅ Completed |
| Advanced JavaScript |
ES10 (ES2019) |
✅ Completed |
| Advanced JavaScript |
Exercise: ES10 (ES2019) |
✅ Completed |
| Advanced JavaScript |
Advanced Loops |
✅ Completed |
| Advanced JavaScript |
Exercise: Advanced Loops |
✅ Completed |
| Advanced JavaScript |
ES2020 Part 3 |
✅ Completed |
| Advanced JavaScript |
Exercise: ES2020 |
✅ Completed |
| Advanced JavaScript |
ES2021 |
✅ Completed |
| Advanced JavaScript |
ES2022 |
✅ Completed |
| Advanced JavaScript |
ES2023 |
✅ Completed |
| Advanced JavaScript |
Exercise: ES2023 |
✅ Completed |
| Advanced JavaScript |
ES2024 |
✅ Completed |
| Advanced JavaScript |
ES2025 and Beyond |
✅ Completed |
| Advanced JavaScript |
Updated Background Generator Project |
✅ Completed |
| Advanced JavaScript |
Debugging |
✅ Completed |
| Advanced JavaScript |
How JavaScript Works |
✅ Completed |
| Advanced JavaScript |
Modules |
✅ Completed |
| Advanced JavaScript |
More Modules To Come! |
✅ Completed |
| Advanced JavaScript |
Exercise: Imposter Syndrome |
✅ Completed |
| Advanced JavaScript |
Extra JavaScript Practice |
✅ Completed |
| Command Line |
For WINDOWS Users ONLY |
✅ Completed |
| Command Line |
Quick Note: For Windows Users |
✅ Completed |
| Command Line |
Using The Terminal |
✅ Completed |
| Command Line |
Exercise: Practice Using The Terminal |
✅ Completed |
| Developer Environment |
Sublime Text |
✅ Completed |
| Developer Environment |
Resources: Customizing Sublime Text |
✅ Completed |
| Developer Environment |
VS Code |
✅ Completed |
| Developer Environment |
Resources: Customizing VS Code |
✅ Completed |
| Developer Environment |
Terminal |
✅ Completed |
| Developer Environment |
Resources: Customizing Terminal |
✅ Completed |
| Developer Environment |
For Windows: Customizing Git Bash |
✅ Completed |
| Git + GitHub + Open Source Projects |
Installing Git |
✅ Completed |
| Git + GitHub + Open Source Projects |
Git + GitHub Part 1 |
✅ Completed |
| Git + GitHub + Open Source Projects |
GitHub Update: Master → Main |
✅ Completed |
| Git + GitHub + Open Source Projects |
Git + GitHub Part 2 |
✅ Completed |
| Git + GitHub + Open Source Projects |
My Terminal Setup |
✅ Completed |
| Git + GitHub + Open Source Projects |
Contributing To Open Source |
✅ Completed |
| Git + GitHub + Open Source Projects |
Contributing To Open Source 2 |
✅ Completed |
| Git + GitHub + Open Source Projects |
Exercise: Contribute To Our Open Source |
✅ Completed |
| Git + GitHub + Open Source Projects |
Keeping Your Fork Up To Date |
✅ Completed |
| React.js Fundamentals (v19) |
Introduction To React.js |
✅ Completed |
| React.js Fundamentals (v19) |
React History & Latest Version (v19) |
✅ Completed |
| React.js Fundamentals (v19) |
Files For This Section |
✅ Completed |
| React.js Fundamentals (v19) |
Create React App |
✅ Completed |
| React.js Fundamentals (v19) |
Service Worker Setup & Fixes |
✅ Completed |
| React.js Fundamentals (v19) |
ReportWebVitals Integration |
✅ Completed |
| React.js Fundamentals (v19) |
Migrated index.js to React 18 (createRoot) |
✅ Completed |
| React.js Fundamentals (v19) |
Card Component Rendering |
✅ Completed |
| React.js Fundamentals (v19) |
Robot Image Randomization Fix |
✅ Completed |
| React.js Fundamentals (v19) |
Tachyons Styling Applied |
✅ Completed |
| React.js Fundamentals (v19) |
Implemented SearchBox with dynamic filtering |
✅ Completed |
| React.js Fundamentals (v19) |
Added Scroll component with custom height & overflow |
✅ Completed |
| React.js Fundamentals (v19) |
Applied sticky positioning to search panel |
✅ Completed |
| React.js Fundamentals (v19) |
Fixed API fetch error (response.json typo) |
✅ Completed |
| React.js Fundamentals (v19) |
Integrated secondary scrollbar styling with neon design |
✅ Completed |
| React.js Fundamentals (v19) |
Confirmed CardList renders correctly with filtered robots |
✅ Completed |
| React.js Fundamentals (v19) |
Implemented React.Fragment and Semantic HTML in components |
✅ Completed |
| React.js Fundamentals (v19) |
Practiced building a React App with multiple components (App.js, CardList, Card) |
✅ Completed |
| React.js Fundamentals (v19) |
Styled React App using CSS modules and inline styles |
✅ Completed |
| React.js Fundamentals (v19) |
Integrated JSON Placeholder API for dynamic data |
✅ Completed |
| React.js Fundamentals (v19) |
Upgraded project to React 18 and converted setup to Vite |
✅ Completed |
| React Hooks |
Created custom hooks for reusability and combined multiple hooks in a single component |
✅ Completed |
| React Hooks |
Debugged hook-based components to ensure correct re-render behavior |
✅ Completed |
| HTTP/JSON/AJAX + Asynchronous JavaScript |
Implemented AJAX requests and practiced using Promises for async flows |
✅ Completed |
| HTTP/JSON/AJAX + Asynchronous JavaScript |
Rewrote Promise-based code using ES8 Async/Await |
✅ Completed |
| HTTP/JSON/AJAX + Asynchronous JavaScript |
Experimented with ES2020 Promise.allSettled() and ES2021 Promise.any() |
✅ Completed |
| Backend Introduction |
Learned backend basics and how servers power web applications |
✅ Completed |
| APIs |
Explored how APIs connect front-end apps to external services and practiced building a Web App API |
✅ Completed |
| Problem Solving |
Studied the snapshot model of learning and applied deliberate practice techniques |
✅ Completed |
| SmartBrain Front-End |
Started building the SmartBrain project, maintained clean codebase, added React Tilt + Particles, integrated Clarifai API, and practiced API testing with documentation reading |
✅ Completed |
| SmartBrain Front-End |
Coded the Image Recognition API integration, parsed Clarifai response data, and built the Face Detection Box overlay in React while practicing debugging and problem-solving |
✅ Completed |