Course Curriculum
Introduction
Available in
days
days
after you enroll
How The Internet Works
Available in
days
days
after you enroll
- Browsing the Web (6:00)
- Breaking Google (2:59)
- Exercise: Break Google Yourself
- The Internet Backbone (5:29)
- Traceroute (2:24)
- Exercise: Running traceroute
- DEVELOPER FUNDAMENTALS: I (3:08)
- What Does A Developer Do? (1:39)
- Optional: The Article Which Inspired This Course
- Web Developer Monthly
- Let's Have Some Fun (+ Free Resources)
History Of The Web
Available in
days
days
after you enroll
HTML5
Available in
days
days
after you enroll
- Build Your First Website (7:48)
- Resources: Your Text Editor
- DEVELOPER FUNDAMENTALS: III (3:31)
- Quick Note About w3schools
- How To Ask Questions
- HTML Tags (8:39)
- HTML Tags 2 (1:49)
- Self Closing HTML Tags (5:34)
- Anchor Tag (4:52)
- Q&A: index.html (2:05)
- Q&A: Relative vs Absolute Path (3:46)
- Course Check-In
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 (4:00)
- Bootstrap (8:51)
- Bootstrap 5 Update (4:18)
- Exercise: Changing Versions
- 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)
- Bootstrap 5.2+ Button Hover Update
- Exercise: Startup Landing Page 5 (11:33)
- Quick Note: Text Not Centered?
- 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)
- ES2022 (3:25)
- Debugging (8:23)
- How Javascript Works (24:12)
- Modules (13:19)
- More Modules To Come!
- 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
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 Fundamentals (React 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:05)
- React App Folder Structure (8:14)
- React 18 Update (4:48)
- React Fundamentals (3:55)
- React Fundamentals 2 (4:59)
- Hooks vs Classes (2:13)
- Class vs Functional App.js (4:02)
- Quick Note: Service Worker File
- Your First React Component (20:13)
- Building A React App 1 (16:03)
- React.Fragment and Semantic HTML
- The Dirty Little Secret To Become An Expert (4:40)
- 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 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
Leveling Up: The Power of Problem Solving
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)
- DEVELOPER FUNDAMENTALS: Maintain Your Codebase (18:11)
- Quick Note: React Tilt + React Particles
- Building Our Components (36:19)
- Introducing our Machine Learning API (3:57)
- Resource: Clarifai API Docs
- Before We Start The Big Part (5:46)
- Quick Note: Next 3 Lectures
- Testing Our API (7:39)
- Reading Documentation Like a Pro (14:23)
- Exercise: Coding Your Image Recognition API (28:33)
- Face Detection Box (23:46)
- Customizing your App (4:29)
- 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)
- 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)
- 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)
- 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)
- Quick Note: Cleaning Up
- Optional Exercise: Using ChatGPT
- Optional: Using gRPC API (13:23)
- Environment Variables (7:13)
- Alternatives to Heroku
- 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
Extra: For Windows Users
Available in
days
days
after you enroll