ZTM Learning Journey

📚 Course Progress

Current completion: ~88%

✅ Completed Modules

Introduction
Course Outline
Meet Classmates & Instructor
Understanding the Video Player
Set Learning Streak Goal
How the Internet Works (21m 39s)
Browsing the Web (6m 00s)
Breaking Google (2m 59s) + Exercise
The Internet Backbone (5m 29s)
Traceroute (2m 24s) + Exercise
Developer Fundamentals I (3m 08s)
What Does a Developer Do? (1m 39s)
Web Developer Monthly
Let’s Have Some Fun (+ free resources)

🌙 Night Updates — December 4, 2025

History of the Web (14m 37s)
WWW vs Internet (3m 30s)
HTML, CSS, JavaScript Overview (5m 04s)
Developer Fundamentals II (2m 55s)
Developer History (3m 08s)
Exercise: Add CSS & JavaScript to Tim’s Website
Optional: More about the history of the web

🔁 Unlimited Updates

A.I. & How to Use ChatGPT (17m 36s)
How to Use A.I. with This Course
Future of A.I. & How to Adapt (7m 08s)
How to Use ChatGPT (6m 56s)
Don’t Be a Junior (3m 32s)

📅 December 5, 2025

HTML5 (38m 05s)
Build Your First Website (7m 48s)
Resources: Your Text Editor
Developer Fundamentals III (3m 31s)
Quick Note About w3schools
How to Ask Questions
HTML Tags (8m 39s)
HTML Tags 2 (1m 50s)

📅 December 6, 2025

Advanced HTML5 (36m 26s)
Self-Closing HTML Tags (5m 34s)
Anchor Tag (4m 52s)
Q&A: index.html (2m 05s)
Q&A: Relative vs Absolute Paths (3m 46s)
Course Check-In
Code-Along Setup Files
HTML Forms (10m 57s)
HTML Forms 2 (3m 09s)
Submitting a Form (8m 18s)

📅 December 7, 2025

CSS (1h 01m)
Your First CSS (13m 42s)
CSS Properties (10m 35s)
CSS Selectors (16m 33s)
Advanced Selector Logic
Selector Challenges (apple, pickle, bento)
Images in CSS (4m 06s)
Box Model (5m 08s)
px vs em vs rem (3m 04s)
CSS Quiz
Advanced CSS (23m 07s)
Critical Render Path (3m 57s)
Flexbox (8m 25s)
CSS3 (8m 14s)

📅 December 8, 2025

Bootstrap, Templates & Startup Landing Page (1h 46m)
Bootstrap Grid
Fast & Furious Bootstrap Challenge
Mailchimp Integration
Landing Page Build (Parts 1–5)

📅 December 9, 2025

Putting Your Website Online
Developer Fundamentals IV
Using Templates
Free Template Resources
Using A.I. Tools for Portfolio

📅 December 10, 2025

CSS Grid + CSS Layout (1h 15m)
Section Overview (1m 51s)
CSS Grid vs Flexbox vs Bootstrap (4m 40s)
Quick Note: grid-gap → gap
CSS Grid 1 (7m 55s)
CSS Grid 2 (4m 14s)
CSS Grid 3 (6m 25s)
CSS Grid 4 (7m 07s)
CSS Grid 5 (1m 56s)
Optional Exercise: CSS Grid
Exercise: CSS Layout (3m 37s)
Solution: Navigation Bar (8m 37s)
Solution: Navigation Bar 2 (4m 22s)
Solution: Cover (4m 41s)
Solution: Project Grid + Footer (8m 54s)
Quick Note: Upcoming Video

📅 December 11, 2025

CSS Grid + CSS Layout (continued)
Solution: Prettify (7m 00s)
Resources: CSS Guide
The Truth About CSS (3m 51s)
Career of a Web Developer (45m 03s)
2026 Updated Statistics
Career of a Web Developer (14m 25s)
Web Developer Roadmap
Quick Note: Upcoming Video
What If I Don’t Have Enough Experience? (21m 30s)

📅 December 12, 2025

JavaScript Fundamentals (2h 41m)
Introduction to JavaScript (1m 36s)
What Is JavaScript? (5m 33s)
New JavaScript Features
Your First JavaScript (11m 41s)

📅 December 13, 2025

JavaScript Fundamentals (continued — 2h 41m)
Exercise: Number, String, Boolean, Comparisons
Variables (15m 09s) + Exercise
Exercise: Make a Calculator
Control Flow (16m 36s) + Exercise: Make a Keyless Car
JavaScript on Our Webpage (9m 05s)
Functions (23m 53s) + Exercise: Make a Keyless Car Even Better
Data Structures: Arrays (13m 06s) + Exercise

📅 December 14, 2025

