Web Development


The Complete Web Developer in 2021: Zero to Mastery

Learn to code and become a Web Developer in 2021 with HTML, CSS, Javascript, React, Node.js, Machine Learning & more!

4.71 (44528 reviews)



37 hours


Jan 2021

Last Update
Regular Price

What you will learn

Skills that will allow you to apply for jobs like: Web Developer, Software Developer, Front End Developer, Javascript Developer, and Full Stack Developer

Learn modern technologies that are ACTUALLY being used behind tech companies in 2021

Build 10+ real world Web Development projects you can show off

Build a professional Portfolio Website

Learn best practices to write clean, performant, and bug free code

Master modern Web Development fundamentals as well as advanced topics

Work as a freelance Web Developer

Master beginner and advanced JavaScript topics

Learn React + Redux to build rich front end applications

Build your own full stack websites and applications

Build a complex image recognition app using everything we learn in the course

Become a professional Web Developer and get hired

Use NodeJS to write server-side JavaScript

Learn to implement user authentication

Use Express, SQL and PostgreSQL to create fullstack applications that scale

Master fundamental concepts in Web Development


Just Updated for 2021! Become a Fullstack Web Developer by learning the most in demand skills! This is one of the fastest growing courses on Udemy with 10,000+ ⭐️⭐️⭐️⭐️⭐️ in the last 6 months. Graduates of this course are now working at companies like Google, Tesla, Amazon, Apple, Shopify, JP Morgan, Facebook + other top tech companies (...seriously).

Join a live online community of over 400,000+ developers and a course taught by an industry expert that has actually worked both in Silicon Valley and Toronto as a Senior Developer and Tech Lead.

This is the tutorial you've been looking for to become a modern web developer in 2021. It doesn’t just cover a small portion of the industry. This covers everything you need to know to get hired: from absolute zero knowledge to being able to put things on your resume that will allow you to live the life you want. 

Sounds too good to be true? Give me 5 minutes of your time to explain why I built this Web Development course and what is different here than thousands of other courses all over the internet:

  1. I update the course every month to make sure you learn the most up to date skills! There is no wasted time here. We won’t be using outdated technologies like PHP, Wordpress and JQuery. Although still useful, outdated technologies like the above are low paying and demands for them are decreasing. In this course, you will learn the specific technologies that are the most in demand in the industry right now. These include tools and technologies used by the biggest tech companies like Google, Facebook, Instagram, etc… It is geared specifically for people that want to learn employable skills in 2021.

  2. After finishing this course, you will be able to apply for developer roles, get a promotion, or upgrade your job title as a developer and earn a higher salary. We won't be taking any shortcuts in this course. You are going to go from absolute zero: where you learn how the internet works. To mastery: where you build an image recognition app using a Machine Learning API (a subset of Artificial Intelligence) and all the other modern technologies that we learn in the course. Most students have commented how the projects in this course have impressed their interviewers and allowed them to get an offer.

  3. This course is taught by an instructor who has worked in Silicon Valley, and one of the top tech companies in Toronto. I have built large scale applications, and have managed teams of developers. I am not an online marketer or a salesman, but a software developer who has worked directly with these technologies.  I love programming and believe that there needs to be a course out there that actually teaches valuable real life skills (because most of them are taught by teachers with no work experience).

  4. Your time is valuable and you don't want to spend thousands of dollars on a bootcamp. You want a course that outlines the best way to become a Web Developer, in simple and well explained terms, so that you fully understand topics instead of watching somebody on your screen and having no clue what is going on. I have taken the best pieces, tools, and practices that I have found over the years, and condensed everything into this course. 50 hours of videos doesn't mean much if the instructor isn't engaging or focuses on outdated topics. I made sure that everything covered in this course is efficient and focuses on getting you job ready as soon as possible! 

  5. We have a thriving online chat community so you really feel like you are part of a classroom and not just watching videos by yourself. You will have a chance to communicate with fellow students, work on group projects together, and contribute to open source projects. Anytime you have a question, you can ask in many locations and get help right away (including from myself). 

  6. The course is designed to give you employable skills so you can get a job. Here is what one student recently wrote after taking the course and being hired right away:

    "I’m a self taught dev, who has been out of work for ~6 months. I had some family things that came up that prevented me from seeking permanent employment, so for awhile I was Postmates/Uber delivery driver.
    After taking this course, I immediately got catapulted back to where I was before, but better equipped and with the knowledge to take on the next job. I had just finished the React section when I went to a recent interview, and it really helped me excel. As of today, I am officially re-employed back in the field, and it is all thanks to this course. I had a blast creating the final project, and FINALLY got around to learning SQL statements, and getting to use them in a project. I’m really ecstatic that Andrei went with teaching relational databases over something like MongoDB, which can also be fun, but is less practical for use on the job.   So thanks Andrei , I really enjoyed the course and will be making sure to share it with others who find it helpful. I’m also looking forward to the new ES10 content that was recently added, and going through the DB stuff again when I go to build a personal project." - J.C.

