The Complete Full-Stack Web Development Bootcamp
All LevelsDevelopmentWeb Development

The Complete Full-Stack Web Development Bootcamp

Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, PostgreSQL, Web3 and DApps

Created by Dr. Angela Yu, Developer and Lead Instructor
61 hours
Video Content
374
Lectures
1,470,344
Students
4.7
Rating
4.7
(1,470,344 students enrolled)

What you'll learn

Build 16 web development projects for your portfolio, ready to apply for junior developer jobs.
Learn the latest technologies, including Javascript, React, Node and even Web3 development.
After the course you will be able to build ANY website you want.
Build fully-fledged websites and web apps for your startup or business.
Work as a freelance web developer.
Master frontend development with React
Master backend development with Node
Learn professional developer best practices.

Course Content

44 sections • 374 lectures • 61:44:18 total length

Front-End Web Development

9 lectures • 37:10

What You'll Get in This Course03:08
Download the Course Syllabus00:12
Download the 12 Rules to Learn to Code eBook [Latest Edition]00:42
Download the Required Software00:43
How Does the Internet Actually Work?05:27
+4 more lectures

Introduction to HTML

8 lectures • 49:28

A Note About 2023 Course Updates00:36
What is HTML?04:18
How to Download the Course Resources02:43
HTML Heading Elements14:24
HTML Paragraph Elements08:40
+3 more lectures

Intermediate HTML

7 lectures • 51:32

The List Element10:32
Nesting and Indentation14:09
Anchor Elements10:45
Image Elements08:17
[Project] Birthday Invite04:01
+2 more lectures

Multi-Page Websites

7 lectures • 01:09:42

Computer File Paths19:20
What are Webpages?12:55
The HTML Boilerplate12:53
[Project] Portfolio Website08:34
How to Host Your Website for Free with GitHub08:33
+2 more lectures

Introduction to CSS

6 lectures • 59:14

Why do we need CSS?08:44
How to add CSS15:19
CSS Quiz3 questions
CSS Selectors22:56
[Project] Colour Vocab Website09:08
+2 more lectures

CSS Properties

5 lectures • 01:08:45

CSS Colours07:05
Font Properties21:26
Inspecting CSS11:52
The CSS Box Model - Margin, Padding and Border20:45
[Project] Motivational Poster Website07:37

Intermediate CSS

5 lectures • 01:32:59

The Cascade - Specificity and Inheritance25:28
Combining CSS Selectors23:12
CSS Positioning22:50
[Project] CSS Flag17:54
Tip from Angela - Nothing Easy is Worth Doing!03:35

Advanced CSS

6 lectures • 01:03:39

CSS Display11:30
CSS Float11:39
How to Create Responsive Websites18:44
Media Queries10:32
[Project] Web Design Agency Website07:06
+1 more lectures

Flexbox

6 lectures • 01:24:47

Display: Flex14:21
Flex Direction13:43
Flex Layout19:22
Flex Sizing24:27
[Project] Pricing Table10:08
+1 more lectures

Grid

4 lectures • 01:11:29

Display: Grid14:55
Grid Sizing23:32
Grid Placement26:17
[Project] Mondrian Painting06:45

Bootstrap

4 lectures • 01:39:49

What is Bootstrap?15:35
Bootstrap Layout21:13
Bootstrap Components31:39
[Project] TinDog Startup Website31:22

Web Design School - Create a Website that People Love

6 lectures • 01:05:53

Introduction to Web Design03:55
Understanding Colour Theory09:04
Understanding Typography and How to Choose a Font10:28
Manage ATTENTION with effective User Interface (UI) Design10:27
User Experience (UX) Design13:39
+1 more lectures

Capstone Project 2 - Personal Site

1 lectures • 02:08

Instructions02:08

Introduction to Javascript ES6

24 lectures • 02:28:09

Introduction to Javascript11:49
Javascript Alerts - Adding Behaviour to Websites14:20
Data Types04:06
Javascript Variables09:35
Javascript Variables Exercise Start02:48
+25 more lectures

Intermediate Javascript

15 lectures • 01:30:13

Random Number Generation in Javascript: Building a Love Calculator11:15
Control Statements: Using If-Else Conditionals & Logic04:48
Comparators and Equality02:51
Combining Comparators02:46
BMI Calculator Advanced (IF/ELSE)1 question
+14 more lectures

