Complete Web Developer in 2025: Zero to Mastery
37h 3m 37s
English
Paid
Course description
Learn to code. Get hired. This is one of the most popular, highly rated coding bootcamps online. It's also the most moderen 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.
Read more about the course
Watch Online
0:00
/ #1: The Complete Web Developer: Zero to Mastery
All Course Lessons (251)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | The Complete Web Developer: Zero to Mastery Demo | 05:05 | |
| 2 | Course Outline | 08:39 | |
| 3 | Browsing the Web | 06:01 | |
| 4 | Breaking Google | 03:00 | |
| 5 | The Internet Backbone | 05:30 | |
| 6 | Traceroute | 02:25 | |
| 7 | DEVELOPER FUNDAMENTALS: I | 03:09 | |
| 8 | What Does A Developer Do? | 01:40 | |
| 9 | WWW vs Internet | 03:31 | |
| 10 | HTML, CSS, Javascript | 05:05 | |
| 11 | DEVELOPER FUNDAMENTALS: II | 02:56 | |
| 12 | Developer History | 03:09 | |
| 13 | Future of A.I. & How to Adapt | 07:09 | |
| 14 | How to Use ChatGPT | 06:57 | |
| 15 | Don't Be A Junior | 03:33 | |
| 16 | Build Your First Website | 07:49 | |
| 17 | DEVELOPER FUNDAMENTALS: III | 03:32 | |
| 18 | HTML Tags | 08:40 | |
| 19 | HTML Tags 2 | 01:51 | |
| 20 | Self Closing HTML Tags | 05:35 | |
| 21 | Anchor Tag | 04:53 | |
| 22 | Q&A: index.html | 02:06 | |
| 23 | Q&A: Relative vs Absolute Path | 03:47 | |
| 24 | HTML Forms | 10:58 | |
| 25 | HTML Forms 2 | 03:10 | |
| 26 | Submitting A Form | 08:19 | |
| 27 | HTML Tags 3 | 03:52 | |
| 28 | HTML vs HTML 5 | 06:39 | |
| 29 | Copy A Website | 02:27 | |
| 30 | HTML Challenge | 01:08 | |
| 31 | Your First CSS | 13:43 | |
| 32 | CSS Properties | 10:36 | |
| 33 | CSS Selectors | 16:34 | |
| 34 | Text and Font | 07:33 | |
| 35 | Images In CSS | 04:07 | |
| 36 | Box Model | 05:09 | |
| 37 | px vs em vs rem | 03:05 | |
| 38 | Critical Render Path | 03:58 | |
| 39 | Flexbox | 08:26 | |
| 40 | CSS 3 | 08:15 | |
| 41 | Responsive UI | 01:40 | |
| 42 | Exercise: Robot Animation | 00:53 | |
| 43 | Evolving Technology | 04:48 | |
| 44 | Bootstrap Introduction | 04:01 | |
| 45 | Just Watch: Bootstrap | 08:52 | |
| 46 | Bootstrap 5 Update | 04:19 | |
| 47 | Fast and the Furious Bootstrap | 05:09 | |
| 48 | Bootstrap Grid | 05:19 | |
| 49 | Exercise: Startup Landing Page | 00:55 | |
| 50 | Exercise: Startup Landing Page 2 | 03:59 | |
| 51 | Exercise: Startup Landing Page 3 | 08:24 | |
| 52 | Exercise: Startup Landing Page 4 | 08:26 | |
| 53 | Exercise: Startup Landing Page 5 | 11:34 | |
| 54 | Exercise: Adding Email Subscribe Form With MailChimp | 09:22 | |
| 55 | Exercise: Putting Your Website Online | 05:49 | |
| 56 | Exercise: Putting Your Website Online 2 | 02:51 | |
| 57 | DEVELOPER FUNDAMENTALS: IV | 07:16 | |
| 58 | Using Templates | 03:19 | |
| 59 | Using A.I. Tools and Your Portfolio | 11:40 | |
| 60 | Section Overview | 01:52 | |
| 61 | CSS Grid vs Flexbox vs Bootstrap | 04:41 | |
| 62 | CSS Grid 1 | 07:56 | |
| 63 | CSS Grid 2 | 04:15 | |
| 64 | CSS Grid 3 | 06:26 | |
| 65 | CSS Grid 4 | 07:08 | |
| 66 | CSS Grid 5 | 01:57 | |
| 67 | Exercise: CSS Layout | 03:38 | |
| 68 | Solution: Navigation Bar | 08:38 | |
| 69 | Solution: Navigation Bar 2 | 04:23 | |
| 70 | Solution: Cover | 04:42 | |
| 71 | Solution: Project Grid + Footer | 08:55 | |
| 72 | Solution: Prettify | 07:01 | |
| 73 | The Truth About CSS | 03:52 | |
| 74 | Career Of A Web Developer | 14:26 | |
| 75 | What If I Don't Have Enough Experience? | 21:31 | |
| 76 | New: DEVELOPER FUNDAMENTALS | 09:09 | |
| 77 | Introduction To Javascript | 01:37 | |
| 78 | What Is Javascript? | 05:34 | |
| 79 | Your First Javascript | 11:42 | |
| 80 | Variables | 15:10 | |
| 81 | Control Flow | 16:37 | |
| 82 | Javascript On Our Webpage | 09:06 | |
| 83 | Functions | 23:54 | |
| 84 | Data Structures: Arrays | 13:07 | |
| 85 | Data Structures: Objects | 15:26 | |
| 86 | Exercise: Build Facebook | 11:17 | |
| 87 | Javascript Terminology | 03:44 | |
| 88 | Loops | 22:23 | |
| 89 | Exercise: Build Facebook 2 | 08:04 | |
| 90 | Javascript Keywords | 03:03 | |
| 91 | Document Object Model | 08:43 | |
| 92 | DOM Selectors | 17:13 | |
| 93 | DOM Events | 26:58 | |
| 94 | Exercise: Background Generator | 19:26 | |
| 95 | jQuery | 06:50 | |
| 96 | DEVELOPER FUNDAMENTALS: V | 04:47 | |
| 97 | Scope | 10:26 | |
| 98 | Advanced Control Flow | 11:42 | |
| 99 | ES5 and ES6 | 26:42 | |
| 100 | Advanced Functions | 20:05 | |
| 101 | Advanced Arrays | 16:41 | |
| 102 | Advanced Objects | 24:52 | |
| 103 | Pass By Value vs Pass By Reference | 17:07 | |
| 104 | Type Coercion | 09:03 | |
| 105 | ES7 (ES2016) | 03:07 | |
| 106 | ES8 (ES2017) | 09:20 | |
| 107 | ES10 (ES2019) | 16:50 | |
| 108 | Advanced Loops | 12:05 | |
| 109 | ES2020 Part 1 | 10:08 | |
| 110 | ES2020 Part 2 | 03:30 | |
| 111 | ES2020 Part 3 | 04:12 | |
| 112 | ES2021 | 03:09 | |
| 113 | ES2022 | 03:26 | |
| 114 | ES2023 | 13:32 | |
| 115 | ES2024 | 05:50 | |
| 116 | Debugging | 08:24 | |
| 117 | How Javascript Works | 24:13 | |
| 118 | Modules | 13:20 | |
| 119 | Exercise: Imposter Syndrome | 02:57 | |
| 120 | Using The Terminal | 10:06 | |
| 121 | Sublime Text | 09:30 | |
| 122 | VS Code | 06:56 | |
| 123 | Terminal | 06:37 | |
| 124 | Git + Github Part 1 | 17:41 | |
| 125 | Git + Github Part 2 | 16:53 | |
| 126 | Contributing To Open Source | 14:09 | |
| 127 | Contributing To Open Source 2 | 09:41 | |
| 128 | A Typical Day | 08:17 | |
| 129 | Introduction To NPM | 07:09 | |
| 130 | Setting Up NPM and package.json | 06:40 | |
| 131 | Update: Latest Node.js and NPM | 02:59 | |
| 132 | Installing And Using Packages | 24:09 | |
| 133 | Why Update Packages? | 06:01 | |
| 134 | Exercise: Create A Portfolio | 15:11 | |
| 135 | Introduction To React.js | 12:22 | |
| 136 | React History & Latest Version (v19) | 05:23 | |
| 137 | Create React App | 07:06 | |
| 138 | React + Vite | 03:25 | |
| 139 | React App Folder Structure | 08:15 | |
| 140 | React 18 Update | 04:49 | |
| 141 | React Fundamentals | 03:56 | |
| 142 | React Fundamentals 2 | 05:00 | |
| 143 | Hooks vs Classes | 02:14 | |
| 144 | Class vs Functional App.js | 04:03 | |
| 145 | Your First React Component | 20:14 | |
| 146 | Building A React App 1 | 16:04 | |
| 147 | The Dirty Little Secret To Become An Expert | 04:41 | |
| 148 | Building A React App 2 | 09:48 | |
| 149 | Building A React App 3 | 26:36 | |
| 150 | Styling Your React App | 05:00 | |
| 151 | Building A React App 4 | 15:31 | |
| 152 | Building A React App 5 | 08:54 | |
| 153 | Building A React App 6 | 09:06 | |
| 154 | Keeping Your Projects Up To Date | 08:31 | |
| 155 | Solution: Try Upgrading to React 18 | 03:57 | |
| 156 | Converting to Vite@Latest | 10:33 | |
| 157 | Deploying Our React App | 05:11 | |
| 158 | Exercise: React 19, Vite, and Github Pages Deploy | 06:14 | |
| 159 | React Review | 02:35 | |
| 160 | React Hooks | 03:43 | |
| 161 | React Hooks 2 | 03:48 | |
| 162 | React Hooks 3 | 03:26 | |
| 163 | React Hooks 4 | 04:02 | |
| 164 | React Hooks 5 | 03:46 | |
| 165 | React Hooks 6 | 06:55 | |
| 166 | React Hooks 7 | 09:17 | |
| 167 | React Hooks 8 | 04:49 | |
| 168 | React Hooks 9 | 05:59 | |
| 169 | HTTP/HTTPS | 19:59 | |
| 170 | JSON | 07:26 | |
| 171 | AJAX | 13:38 | |
| 172 | Promises | 22:27 | |
| 173 | ES8 - Async Await | 15:23 | |
| 174 | ES9 (ES2018) | 05:22 | |
| 175 | ES9 (ES2018) - Async | 11:12 | |
| 176 | ES2020: allSettled() | 04:23 | |
| 177 | Backend Basics | 12:08 | |
| 178 | Introduction to APIs | 13:32 | |
| 179 | Snapshot Model of Learning | 06:17 | |
| 180 | Deliberate Practice | 06:34 | |
| 181 | What We Are Building | 01:50 | |
| 182 | DEVELOPER FUNDAMENTALS: Maintain Your Codebase | 18:12 | |
| 183 | Building Our Components | 36:20 | |
| 184 | Introducing our Machine Learning API | 03:58 | |
| 185 | Before We Start The Big Part | 05:47 | |
| 186 | Testing Our API | 07:40 | |
| 187 | Reading Documentation Like a Pro | 14:24 | |
| 188 | Exercise: Coding Your Image Recognition API | 28:34 | |
| 189 | Face Detection Box | 23:47 | |
| 190 | Customizing your App | 04:30 | |
| 191 | Sign In Form And Routing | 29:22 | |
| 192 | Introduction To Node.js | 05:55 | |
| 193 | Running script.js In Node | 03:06 | |
| 194 | ES2020: globalThis | 03:15 | |
| 195 | Modules In Node | 04:23 | |
| 196 | ES6 Modules In Node | 09:00 | |
| 197 | ES2022: Top Level Await | 03:47 | |
| 198 | ES2022: Await Import | 05:06 | |
| 199 | Types of Modules | 05:11 | |
| 200 | Building a Server | 08:26 | |
| 201 | Introduction to Express.js | 08:58 | |
| 202 | Express Middleware | 03:00 | |
| 203 | Postman | 08:14 | |
| 204 | RESTful APIs | 11:23 | |
| 205 | Node File System Module | 20:12 | |
| 206 | Exercise: Santa's Node Helper | 04:03 | |
| 207 | Solution: Santa's Node Helper | 20:52 | |
| 208 | Setting Up Our Server | 10:21 | |
| 209 | /signin and /register | 18:32 | |
| 210 | /profile/:id and /image | 10:06 | |
| 211 | Quick Note: Bcrypt | 02:01 | |
| 212 | Storing User Passwords | 11:22 | |
| 213 | Connecting To Our Front-End | 21:08 | |
| 214 | Registering Users | 11:29 | |
| 215 | User Profile Update | 09:00 | |
| 216 | Introduction To Databases | 10:55 | |
| 217 | Installing PostgreSQL | 06:54 | |
| 218 | SQL: Create Table | 05:16 | |
| 219 | SQL: Insert Into + Select | 04:34 | |
| 220 | SQL: Alter Table + Update | 04:14 | |
| 221 | SQL: Conditional Selections | 03:33 | |
| 222 | SQL: Functions | 02:00 | |
| 223 | Joining Tables Part 1 | 07:08 | |
| 224 | Joining Tables Part 2 | 05:02 | |
| 225 | SQL: Delete From + Drop Table | 01:43 | |
| 226 | Setting Up Your Database | 08:51 | |
| 227 | Connecting To The Database | 07:07 | |
| 228 | Registering A User Part 1 | 04:51 | |
| 229 | Registering A User Part 2 | 05:01 | |
| 230 | Getting User Profiles | 07:04 | |
| 231 | Updating Entries | 05:29 | |
| 232 | Sign In | 17:31 | |
| 233 | Putting It All Together | 04:05 | |
| 234 | What's Next? | 02:19 | |
| 235 | Deploying Our Files | 07:09 | |
| 236 | Code Review | 23:23 | |
| 237 | Security Review | 19:11 | |
| 238 | Optional: Using gRPC API | 13:24 | |
| 239 | Environment Variables | 07:14 | |
| 240 | Deploying On Heroku | 18:59 | |
| 241 | Deploying To Heroku Part 2 | 10:41 | |
| 242 | Deploying To Heroku Part 3 | 01:51 | |
| 243 | Deploying To Heroku Part 4 | 07:12 | |
| 244 | Thank You! | 01:18 | |
| 245 | Ask Me Anything - 1,000 Students | 19:04 | |
| 246 | AMA - 100,000 Students!! | 38:31 | |
| 247 | Introduction From Wolfgang | 01:04 | |
| 248 | Git for Windows | 06:07 | |
| 249 | Install NodeJS for Windows | 02:44 | |
| 250 | Install PostgreSQL for Windows | 06:44 | |
| 251 | Using PSQL and PGADMIN | 08:08 |
Unlock unlimited learning
Get instant access to all 250 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Learn HTML Canvas - Pixels, Particles & Physics
Sources: udemy
Learn the fundamentals of HTML canvas and discover how to develop, draw, and animate visuals and images with vanilla JavaScript. No frameworks and no libraries.
2 hours 15 minutes 38 seconds
HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid
Sources: udemy
Hi and welcome to the HTML/CSS Bootcamp course, where we'll walk through the same course I teach code bootcamp students around the world.
20 hours 55 minutes 14 seconds
Understanding HTML and CSS
Sources: udemy
Deeply understand Semantic HTML, CSS, Flexbox, Grid, learn to read the specifications, and more. In this course you'll gain a deep understanding of HTML and CSS
17 hours 52 minutes 36 seconds
Responsive Design for Beginners
Sources: Jess Chan
You have already learned the basics of HTML and CSS... so what's next? Yes, you can follow the steps from the tutorial and have become a master at finding answe
30 hours 51 seconds