Think of this course like a Web Developer bootcamp. By the end, you will be comfortable using the below skills and you will be able to put them on your resume:


  • CSS/CSS3

  • SemanticUI

  • Responsive Design

  • Flexbox

  • CSS Grid

  • Bootstrap 5

  • DOM Manipulation

  • Javascript (including ES6/ES7/ES8/ES9/ES10/ES2020)

  • Asynchronous JavaScript


  • React + Redux m+ React Hooks

  • Git + Github

  • Command Line

  • Node.js

  • Express.js

  • NPM

  • RESTful API Design

  • PostgresSQL

  • SQL

  • Authentication

  • Authorization

  • Scalable Infrastructure

  • Security

  • Production and Deployment

You will be taken through online videos and exercises where you will be able to do the following things by the end:

  • Build real complex applications and websites

  • Build an image recognition app so you can add it to your portfolio

  • Go into a job interview confident that you understand the fundamental building blocks of web development and the developer trends in 2021

  • Be able to go off on your own and grow your skills as a developer, having built a solid foundation

  • Learn how frontend, servers, and databases communicate and how they all fit together in the eco system

  • Build your own startup landing page

  • Go off and work remotely by being a freelance developer that can bid on projects

This course is the accumulation of all of my years working in the industry, learning, and teaching. There is so much information out there, so many opinions, and so many ways of doing things, that unless you have spent the last few years working with these technologies in a company, you will never fully understand. So this course is the answer to that exact problem for you: How to gain experience when you need experience to get hired? I have gone through thousands of coding books, online tutorials and bootcamps. Throughout the years I have taken notes on what has worked and what hasn't, and I have created this course to narrow down the most efficient way to learn with the most relevant information. 

I am 100% confident that you won't find a course like this out there. We're not going to be building simple todo applications and cat image sliders. We are going to learn actual practical skills that will put you into the workforce. Some unique sections that you won't find anywhere else are:

  • React.js + Redux: You will learn the library that companies like Netflix, Facebook and Instagram use to build fast, scalable applications. This is one of the highest in-demand skill in the industry.

  • A day in the life of a developer: What will your day to day look like and what tools will you use? I will take you through a sample day at a tech company.

  • How does the internet actually work? What is the history of these technologies?: You will actually understand the underlying concepts of the internet, and how the technologies we have now, have come to be where they are.

  • How do you actually deploy a real life app so that it is secure, and won't get hacked?: How does a real life app get out to the public in a safe and secure way?

  • What is Machine Learning and how you can harness its power: Whether you have heard about it or not, this is something that you will hear more and more in the coming years. Those who understand the high level concepts and can harness its power will have an advantage. 

  • What does your developer environment on your computer look like?: We will be setting up our computers with all the tools necessary of a developer so you can use the same setup when you go work in the industry.

Why do we teach the above? Because in this day and age, just knowing HTML CSS and Javascript is not good enough, and you won't be able to grow in your role and command a higher salary. You will learn these things because these are the things you should know in 2021 so that you are miles ahead of the rest. 

Make this the year that you took a risk, you learned highly in demand skills, you had new experiences, and you received new opportunities. I hope you join me in this journey.

This is the proudest work I have ever done in my life and I am confident that you won't find a course better than this.