The Document Object Model (DOM)

9 lectures • 56:14

Adding Javascript to Websites10:44
Introduction to the Document Object Model (DOM)12:28
Solution to the DOM Challenge00:04
Selecting HTML Elements with Javascript14:17
Manipulating and Changing Styles of HTML Elements with Javascript05:01
+4 more lectures

Boss Level Challenge 1 - The Dicee Game

11 lectures • 20:07

Challenge: The Dicee Challenge02:14
Dicee Challenge Step 0 - Download the Skeleton Project00:07
Dicee Challenge Step 1 - Create an External Javascript File00:03
Dicee Challenge Step 2 - Add Dice Images00:06
Dicee Challenge Step 3 - Create a Random Number00:09
+6 more lectures

Advanced Javascript and DOM Manipulation

15 lectures • 01:35:04

What We'll Make: Drum Kit01:19
Download the Starting Files00:07
Adding Event Listeners to a Button14:29
Higher Order Functions and Passing Functions as Arguments12:40
Higher Order Function Challenge Solution00:08
+10 more lectures

jQuery

11 lectures • 52:42

What is jQuery?03:44
How to Incorporate jQuery into Websites09:08
How Minification Works to Reduce File Size03:58
Selecting Elements with jQuery02:01
Manipulating Styles with jQuery05:13
+6 more lectures

Boss Level Challenge 2 - The Simon Game

25 lectures • 15:06

What You'll Make: The Simon Game01:00
Play the Game00:06
Step 0 - Download the Starting Files00:30
Step 1 - Add Javascript and jQuery00:25
Step 1 - Answer00:29
+20 more lectures

The Unix Command Line

5 lectures • 30:21

Install Git Bash on Windows02:46
Understanding the Command Line. Long Live the Command Line!05:25
Command Line Techniques and Directory Navigation09:44
Creating, Opening, and Removing Files through the Command Line08:38
Tip from Angela - Sleep is My Secret Weapon03:48

Backend Web Development

2 lectures • 20:53

Backend Web Development Explained15:13
Backend Tools and Technologies - Which one to learn?05:40

Node.js

9 lectures • 01:05:54

What is Node.js?10:39
Install Node.js on Mac00:35
Install Node.js on Windows00:26
Using Node.js08:23
How to Use the Native Node Modules12:12
+4 more lectures

Express.js with Node.js

8 lectures • 02:00:42

What is Express?06:59
Creating Our First Server with Express21:35
HTTP Requests23:44
Postman19:15
Introduction to Middlewares18:25
+3 more lectures

EJS

6 lectures • 01:29:37

What is EJS?22:54
EJS Tags17:43
Passing Data to EJS Templates16:45
EJS Partials and Layouts18:08
Band Generator Project12:01
+1 more lectures

Capstone Project - Create a Blog web application

1 lectures • 03:16

Instructions03:16

Git, Github and Version Control

9 lectures • 01:17:03

Introduction to Version Control and Git02:04
Version Control Using Git and the Command Line14:18
GitHub and Remote Repositories10:22
Gitignore10:59
Cloning09:28
+4 more lectures

Application Programming Interfaces (APIs)

8 lectures • 02:27:44

Introduction to APIs19:27
Structuring API Requests14:22
What is JSON?17:56
Making Server-Side API Requests with Axios18:00
API Authentication37:45
+3 more lectures

Capstone Project - Use a Public API

1 lectures • 02:16

Instructions02:16

Build Your Own API

6 lectures • 01:16:54

Building your own APIs17:49
Creating GET Routes20:57
Creating POST, PUT, and PATCH Routes14:36
Creating the DELETE Route06:32
Build your own API for a Blog14:54
+1 more lectures

Databases

2 lectures • 21:45

Databases Explained: SQL vs. NoSQL15:44
Tip from Angela - When Life Gives You Lemons06:01

SQL

6 lectures • 36:26

SQL Commands: CREATE Table and INSERT Data13:48
SQL Commands: READ, SELECT, and WHERE03:10
Updating Single Values and Adding Columns in SQL04:42
SQL Commands: DELETE01:32
Understanding SQL Relationships, Foreign Keys and Inner Joins11:13
+1 more lectures

PostgreSQL

17 lectures • 04:11:13