JavaScript Fundamentals (continued — 2h 41m)
Data Structures: Objects (15m 25s) + Exercise
Exercise: Objects & Arrays for Facebook App
Exercise: Build Facebook (11m 16s)
JavaScript Terminology (3m 43s)
Loops (22m 22s) + Exercise
Exercise: Build Facebook 2 (8m 03s)
JavaScript Keywords (3m 02s)
Section Outline Document
DOM Manipulation (1h 24m)
Document Object Model (8m 42s)
DOM Selectors (17m 12s) + Exercise
DOM Events (26m 57s) + Exercise
Note: Callback Functions
Solution: DOM Events
Exercise: Background Generator (19m 25s)
Background Generator Files
jQuery (6m 49s)
Developer Fundamentals V (4m 46s)

📅 December 15, 2025

Advanced JavaScript (4h 30m)
Scope (10m 25s) + Exercise
Advanced Control Flow (11m 41s)

📅 December 16, 2025

ES5 and ES6 (26m 41s) + Exercise
Advanced Functions (20m 04s)

📅 December 17, 2025

Advanced JavaScript (4h 30m)
Scope (10m 25s) + Exercise
Advanced Control Flow (11m 41s) + Exercise
ES5 and ES6 (26m 41s) + Exercise
Advanced Functions (20m 04s) + Exercise
Advanced Arrays (16m 40s) + Exercise

📅 December 18, 2025

Advanced JavaScript (4h 30m)
Advanced Objects (24m 51s)

📅 December 19, 2025

Pass By Value vs Pass By Reference (17m 06s)
Type Coercion (9m 02s)

📅 December 20, 2025

ES7 (ES2016) (3m 06s) + Exercise

📅 December 21, 2025

ES8 (ES2017) (9m 19s) + Exercise

📅 December 22, 2025

Note: ES9 + ES8 Async Await
ES10 (ES2019) (16m 49s) + Exercise

📅 December 23, 2025

Advanced Loops (12m 04s) + Exercise

📅 December 24, 2025

ES2020 Part 1 (10m 07s)

📅 December 25, 2025

ES2020 Part 2 (3m 29s)

📅 December 26, 2025

ES2020 Part 3 (4m 11s)
Exercise: ES2020
ES2021 (3m 08s)
ES2022 (3m 25s)
ES2023 (13m 31s) + Exercise

📅 December 28, 2025

ES2024 (5m 49s)
ES2025 and Beyond
Updated Background Generator Project
Debugging (8m 23s)
How JavaScript Works (24m 12s)
Modules (13m 19s)
More Modules To Come!
Exercise: Imposter Syndrome (2m 56s)
Extra JavaScript Practice

📅 December 29, 2025

For WINDOWS Users ONLY
Quick Note: For Windows Users
Using The Terminal (10m 05s)
Exercise: Practice Using The Terminal
Sublime Text (9m 29s)
Resources: Customizing Sublime Text
VS Code (6m 55s)
Resources: Customizing VS Code
Terminal (6m 36s)
Resources: Customizing Terminal
For Windows: Customizing Git Bash

📅 December 30, 2025

Installing Git
Git + GitHub Part 1 (17m 40s)
GitHub Update: Master → Main
Git + GitHub Part 2 (16m 52s)
My Terminal Setup
Contributing To Open Source (14m 08s)
Contributing To Open Source 2 (9m 40s)
Exercise: Contribute To Our Open Source
Keeping Your Fork Up To Date

📅 January 2, 2026

Introduction To React.js (12m 21s)
React History & Latest Version (v19) (5m 22s)
Files For This Section
Create React App (7m 05s)

📅 January 3, 2026

Service Worker Setup & Fixes
ReportWebVitals Integration
Migrated index.js to React 18 (createRoot)
Card Component Rendering
Robot Image Randomization Fix
Tachyons Styling Applied

📅 January 4, 2026

Implemented SearchBox with dynamic filtering
Added Scroll component with custom height & overflow
Applied sticky positioning to search panel
Fixed API fetch error (response.json typo)
Integrated secondary scrollbar styling with neon design
Confirmed CardList renders correctly with filtered robots

📅 January 5, 2026

Completed React Hooks (3:42)
Completed React Hooks 2 (3:47)
Completed React Hooks 3 (3:25)
Practiced useState for local component state
Implemented useEffect for side effects and data fetching
Converted a class-based component into a functional component

📅 January 6, 2026

Completed React Hooks 4 (4:01)
Completed React Hooks 5 (3:45)
Completed React Hooks 6 (6:54)
Completed React Hooks 7 (9:16)
Completed React Hooks 8 (4:48)
Reviewed project files for Hooks
Completed React Hooks 9 (5:58)
Deepened understanding of custom hooks and reusability
Practiced combining multiple hooks in a single component
Explored debugging strategies for hook-based components