See you inside!

Taught by:

Andrei is the instructor of the highest rated Web Development course on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life.

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time. Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities.

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way.

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.

See you inside the courses!


The Complete Web Developer in 2021: Zero to Mastery
The Complete Web Developer in 2021: Zero to Mastery
The Complete Web Developer in 2021: Zero to Mastery
The Complete Web Developer in 2021: Zero to Mastery



Course Outline

Join Our Online Classroom!

Exercise: Meet The Community

Join Our Open Source Projects!

How The Internet Works

Browsing the Web

Breaking Google

Exercise: Break Google Yourself

The Internet Backbone


Exercise: Running traceroute


What Does A Developer Do?

Optional: The Article Which Inspired This Course

Web Developer Monthly

History Of The Web

WWW vs Internet

HTML, CSS, Javascript


Developer History

Exercise: Adding CSS and JavaScript to Tim's website

Optional Resource: More About the History of the Web


Build Your First Website

Resources: Your Text Editor


Quick Note About w3schools

How To Ask Questions


HTML Tags 2

Self Closing HTML Tags

Anchor Tag

Q&A: index.html

Q&A: Relative vs Absolute Path

Advanced HTML 5

HTML Forms

HTML Forms 2

Submitting A Form

HTML Tags 3


Copy A Website

HTML Challenge

HTML Lesson Files

Exercise: HTML Quiz

Optional Exercise: More HTML


Exercise Files: Code-Along

Your First CSS

CSS Properties

CSS Selectors

Optional Exercise: CSS Selectors

Text and Font

Images In CSS

Box Model

px vs em vs rem

Exercise: CSS Quiz

Advanced CSS

Critical Render Path

Exercise File: Code-Along Images


Optional Exercise: Flexbox Froggy


Optional Exercise: Mastering Transitions and Transforms

Responsive UI

Image Gallery Files

Exercise: Robot Animation

Exercise: Robot Animation Starter Files

Solution: Robot Animation

Optional Exercise: CSS

Bootstrap 4, Templates, And Building Your Startup Landing Page

Bootstrap Introduction

Bootstrap 4

Bootstrap 4 Grid

Free Resources For Our Project

Exercise: Startup Landing Page

Exercise: Startup Landing Page 2

Exercise: Startup Landing Page 3

Exercise: Startup Landing Page 4

Exercise: Startup Landing Page 5

Exercise: Adding Email Subscribe Form With MailChimp

Quick Note: Upcoming Videos

Exercise: Putting Your Website Online

Exercise: Putting Your Website Online 2


Using Templates

Resources for FREE Templates

Startup Landing Pages by Students

CSS Grid + CSS Layout

Section Overview

CSS Grid vs Flexbox vs Bootstrap

CSS Grid 1

CSS Grid 2

CSS Grid 3

CSS Grid 4

CSS Grid 5

Optional Exercise: CSS Grid

Exercise: CSS Layout

Solution: Navigation Bar

Solution: Navigation Bar 2

Solution: Cover

Solution: Project Grid + Footer

Quick Note: Upcoming Video

Solution: Prettify

The Truth About CSS

Career Of A Web Developer

Career Of A Web Developer

2020 Updated Statistics

Endorsements On LinkedIN

Quick Note: Upcoming Video

What If I Don't Have Enough Experience?

Learning Guideline



Introduction To Javascript

What Is Javascript?

Your First Javascript

Exercise: Number, String, Boolean, Comparisons


Exercise: Variables

Exercise: Make A Calculator

Control Flow

Exercise: Make A Keyless Car

Javascript On Our Webpage


Exercise: Make A Keyless Car Even Better

Data Structures: Arrays

Exercise: Arrays

Data Structures: Objects

Exercise: Objects And Arrays For Facebook App

Exercise: Build Facebook

Javascript Terminology


Exercise: Build Facebook 2

Javascript Keywords

Section Outline Document

DOM Manipulation

Document Object Model

DOM Selectors

Exercise: DOM Selectors

DOM Events

Note: Callback Functions

Exercise: DOM Events

Solution: DOM Events

Exercise: Background Generator

