Course Curriculum
Introduction
Available in
days
days
after you enroll
How The Internet Works
Available in
days
days
after you enroll
History Of The Web
Available in
days
days
after you enroll
HTML5
Available in
days
days
after you enroll
Advanced HTML 5
Available in
days
days
after you enroll
CSS
Available in
days
days
after you enroll
Advanced CSS
Available in
days
days
after you enroll
- Critical Render Path (3:57)
- Exercise File: Code-Along Images
- Flexbox (8:25)
- Optional Exercise: Flexbox Froggy
- CSS 3 (8:14)
- Optional Exercise: Mastering Transitions and Transforms
- Responsive UI (1:39)
- Image Gallery Files
- Exercise: Robot Animation (0:52)
- Exercise: Robot Animation Starter Files
- Solution: Robot Animation
- Optional Exercise: CSS
Bootstrap, Templates, And Building Your Startup Landing Page
Available in
days
days
after you enroll
- Evolving Technology (4:47)
- Bootstrap Introduction (3:59)
- Bootstrap (8:51)
- Bootstrap 5 Update (4:18)
- Bootstrap Grid (5:18)
- Free Resources For Our Project
- Exercise: Startup Landing Page (0:54)
- Exercise: Startup Landing Page 2 (3:58)
- Exercise: Startup Landing Page 3 (8:23)
- Quick Note: The hr tag
- Exercise: Startup Landing Page 4 (8:25)
- Exercise: Startup Landing Page 5 (11:33)
- Quick Note: Mailchimp
- Exercise: Adding Email Subscribe Form With MailChimp (9:21)
- Quick Note: Upcoming Videos
- Exercise: Putting Your Website Online (5:48)
- Exercise: Putting Your Website Online 2 (2:50)
- Quick Note: Upcoming Video
- DEVELOPER FUNDAMENTALS: IV (7:15)
- Using Templates (3:18)
- Resources for FREE Templates
- Startup Landing Pages by Students
CSS Grid + CSS Layout
Available in
days
days
after you enroll
- Section Overview (1:50)
- CSS Grid vs Flexbox vs Bootstrap (4:40)
- Quick Note: grid-gap to gap
- CSS Grid 1 (7:55)
- CSS Grid 2 (4:14)
- CSS Grid 3 (6:25)
- CSS Grid 4 (7:07)
- CSS Grid 5 (1:56)
- Optional Exercise: CSS Grid
- Exercise: CSS Layout (3:37)
- Solution: Navigation Bar (8:37)
- Solution: Navigation Bar 2 (4:22)
- Solution: Cover (4:41)
- Solution: Project Grid + Footer (8:54)
- Quick Note: Upcoming Video
- Solution: Prettify (6:59)
- Resources: CSS Guide
- The Truth About CSS (3:51)
Career Of A Web Developer
Available in
days
days
after you enroll
JavaScript
Available in
days
days
after you enroll
- Introduction To Javascript (1:36)
- What Is Javascript? (5:33)
- Your First Javascript (11:41)
- Exercise: Number, String, Boolean, Comparisons
- Variables (15:09)
- Exercise: Variables
- Exercise: Make A Calculator
- Control Flow (16:36)
- Exercise: Make A Keyless Car
- Javascript On Our Webpage (9:05)
- Functions (23:53)
- Exercise: Make A Keyless Car Even Better
- Data Structures: Arrays (13:06)
- Exercise: Arrays
- Data Structures: Objects (15:25)
- Exercise: Objects And Arrays For Facebook App
- Exercise: Build Facebook (11:16)
- Javascript Terminology (3:43)
- Loops (22:22)
- Exercise: Build Facebook 2 (8:02)
- Javascript Keywords (3:02)
- Section Outline Document
DOM Manipulation
Available in
days
days
after you enroll
Advanced JavaScript
Available in
days
days
after you enroll
- Scope (10:25)
- Exercise: Scope
- Advanced Control Flow (11:41)
- Exercise: Advanced Control Flow
- ES5 and ES6 (26:41)
- Exercise: ES5 and ES6
- Advanced Functions (20:04)
- Exercise: Advanced Functions
- Advanced Arrays (16:40)
- Exercise: Advanced Arrays
- Advanced Objects (24:51)
- Quick Note: Upcoming Videos
- Pass By Value vs Pass By Reference (17:06)
- Type Coercion (9:02)
- Exercise: Advanced Objects
- ES7 (ES2016) (3:06)
- Exercise: ES7
- ES8 (ES2017) (9:19)
- Exercise: ES8
- Note: ES9 + ES8 Async Await
- ES10 (ES2019) (16:49)
- Exercise: ES10
- Advanced Loops (12:04)
- Exercise: Advanced Loops
- ES2020 Part 1 (10:07)
- ES2020 Part 2 (3:29)
- ES2020 Part 3 (4:10)
- Exercise: ES2020
- ES2021 (3:08)
- Debugging (8:23)
- How Javascript Works (24:12)
- Modules (13:19)
- Resources: Modules
- Exercise: Imposter Syndrome (2:55)
- Extra Javascript Practice
- Optional Exercise: Javascript Logic
Command Line
Available in
days
days
after you enroll
Developer Environment
Available in
days
days
after you enroll
Git + Github + Open Source Projects
Available in
days
days
after you enroll
- Installing Git
- Git + Github Part 1 (17:40)
- Github Update: Master --> Main
- Git + Github Part 2 (16:52)
- My Terminal Setup
- Contributing To Open Source (14:44)
- Contributing To Open Source 2 (9:42)
- Exercise: Contribute To Our Open Source
- Keeping Your Fork Up To Date
- Portfolio Website for Recruiters
- Student Generated Top Resources
A Day In The Life Of A Developer
Available in
days
days
after you enroll
NPM + NPM Scripts
Available in
days
days
after you enroll
React.js, React Hooks, Redux (Hooks and Redux videos moved to end of course!)
Available in
days
days
after you enroll
- Introduction To React.js (12:21)
- Create React App (7:08)
- Create React App v5
- React App Folder Structure (8:14)
- React Fundamentals (3:55)
- React Fundamentals 2 (4:59)
- Class vs Functional App.js (4:02)
- Hooks vs Classes (2:13)
- Quick Note: Service Worker File
- Your First React Component (20:13)
- Building A React App 1 (16:03)
- React.Fragment and Semantic HTML
- Exercise: Learn to Read the Docs
- Building A React App 2 (9:47)
- Building A React App 3 (26:35)
- Styling Your React App (4:59)
- Quick Note: JSON Placeholder
- Building A React App 4 (15:30)
- Building A React App 5 (8:53)
- Building A React App 6 (9:05)
- Project Files
- Keeping Your Projects Up To Date (8:30)
- Exercise: React 18
- Solution: Try Upgrading to React 18 (3:56)
- React v18: createRoot
- React Review (2:34)
- Error Boundary In React (8:11)
- Deploying Our React App (5:10)
- React Hooks + Redux (Saved For End Of The Course)
HTTP/JSON/AJAX + Asynchronous Javascript
Available in
days
days
after you enroll
- HTTP/HTTPS (19:58)
- JSON (7:25)
- JSON vs Form Data
- AJAX (13:37)
- Quick Note: Upcoming Video
- Promises (22:26)
- Exercise: Promises
- ES8 - Async Await (15:22)
- Exercise: ES8 - Async Await
- ES9 (ES2018) (5:21)
- ES9 (ES2018) - Async (11:11)
- ES2020: allSettled() (4:22)
- ES2021: any()
- Reviewing ES6, ES7, ES8, ES9, ES10, ES11 Features
Backend Introduction
Available in
days
days
after you enroll
APIs
Available in
days
days
after you enroll
FINAL PROJECT: SmartBrain Front-End
Available in
days
days
after you enroll
- What We Are Building (1:49)
- Quick Note: React Tilt + React Particles
- Building Our Components (36:19)
- Create React App v5 Changes
- Before We Start The Big Part (8:05)
- Image Recognition API (28:33)
- Clarifai API Updates, Models and Troubleshooting (9:17)
- Resource: Clarifai API Docs
- Face Detection Box (23:46)
- Sign In Form And Routing (29:21)
- Project Files: Github
Node.js + Express.js
Available in
days
days
after you enroll
- Introduction To Node.js (5:54)
- 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)
- Types of Modules (5:10)
- 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)
FINAL PROJECT: SmartBrain Back-End -- Server
Available in
days
days
after you enroll
- Setting Up Our Server (10:20)
- /signin and /register (18:30)
- /profile/:id and /image (10:05)
- Quick Note: Bcrypt (1:59)
- Storing User Passwords (11:21)
- Resource: Storing User Passwords Securely
- Connecting To Our Front-End (21:07)
- Resource: CORS
- Registering Users (11:28)
- Exercise: Load User Feature
- User Profile Update (8:59)
- Project Files: Github
Databases
Available in
days
days
after you enroll
- Introduction To Databases (10:54)
- Installing PostgreSQL (6:53)
- For Windows Users
- Resources: Installing PostgreSQL
- SQL: Create Table (5:15)
- SQL: Insert Into + Select (4:33)
- SQL: Alter Table + Update (4:12)
- SQL: Conditional Selections (3:32)
- SQL: Functions (1:59)
- Joining Tables Part 1 (7:07)
- Joining Tables Part 2 (5:01)
- SQL: Delete From + Drop Table (1:42)
- Exercises: SQL Commands
FINAL PROJECT: SmartBrain Back-End -- Database
Available in
days
days
after you enroll
- Setting Up Your Database (8:50)
- Connecting To The Database (7:06)
- Troubleshooting: Connecting Knex
- Registering A User Part 1 (4:50)
- Registering A User Part 2 (5:00)
- Getting User Profiles (7:03)
- Quick Note: Knex.js Breaking Changes
- Updating Entries (5:28)
- Quick Note: Knex.js Breaking Changes 2
- Sign In (17:30)
- Quick Note: Removing Unused Variables
- Putting It All Together (4:04)
- Optional: Using gRPC API (13:23)
- What's Next? (2:18)
Production + Deployment
Available in
days
days
after you enroll
- Deploying Our Files (7:08)
- Code Review (23:22)
- Quick Note: Clarifai API
- Security Review (19:10)
- Environment Variables (7:13)
- Exercise: Deploying To Production
- Deploying On Heroku (18:58)
- Quick Note: Troubleshooting Next Video
- Deploying To Heroku Part 2 (10:40)
- Deploying To Heroku Part 3 (1:50)
- NPM Serve
- Deploying To Heroku Part 4 (7:11)
- Project Files: Github
Where To Go From Here?
Available in
days
days
after you enroll
- Thank You! (1:17)
- Review This Course!
- Become an Alumni
- Resource: Interviewing
- My Advice On Interviewing
- My Advice On Getting Hired
- My Advice On Resume/Portfolio/LinkedIn
- My Advice On Being a Junior Developer
- My Advice On How To Become A Senior Developer
- Part 2
- Become a ZTM Ambassador ➡ Refer new students. Earn cash.
Bonus: Extra Bits
Available in
days
days
after you enroll
Extra Learning: React Hooks
Available in
days
days
after you enroll
Optional Extra Learning: Redux
Available in
days
days
after you enroll
- Quick Note About Redux
- State management (7:12)
- Why Redux? (11:39)
- Installing Redux (5:45)
- Redux Toolkit (2:02)
- Redux Actions and Reducers (13:44)
- Redux Store and Provider (8:35)
- Redux connect() (16:31)
- Redux Middleware (8:45)
- Redux Async Actions (29:27)
- Redux Project Structures (4:54)
- Popular Tool For React + Redux (7:41)
- Project Files - Redux
Extra: For Windows Users
Available in
days
days
after you enroll