The Complete Web Developer in 2026 Zero to Mastery
-
Introduction
-
How The Internet Works
-
History Of The Web
-
HTML5
-
Advanced HTML 5
-
CSS
-
Advanced CSSCritical Render Path0sExercise File Code-Along ImagesFlexbox0sOptional Exercise Flexbox FroggyCSS 30sOptional Exercise Mastering Transitions and TransformsResponsive UI0sImage Gallery FilesExercise Robot Animation0sExercise Robot Animation Starter FilesSolution Robot AnimationOptional Exercise CSS
-
Bootstrap, Templates, And Building Your Startup Landing PageEvolving Technology0sBootstrap Introduction0sQuick Note Upcoming LessonJust Watch Bootstrap0sBootstrap 5 Update0sExercise Changing VersionsFast and the Furious Bootstrap0sExercise Fast and the Furious Bootstrap ChallengeBootstrap Grid0sFree Resources For Our ProjectExercise Startup Landing Page0sExercise Startup Landing Page 20sExercise Startup Landing Page 30sQuick Note The hr tagExercise Startup Landing Page 40sBootstrap 5.2+ Button Hover UpdateExercise Startup Landing Page 50sQuick Note Text Not CenteredQuick Note MailchimpExercise Adding Email Subscribe Form With MailChimp0sQuick Note Upcoming VideosExercise Putting Your Website Online0sExercise Putting Your Website Online 20sQuick Note Upcoming VideoDEVELOPER FUNDAMENTALS IV0sUsing Templates0sResources for FREE TemplatesStartup Landing Pages by StudentsUsing A.I. Tools and Your Portfolio0s
-
CSS Grid + CSS LayoutSection Overview0sCSS Grid vs Flexbox vs Bootstrap0sQuick Note grid-gap to gapCSS Grid 10sCSS Grid 20sCSS Grid 30sCSS Grid 40sCSS Grid 50sOptional Exercise CSS GridExercise CSS Layout0sSolution Navigation Bar0sSolution Navigation Bar 20sSolution Cover0sSolution Project Grid + Footer0sQuick Note Upcoming VideoSolution Prettify0sResources CSS GuideThe Truth About CSS0s
-
Career Of A Web Developer
-
JavaScriptIntroduction To Javascript0sWhat Is Javascript0sNew JavaScript FeaturesYour First Javascript0sExercise Number, String, Boolean, ComparisonsVariables0sExercise VariablesExercise Make A CalculatorControl Flow0sExercise Make A Keyless CarJavascript On Our Webpage0sFunctions0sExercise Make A Keyless Car Even BetterData Structures Arrays0sExercise ArraysData Structures Objects0sExercise Objects And Arrays For Facebook AppExercise Build Facebook0sJavascript Terminology0sLoops0sExercise Build Facebook 20sJavascript Keywords0sSection Outline Document
-
DOM Manipulation
-
Advanced JavaScriptScope0sExercise ScopeAdvanced Control Flow0sExercise Advanced Control FlowES5 and ES60sExercise ES5 and ES6Advanced Functions0sExercise Advanced FunctionsAdvanced Arrays0sExercise Advanced ArraysAdvanced Objects0sQuick Note Upcoming VideosPass By Value vs Pass By Reference0sType Coercion0sExercise Advanced ObjectsES7 (ES2016)0sExercise ES7ES8 (ES2017)0sExercise ES8Note ES9 + ES8 Async AwaitES10 (ES2019)0sExercise ES10Advanced Loops0sExercise Advanced LoopsES2020 Part 10sES2020 Part 20sES2020 Part 30sExercise ES2020ES20210sES20220sES20230sExercise ES2023ES20240sUpdated Background Generator ProjectDebugging0sHow Javascript Works0sModules0sMore Modules To Come!Exercise Imposter Syndrome0sExtra Javascript PracticeOptional Exercise Javascript Logic
-
Command Line
-
Developer Environment
-
Git + Github + Open Source Projects
-
A Day In The Life Of A Developer
-
NPM + NPM Scripts
-
React.js Fundamentals (v19)Introduction To React.js0sReact History & Latest Version (v19)0sFiles For This SectionCreate React App0sReact + Vite0sConverting Project To Vite@LatestReact App Folder Structure0sReact 18 Update0sReact Fundamentals0sReact Fundamentals 20sHooks vs Classes0sClass vs Functional App.js0sQuick Note Service Worker FileYour First React Component0sCode Along Files for Upcoming VideosBuilding A React App 10sReact.Fragment and Semantic HTMLThe Dirty Little Secret To Become An Expert0sExercise Learn to Read the DocsBuilding A React App 20sBuilding A React App 30sStyling Your React App0sQuick Note JSON PlaceholderBuilding A React App 40sBuilding A React App 50sBuilding A React App 60sProject FilesKeeping Your Projects Up To Date0sExercise React 18Solution Try Upgrading to React 180sConverting to Vite@Latest0sDeploying Our React App0sExercise React 19, Vite, and Github Pages Deploy0sReview React 19 & Latest UpdatesReact Review0s
-
[OPTIONAL] Extra Learning React Hooks
-
HTTP/JSON/AJAX + Asynchronous Javascript
-
Backend Introduction
-
APIs
-
Leveling Up The Power of Problem Solving
-
FINAL PROJECT SmartBrain Front-EndWhat We Are Building0sDEVELOPER FUNDAMENTALS Maintain Your Codebase0sQuick Note React Tilt + React ParticlesBuilding Our Components0sIntroducing our Machine Learning API0sResource Clarifai API DocsBefore We Start The Big Part0sQuick Note Next 3 LecturesTesting Our API0sReading Documentation Like a Pro0sExercise Coding Your Image Recognition API0sFace Detection Box0sCustomizing your App0sSign In Form And Routing0sProject Files Github
-
Node.js + Express.jsIntroduction To Node.js0sfetch() in NodeLatest Version of Node.jsFor Windows UsersRunning script.js In Node0sES2020 globalThis0sModules In Node0sES6 ModulesES6 Modules In Node0sES2022 Top Level Await0sExercise ES2022 Top Level AwaitES2022 Await Import0sTypes of Modules0snode –watchBuilding a Server0sIntroduction to Express.js0sExpress Middleware0sExpress Version UpdatePostman0sQuick Note req.headerRESTful APIs0sNode File System Module0sExercise Santa’s Node Helper0sExercise Resources Santa’s Node HelperSolution Santa’s Node Helper0s
-
FINAL PROJECT SmartBrain Back-End — ServerCode Along Project FilesSetting Up Our Server0ssignin and register0sprofileid and image0sQuick Note Bcrypt0sStoring User Passwords0sResource Storing User Passwords SecurelyConnecting To Our Front-End0sResource CORSRegistering Users0sExercise Load User FeatureUser Profile Update0sProject Files Github
-
DatabasesIntroduction To Databases0sInstalling PostgreSQL0sFor Windows UsersResources Installing PostgreSQLSQL Create Table0sSQL Insert Into + Select0sSQL Alter Table + Update0sSQL Conditional Selections0sSQL Functions0sJoining Tables Part 10sJoining Tables Part 20sSQL Delete From + Drop Table0sExercises SQL Commands
-
FINAL PROJECT SmartBrain Back-End — DatabaseCode Along Project FilesSetting Up Your Database0sConnecting To The Database0sTroubleshooting Connecting KnexRegistering A User Part 10sRegistering A User Part 20sGetting User Profiles0sQuick Note Knex.js Breaking ChangesUpdating Entries0sQuick Note Knex.js Breaking Changes 2Sign In0sQuick Note Removing Unused VariablesPutting It All Together0sProject Files GithubWhat’s Next0s
-
Production + DeploymentDeploying Our Files0sCode Along Project FilesCode Review0sQuick Note Clarifai APISecurity Review0sQuick Note Cleaning UpOptional Exercise Using ChatGPTOptional Using gRPC API0sEnvironment Variables0sAlternatives to HerokuExercise Deploying To ProductionDeploying On Heroku0sQuick Note Troubleshooting Next VideoDeploying To Heroku Part 20sDeploying To Heroku Part 30sNPM ServeDeploying To Heroku Part 40sProject Files Github
-
Where To Go From Here
-
Bonus Extra Bits
-
Extra For Windows Users
Learn to code. Get hired. This is one of the most popular, highly rated coding bootcamps online. It’s also the most modern and up-to-date. Guaranteed. You’ll go from complete beginner to learning to code and getting hired as a Developer (this year!) at companies like Google, Tesla, and Amazon.
You’ll learn HTML, CSS, JavaScript, React, Node.js, Machine Learning, and much more.
What's included
- 40 hours on-demand video
- 5 articles
- 40 downloadable resources
- Access on mobile and TV
- Certificate of completion