Background Generator Files



Advanced Javascript


Exercise: Scope

Advanced Control Flow

Exercise: Advanced Control Flow

ES5 and ES6

Exercise: ES5 and ES6

Advanced Functions

Exercise: Advanced Functions

Advanced Arrays

Exercise: Advanced Arrays

Advanced Objects

Quick Note: Upcoming Videos

Pass By Value vs Pass By Reference

Type Coercion

Exercise: Advanced Objects

ES7 (ES2016)

Exercise: ES7

ES8 (ES2017)

Exercise: ES8

Note: ES9 + ES8 Async Await

ES10 (ES2019)

Exercise: ES10

Advanced Loops

Exercise: Advanced Loops


How Javascript Works


Resources: Modules

Extra Javascript Practice

Optional Exercise: Javascript Logic

Command Line


Quick Note: For Windows Users

Using The Terminal

Exercise: Practice Using The Terminal

Developer Environment

Sublime Text 3

Resources: Customizing Sublime Text 3

VS Code

Resources: Customizing VS Code


Resources: Customizing Terminal

For Windows: Customizing Git Bash

Git + Github + Open Source Projects

Installing Git

Git + Github Part 1

Git + Github Part 2

My Terminal Setup

Contributing To Open Source

Contributing To Open Source 2

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

A Typical Day

Exercise: Helping A Developer

A Developer's Morning Routine

NPM + NPM Scripts

Introduction To NPM

Setting Up NPM and package.json

Update: Latest Node.js and NPM

Troubleshoot: Installing NPM and Node.js

Installing And Using Packages

Why Update Packages?

Quick Note About Packages

Create A Portfolio

React.js + Redux

Introduction To React.js

Quick Note: CRA Growing Pains


create-react-app 2

create-react-app 3

Quick Note: Class vs Functional App.js

Code From Previous Video

Your First React Component

Building A React App 1

React.Fragment and Semantic HTML

Building A React App 2

Building A React App 3

Styling Your React App

Building A React App 4

Building A React App 5

Building A React App 6

Project Files

Keeping Your Projects Up To Date

React Review

Error Boundary In React

Deploying Our React App

Quick Note About Redux

State management

Why Redux?

Installing Redux

Redux Actions and Reducers

Redux Store and Provider

Redux connect()

Redux Middleware

Redux Async Actions

Redux Project Structures

Popular Tool For React + Redux

Project Files - Redux

HTTP/JSON/AJAX + Asynchronous Javascript



JSON vs Form Data



Exercise: Promises

ES8 - Async Await

Exercise: ES8 - Async Await

ES9 (ES2018)

ES9 (ES2018) - Async

Reviewing ES6, ES7, ES8, ES9, ES10 Features

Backend Introduction

Backend Basics


Introduction to APIs

Exercise: Web App Using Star Wars API

Optional Exercise: Speech Recognition

Resources: Public APIs

FINAL PROJECT: SmartBrain Front-End

What We Are Building

Building Our Components

Note: Updated Clarifai API: FACE_DETECT_MODEL

Image Recognition API

Optional: Advanced setState()

Face Detection Box

Sign In Form And Routing

Project Files: Github

Node.js + Express.js

Introduction To Node.js

Latest Version of Node.js

For Windows Users

Running script.js In Node

Modules In Node

ES6 Modules In Node

Types of Modules

Building a Server

Introduction to Express.js

Express Middleware

Express Version Update


Quick Note: req.header


Node File System Module

Exercise: Santa's Node Helper

Exercise Resources: Santa's Node Helper

Solution: Santa's Node Helper

FINAL PROJECT: SmartBrain Back-End -- Server

Setting Up Our Server

/signin and /register

/profile/:id and /image

Quick Note: Bcrypt

Storing User Passwords

Resource: Storing User Passwords Securely

Connecting To Our Front-End

Resource: CORS

Registering Users

Note: Code Change From Last Video

User Profile Update

Project Files: Github


Introduction To Databases

Installing PostgreSQL

For Windows Users

Resources: Installing PostgreSQL

SQL: Create Table

SQL: Insert Into + Select

