Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-06 07:43:03
30-Day Money-Back Guarantee

This course includes:

  • 54.5 hours on-demand video
  • 80 articles
  • 21 downloadable resources
  • 8 coding exercises
  • Full lifetime access
  • Access on mobile and TV
Development Web Development

The Complete 2021 Web Development Bootcamp

Become a full-stack web developer with just one course. HTML, CSS, Javascript, Node, React, MongoDB and more!
Bestseller
Rating: 4.7 out of 54.7 (111,209 ratings)
345,969 students
Created by Dr. Angela Yu
Last updated 1/2021
English
English, German [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Be able to build ANY website you want.
  • Craft a portfolio of websites to apply for junior developer jobs.
  • Build fully-fledged websites and web apps for your startup or business.
  • Work as a freelance web developer.
  • Master backend development with Node
  • Master frontend development with React
  • Learn the latest frameworks and technologies, including Javascript ES6, Bootstrap 4, MongoDB.
  • Learn professional developer best practices.
Curated for the Udemy for Business collection

Course content

35 sections • 440 lectures • 55h 5m total length

  • Preview03:09
  • Preview00:11
  • Bookmark the Course Resources
    00:16
  • How to Get the Most Out of the Course
    09:33
  • Download the 12 Rules to Learn to Code eBook
    00:41
  • Preview05:42
  • Preview06:20
  • What You'll Need to Get Started - Setup Your Local Web Development Environment
    06:59
  • How to Get Help When You're Stuck
    06:39
  • Pathfinder
    02:05

  • Introduction to HTML
    10:51
  • The Anatomy of an HTML Tag
    10:55
  • What we're building - HTML Personal Site
    02:52
  • What is The HTML Boilerplate?
    17:01
  • How to Structure Text in HTML
    11:00
  • HTML Lists
    05:24
  • HTML Image Elements
    07:32
  • HTML Links and Anchor Tags
    11:55
  • How to Ace this Course
    01:24

  • HTML Tables
    11:57
  • Using HTML Tables for Layout
    02:17
  • HTML Tables Code Challenge
    01:44
  • How to Type Emojis
    01:02
  • HTML Tables Solution Walkthrough
    06:42
  • HTML Forms
    09:09
  • Forms in Practice - Create a Contact Me Form
    07:27
  • HTML Challenge
    1 question
  • Publish Your Website!
    06:44
  • Tip from Angela - Habit Building with the Calendar Trick
    02:52
  • Get Monthly Tips and Tools to Level Up as a Developer
    00:35

  • Introduction to CSS
    03:04
  • Inline CSS
    09:56
  • A Quick Note About the Next Lesson
    00:12
  • Internal CSS
    20:22
  • External CSS
    08:29
  • How to Debug CSS Code
    13:37
  • The Anatomy of CSS Syntax
    13:08
  • CSS Selectors
    06:23
  • Classes vs. Ids
    11:44
  • CSS Quiz
    6 questions
  • Tip from Angela - Dealing with Distractions
    02:28
  • Join the Student Community
    00:19

  • What We'll Make - Stylised Personal Site
    04:57
  • What Are Favicons?
    03:47
  • HTML Divs
    13:33
  • The Box Model of Website Styling
    19:25
  • CSS Display Property
    15:11
  • Learn More About Web Design
    00:10
  • CSS Static and Relative Positioning
    14:36
  • Absolute positioning
    12:12
  • The Dark Art of Centering Elements with CSS
    09:03
  • Font Styling in Our Personal Site
    13:59
  • Learn More About Typography
    00:10
  • Adding Content to Our Website
    06:52
  • CSS Sizing
    15:39
  • Font Properties Challenge 1 - Change the Font Colour
    00:09
  • Font Properties Challenge 2 - Change the Font Weight
    00:02
  • Font Properties Challenge 3 - Change the Line Height
    00:02
  • CSS Font Property Challenge Solutions
    03:57
  • CSS Float and Clear
    15:13
  • CSS Challenge
    00:23
  • Stylised Personal Site Solution Walkthrough
    21:22
  • [Optional] Get More Practice HTML and CSS
    00:16
  • Tip from Angela - Nothing Easy is Worth Doing!
    03:35

  • What is Bootstrap?
    14:36
  • Installing Bootstrap
    07:55
  • Web Design 101 - Wireframing
    11:38
  • The Bootstrap Navigation Bar
    20:40
  • Preview00:56
  • Download the Starting Files
    00:32
  • Setting Up Our New Project
    07:41
  • Bootstrap Grid Layout System
    20:17
  • Getting Montserrat Black and other Font Weights
    00:37
  • Adding Grid Layouts to Our Website
    09:39
  • A Note About CSS Link Order
    00:52
  • Bootstrap Containers
    05:54
  • Bootstrap Buttons & Font Awesome
    11:30
  • Styling Our Website Challenges and Solutions
    20:20
  • Bootstrap Challenge 1
    00:35
  • Solution to Bootstrap Challenge 1
    17:01
  • Tip from Angela - How to Deal with Procrastination
    04:08

  • The Bootstrap Carousel Part 1
    09:39
  • The Bootstrap Carousel Part 2
    17:20
  • Bootstrap Cards
    16:31
  • The CSS Z-Index and Stacking Order
    21:28
  • Media Query Breakpoints
    22:03
  • Bootstrap Challenge 2
    00:17
  • Bootstrap Challenge 2 Solution
    11:46
  • How to become a Better Programmer - Code Refactoring
    07:48
  • Put it into Practice - Refactor our Website Part 1
    19:20
  • Advanced CSS - Combining Selectors
    11:43
  • Refactoring our Website Part 2
    05:21
  • Advanced CSS - Selector Priority
    05:51
  • Completing the Website
    02:34
  • Download the Completed Website
    00:09
  • Tip from Angela - Building a Programming Habit
    02:46

  • Preview03:55
  • Understanding Colour Theory
    09:04
  • Understanding Typography and How to Choose a Font
    10:28
  • Preview10:27
  • User Experience (UX) Design
    13:39
  • Web Design in Practice - Let's apply what we've learnt!
    18:20

  • Introduction to Javascript
    11:49
  • Javascript Alerts - Adding Behaviour to Websites
    14:21
  • Data Types
    04:06
  • Javascript Variables
    09:35
  • Javascript Variables Exercise Start
    02:48
  • Javascript Variables Exercise
    1 question
  • Javascript Variables Exercise Solution
    03:28
  • Naming and Naming Conventions for Javascript Variables
    07:09
  • Javascript Variable Naming Quiz
    2 questions
  • String Concatenation
    03:07
  • String Lengths and Retrieving the Number of Characters
    06:24
  • Preview08:56
  • Challenge: Changing Casing in Text
    03:39
  • Challenge: Changing String Casing Solution
    08:59
  • Basic Arithmetic and the Modulo Operator in Javascript
    06:14
  • Increment and Decrement Expressions
    02:28
  • Javascript Numbers Quiz
    3 questions
  • Functions Part 1: Creating and Calling Functions
    10:35
  • Functions Part 1 Challenge - The Karel Robot
    09:08
  • The Karel Chess Board Solution
    00:18
  • A Quick Note About the Next Lesson
    00:12
  • Functions Part 2: Parameters and Arguments
    09:52
  • Life in Weeks Coding Exercise
    1 question
  • Life in Weeks Solution
    03:44
  • Functions Part 3: Outputs & Return Values
    11:16
  • Challenge: Create a BMI Calculator
    01:49
  • BMI Calculator Challenge
    1 question
  • Challenge: BMI Calculator Solution
    05:39
  • JavaScript Functions Quiz
    5 questions
  • Tip from Angela - Set Your Expectations
    02:35

  • Random Number Generation in Javascript: Building a Love Calculator
    11:15
  • Control Statements: Using If-Else Conditionals & Logic
    04:48
  • Comparators and Equality
    02:51
  • Combining Comparators
    02:46
  • BMI Calculator Advanced (IF/ELSE)
    1 question
  • Introducing the Leap Year Code Challenge
    04:16
  • Leap Year Challenge Exercise
    1 question
  • Leap Year Solution
    03:03
  • Collections: Working with Javascript Arrays
    09:01
  • Adding Elements and Intermediate Array Techniques
    15:58
  • Who's Buying Lunch? Code Challenge
    1 question
  • Who's Buying Lunch Solution
    03:43
  • Control Statements: While Loops
    07:52
  • Solution to the 99 Bottles Challenge
    00:45
  • Control Statements: For Loops
    06:10
  • Introducing the Fibonacci Code Challenge
    06:37
  • The Fibonacci Exercise
    1 question
  • Fibonacci Solution
    08:16
  • Tip from Angela - Retrieval is How You Learn
    02:52

Requirements

  • No programming experience needed - I'll teach you everything you need to know
  • A Mac or PC computer with access to the internet
  • No paid software required - all websites will be created with Atom (which is free)
  • I'll walk you through, step-by-step how to get all the software installed and set up

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 over 12,000 ratings and a 4.8 average, my Web Development course is one of the HIGHEST RATED courses in the history of Udemy! ⭐️⭐️⭐️⭐️⭐️ 

At 50+ 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 a taught by the lead instructor at the App Brewery, London's leading in-person programming bootcamp.

  • The course has been updated to be 2020 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 280,000 students how to code and many have gone on to change their lives by becoming professional developers or start their own tech startup.

  • You'll save yourself over $12,000 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 50 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

  • Bootstrap 4

  • 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

  • MongoDB

  • Mongoose

  • Authentication

  • Firebase

  • React.js

  • React Hooks

  • Web Design

  • Deployment with GitHub Pages, Heroku and MongoDB Atlas

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 25+ websites that you can show off to any potential employer.

Sign up today, and look forward to:

  • Video Lectures

  • Code Challenges and Exercises

  • Fully Fledged Projects

  • Quizzes

  • Programming Resources and Cheatsheets

  • Downloads

  • Our best selling 12 Rules to Learn to Code eBook

  • $12,000+ web development bootcamp course materials and 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 thing 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 or logic. I can say she must spent a lot of energy creating this great course. Thank you and I recommend 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 talks to herself, but she is actually explaining things. She keeps on giving a really usefull 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 to 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

Featured review

Mudiaga Moody Uwojeya
Mudiaga Moody Uwojeya
11 courses
7 reviews
Rating: 5.0 out of 56 months ago
This course is quite comprehensive when compared with other courses available on this platform that is why I bought it. It is packed full with amazing content and like the description, it did make me full stack web developer. The instructor is a very good teacher using visual aids (not just talking) and simple illustrations to drive home a point. This course does not teach everything but the basics of everything frontend and backend. I enjoyed the course, the jokes, the projects, challenges.

Instructor

Dr. Angela Yu
Developer and Lead Instructor
Dr. Angela Yu
  • 4.7 Instructor Rating
  • 243,504 Reviews
  • 709,267 Students
  • 8 Courses

I'm Angela, I'm a developer with a passion for teaching. I'm the lead instructor at the London App Brewery, London's leading Programming Bootcamp. I've helped hundreds of thousands of students learn to code and change their lives by becoming a developer. I've been invited by companies such as Twitter, Facebook and Google to teach their employees.

My first foray into programming was when I was just 12 years old, wanting to build my own Space Invader game. Since then, I've made hundred of websites, apps and games. But most importantly, I realised that my greatest passion is teaching.

I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my bootcamp courses. In my courses, you'll find lots of geeky humour but also lots of explanations and animations to make sure everything is easy to understand.

I'll be there for you every step of the way.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.