Introduction to Postgres08:10
How to Install PostgreSQL and pgAdmin00:52
Understand how to use keys, Postgres types and keywords10:31
Flag Emojis on Windows ?00:33
Use pgAdmin to CREATE a TABLE17:05
+12 more lectures

Capstone Project - Book Notes

1 lectures • 02:12

Instructions02:12

Authentication and Security - Handling Credentials & Designing a Secure Login

11 lectures • 02:55:39

Introduction to Authentication05:41
Level 1 - Registering Users with Email and Password22:00
Level 2 - Encryption and Hashing16:01
How to Hack Passwords12:26
Level 3 - How to Salt Passwords for Improved Encryption18:51
+6 more lectures

React.js

45 lectures • 08:29:47

What is React?07:28
What we will make in this React module01:34
Introduction to Code Sandbox and the Structure of the Module05:45
[Optional] Local Development Setup01:44
Introduction to JSX and Babel16:59
+40 more lectures

Web3 Decentralised App (DApp) Development with the Internet Computer

7 lectures • 01:12:27

What is Web3?07:38
How does the Blockchain actually work?25:45
What are DApps (Decentralised Apps) and how do you develop them?09:18
What is the Internet Computer (ICP)?09:18
Read Me!00:40
+2 more lectures

Build Your First Defi (Decentralised Finance) DApp - DBANK

10 lectures • 01:45:16

What You'll Build - DBANK (Inspired by Compound)02:16
Introduction to the Motoko Language12:36
Motoko Functions and the Candid User Interface16:00
Motoko Conditionals and Type Annotations05:34
Query vs. Update Methods08:09
+6 more lectures

Deploying to the ICP Live Blockchain

5 lectures • 26:27