SQL: Alter Table + Update

SQL: Conditional Selections

SQL: Functions

Joining Tables Part 1

Joining Tables Part 2

SQL: Delete From + Drop Table

Exercises: SQL Commands

FINAL PROJECT: SmartBrain Back-End -- Database

Setting Up Your Database

Connecting To The Database

Registering A User Part 1

Troubleshooting: Connecting Knex

Registering A User Part 2

Getting User Profiles

Updating Entries

Sign In

Putting It All Together

What's Next?

Production + Deployment

Code Review

Security Review

Environmental Variables

Quick Note: Upcoming Video

Deploying On Heroku

Deploying To Heroku Part 2

Deploying To Heroku Part 3

Deploying To Heroku Part 4

Project Files: Github

Where To Go From Here?

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

Thank you

Bonus: Extra Bits

Coding Challenges

Ask Me Anything - 1,000 Students

AMA - 100,000 Students!!

Extra: For Windows Users

Introduction From Wolfgang

Quick Note: Upcoming Video

Installing Git for Windows

Installing NodeJs for Windows

Installing PostgreSQL for Windows

Set Up PostgreSQL for CMD, Using PgAdmin


Bonus: Part 2 - Special Thank You Gift


Mohit8 October 2020

The Mentor is really amazing with elaborative (teaching ) skills and i learnt a lot , i hope to learn more and suggest others to have a look at the course too.

NABILFIKRI8 October 2020

I really recommend any of Andrei course,he really passion and have a huge community.The tutorial is worth of time.

David8 October 2020

I have taken other udemy courses with Andrei and he does an excellent job of engaging students while teaching exciting topics.

Alena7 October 2020

I used to watch a video of this topic. But only now I understood everything. thanks. Everything is as simple as for a child

Kshitija6 October 2020

Good experience for a beginner in web development. A good recommendation for anyone stepping into the field.

Weston26 February 2020

This course was recomended to me by a good friend that is a, for lack of a better term, coder. I'm trying to pivot from being an Union Ironworker, to something a bit more stable and easier on the body. I'm not very computer savvy at the moment, but I am working on that. This course has been very easy to follow along so far, and the resources that have been given have been great. Cant wait to find out more!

Domna25 February 2020

Andrei is a very very very good instructor! He loves what he is doing and this is getting very clear through the lessons. For me, he explains very well the content he presents but also leaves many features for us to explore. After all, this is programming! One more thing. He provides amazing resources!

Hassan23 February 2020

Its really clearly told, the person teaching has a friendly and optimistic voice which makes you learn and keep listening

Paulo23 February 2020

I have no prior experience with web developing so literally even small information like the google page early on for me is fun. I come from a different field(law)

Eyal22 February 2020

Really Really good, I have just finished a coding bootcamp and Andrei courses (i have purchased few of them) are very good, clear, detailed and explained with patience and passion. the Q&A section is very helpful and responsive. Thank you Andrei!

Benjamin21 February 2020

Andrei is really a great instructor. He explains a thing so you can understand and remember it. I really hope to learn a lot!!

Sebastian20 February 2020

+++++ only positive experience of this course. I can recommend to everyone who like web dev or like to learn just a basics.

Hicham20 February 2020

I took this course to refresh my skills after a career break and I think it gives a great overview of the web development landscape in 2020. The instructor provides a path to learn web development from scratch in the most efficient way possible. He's also very encouraging and a pleasure to listen to in the videos.

Trent19 February 2020

This course is good until it gets to the javascript sections, then suddenly he has you doing very difficult things with little explanation and very few building blocks to leverage. It gets very advanced very quickly, not really very friendly for beginners with javascript.

Martin19 February 2020

Excellent course with loads of information that's essential for beginners. Also Andrei introduced SQL concept which is not often taught in similar courses but often used in real life cases.


Expired1/15/202093% OFF
Expired4/6/202094% OFF
Expired6/2/202093% OFF
Expired9/15/202095% OFF
Expired11/2/202095% OFF
Expired11/8/202095% OFF


Udemy ID


Course created date


Course Indexed date
Course Submitted by

Android PlayStore
Apple Appstore