📅 January 7, 2026

Created a custom hook to handle form input logic
Combined multiple hooks in a single component for complex state management
Debugged a hook-based component to ensure correct re-render behavior

📅 January 9, 2026

Explored HTTP and HTTPS fundamentals
Worked with JSON and compared it to form data
Implemented AJAX requests for dynamic content loading
Practiced using Promises for asynchronous flows
Rewrote async code with ES8 Async/Await
Applied ES9 async features for improved readability
Experimented with ES2020 Promise.allSettled() and ES2021 Promise.any()
Reviewed ES6 → ES11 features for modern JavaScript mastery

📅 January 9, 2026

Learned backend basics and how servers power web applications
Explored how APIs connect front-end apps to external services
Practiced building a simple Web App API integration
Reviewed resources for finding and using public APIs
Studied the snapshot model of learning for breaking down problems
Applied deliberate practice techniques to strengthen problem-solving skills
Completed exercises focused on API usage and structured problem solving

📅 January 10, 2026

Started the SmartBrain Front-End final project
Learned the importance of maintaining a clean and organized codebase
Explored adding interactive effects with React Tilt and Particles
Built initial SmartBrain components in React
Introduced the Clarifai Machine Learning API for image recognition
Reviewed Clarifai API documentation to understand integration steps
Practiced testing API endpoints to confirm responses and functionality
Strengthened documentation reading skills for faster development

📅 January 11, 2026

Coded the Image Recognition API integration in the SmartBrain project
Implemented logic to parse Clarifai API response data
Built and rendered the Face Detection Box overlay in React
Practiced debugging API calls and handling responses effectively
Strengthened problem-solving skills by breaking down API → response → UI steps
Explored strategies for handling multiple detections and secure API key management

📅 January 12, 2026

Customized the React app structure to personalize the project
Applied styling updates to improve UI presentation
Reinforced understanding of component-based design in React
Practiced clean documentation and recruiter-friendly commit history
Explored strategies for balancing personalization with maintainability

📅 January 13, 2026

Built the Sign-In form with controlled inputs
Implemented routing between Sign-In and Home views
Tested navigation flow to ensure smooth user experience
Strengthened understanding of React Router basics
Prepared groundwork for backend authentication integration

📅 January 14, 2026

Project Files: Github

📅 January 19, 2026

Final Project: SmartBrain Front-End: Finished.

📅 January 21, 2026

Final Project: SmartBrain Front-End: Recap.

📅 January 25, 2026

Node.js + Express.js(2h 4m)
Introduction To Node.js (5:54)
fetch() in Node
Latest Version of Node.js
For Windows Users
Running script.js In Node (3:05)
ES2020: globalThis (3:14)
Modules In Node (4:22)
ES6 Modules??
ES6 Modules In Node (8:59)
ES2022: Top Level Await (3:46)
Exercise: ES2022 Top Level Await
ES2022: Await Import (5:05)

📅 January 26, 2026

Node.js + Express.js(2h 4m)
Types of Modules (5:10)
node --watch
Building a Server (8:25)
Introduction to Express.js (8:57)
Express Middleware (2:59)
Express Version Update
Postman (8:13)
Quick Note: req.header
RESTful APIs (11:22)
Node File System Module (20:11)
Exercise: Santa's Node Helper (4:02)
Exercise Resources: Santa's Node Helper
Solution: Santa's Node Helper (20:51)

📅 January 27, 2026

FINAL PROJECT: SmartBrain Back-End -- Server(1h 33m)
Code Along: Project Files
Setting Up Our Server (10:20)
/signin and /register (18:31)

📅 Febuary 8, 2026

FINAL PROJECT: SmartBrain Back-End -- Server(1h 33m)
/profile/:id and /image (10:05)
Quick Note: Bcrypt (1:59)
Storing User Passwords (11:21)

📅 Febuary 10, 2026

FINAL PROJECT: SmartBrain Back-End -- Server(1h 33m)
Resource: Storing User Passwords Securely
Connecting To Our Front-End (21:07)

🧠 Learning Routine

Daily minimum: 30–45 minutes
Weekly goal: 7 days/week
Anchor time: 22:00 (Morocco)

🗂 Repository Structure

Exercises → breaking-google/, traceroute/
Notes → how-the-internet-works.md
Progress Logs → December 4, 2025 - January 26, 2026

⏭️ Next Up

- Implement error handling for invalid login and registration attempts.
- Configure protected routes to secure authenticated user sessions.
- Enhance SmartBrain front-end with a complete authentication system.
- Maintain clear documentation commit history.

📝 How I Track Progress

Each study session gets a dated log in /progress containing:

Topic covered
Key takeaways
Practice completed
Questions or blockers