What are Cycles and the ICP Token?07:07
How to Claim Free Cycles from Dfinity02:43
How to Deploy to the ICP Network03:03
How to Convert ICP into Cycles?05:57
[Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting07:37

Building DApps on ICP with a React Frontend

4 lectures • 56:02

How to Configure a DFX Created Project to Use React11:25
Storing Data on a Canister16:04
Retrieving Data from a Canister11:58
Deleting and Persistance16:35

Create Your Own Crypto Token

11 lectures • 02:19:22

Tokens and Coins: What are they and how are they used?09:17
Download and Configure the Skeleton Project06:10
Using Motoko Hashmaps to Store Token Balances19:34
Showing the User's Token Balance on the Frontend13:58
Creating the Faucet Functionality Using the Shared Keyword15:16
+6 more lectures

Minting NFTs and Building an NFT Marketplace like OpenSea

10 lectures • 03:34:25

What You'll Build - A Website to Mint, Buy and Sell NFTs10:23
Minting NFTs16:43
Viewing the NFT on the Frontend20:02
Enabling the Minting Functionality on the Frontend30:38
Displaying Owned NFTs Using the React Router36:39
+5 more lectures

Optional Module: Ask Angela Anything

4 lectures • 02:44:01

AAA 1 - How to Soak in Programming Concepts and more...39:42
AAA 2 - Schedule for Learning to Code and more...39:08
AAA 3 - How to Start Freelancing and more...25:19
AAA 4 - The Live AMA59:52

Next Steps

2 lectures • 00:16

Vote for the Next Module!00:12
Bonus Lecture00:04

Description

Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer. With 150,000+ ratings and a 4.8 average, my Web Development course is one of the HIGHEST RATED courses in the history of Udemy! 

At 62+ hours, this Web Development course is without a doubt the most comprehensive web development course available online. Even if you have zero programming experience, this course will take you from beginner to mastery. Here's why:

  • The course is taught by the lead instructor at the App Brewery, London's leading in-person programming bootcamp.

  • The course has been updated to be 2024 ready and you'll be learning the latest tools and technologies used at large companies such as Apple, Google and Netflix.

  • This course doesn't cut any corners, there are beautiful animated explanation videos and tens of real-world projects which you will get to build.

  • The curriculum was developed over a period of four years, with comprehensive student testing and feedback.

  • We've taught over a million students how to code and many have gone on to change their lives by becoming professional developers or starting their own tech startup.

  • You'll save yourself over 12,000 USD by enrolling, but still get access to the same teaching materials and learn from the same instructor and curriculum as our in-person programming bootcamp.

  • The course is constantly updated with new content, with new projects and modules determined by students - that's you!


We'll take you step-by-step through engaging video tutorials and teach you everything you need to know to succeed as a web developer.

The course includes over 62 hours of HD video tutorials and builds your programming knowledge while making real-world websites and web apps.


Throughout this comprehensive course, we cover a massive amount of tools and technologies, including:

  • Front-End Web Development

  • HTML 5

  • CSS 3

  • Flexbox

  • Grid

  • Bootstrap 5

  • Javascript ES6

  • DOM Manipulation

  • jQuery

  • Bash Command Line

  • Git, GitHub and Version Control

  • Backend Web Development

  • Node.js

  • NPM

  • Express.js

  • EJS

  • REST

  • APIs

  • Databases

  • SQL

  • PostgreSQL

  • Authentication

  • React.js

  • React Hooks

  • Web Design

  • Deployment with GitHub Pages

  • Web3 Development on the Internet Computer

  • Blockchain technology

  • Token contract development

  • NFT minting, buying and selling logic

By the end of this course, you will be fluently programming and be ready to make any website you can dream of.

You'll also build a portfolio of over 32+ websites that you can show off to any potential employer.

Sign up today, and look forward to:

  • Animated Video Lectures

  • Code Challenges and Coding Exercises

  • Beautiful Real-World Projects

  • Quizzes & Practice Tests

  • Downloadable Programming Resources and Cheatsheets

  • Our best selling 12 Rules to Learn to Code eBook

  • 12,000 USD+ worth of web development bootcamp course materials and course curriculum


Don't just take my word for it, check out what existing students have to say about the course:

"Angela is just incredible, awesome and just fantastic in this course. I've never had such an instructor; detailed in every aspect of the course, gives precise explanations, gives you the anxiety to learn etc. She's got that ability to make fun while explaining things for better understanding. I really love this course." - Ekeu MonkamUlrich

"Angela is very thorough without ever being boring. I've taken MANY online courses in my life including my Bachelors and Masters degrees. She is by far the best instructor I've ever had. This course is packed with thousands of dollars worth of great instruction, and paced well enough for anyone to pick coding up and run with it- Thank you!" - J Carlucci

"Love the way Angela explains things. Easy to follow and full of logic. I can say she must have spent a lot of energy creating this great course. Thank you and I recommend it to all who's interested in coding!" - Yiqing Zheng

"So far (on my third day) this course has taught me more than I was able to learn in multiple other programming courses. This course is clearly outlined and builds upon itself gradually in an easy to understand way." - Normal Ramsey

"This course will take you from beginner to intermediate level for real. If you don't know how to put together the pieces of web development this is what you're looking for. Angela explains in an amazing way by creating projects all the way during this course, explaining the concepts in real practice. Thank you very much, Angela. I will always consider you my mentor. Look forward to taking more courses with you." - Moises Dionisio Cruz

"An amazing course, perfect for absolute beginners at the start of their coding journey! Angela is an amazing tutor and can explain in the most simple and comprehensible way even complex coding notions. Learning web development cannot get any more fun!" - Zoe Moyssoglou

"It's a different approach to teaching Web Development. I like that you are given everything possible to succeed from the onset." - Ronick Thomas

The tutor is simply AMAZING, by far the best tutor I have ever had. I would give her 10 stars out of 5. She is not just punching the code and talking to herself, but she is actually explaining things. She keeps on giving really useful hints and she will give you a great load of other references. I always knew what I was doing and why I was doing it. All the extra challenges have just made me remember and understand things better. - Peter Dlugos



REMEMBER… I'm so confident that you'll love this course that we're offering a FULL money-back guarantee for 30 days! So it's a complete no-brainer, sign up today with ZERO risk and EVERYTHING to gain.

So what are you waiting for? Click the buy now button and join the world's highest-rated web development course.

Who this course is for:

  • If you want to learn to code through building fun and useful projects, then take this course.
  • If you want to start your own startup by building your own websites and web apps.
  • If you are a seasoned programmer, then take this course to to get up to speed quickly with the latest frameworks and NodeJS
  • If you want to take ONE COURSE and learn everything you need to know about web development, take this course

This course includes:

  • 61 hours on-demand video
  • 66 articles
  • 194 downloadable resources
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Instructor

Dr. Angela Yu, Developer and Lead Instructor

Students also download

Explore related courses to expand your learning journey.