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 CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence 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 Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
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 04:48:25
30-Day Money-Back Guarantee
Development Web Development

The Web Developer Bootcamp 2021

COMPLETELY REDONE - The only course you need to learn web development - HTML, CSS, JS, Node, and More!
Rating: 4.7 out of 54.7 (197,837 ratings)
649,094 students
Created by Colt Steele
Last updated 3/2021
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • The ins and outs of HTML5, CSS3, and Modern JavaScript for 2021
  • Make REAL web applications using cutting-edge technologies
  • Create responsive, accessible, and beautiful layouts
  • Recognize and prevent common security exploits like SQL-Injection & XSS
  • Continue to learn and grow as a developer, long after the course ends
  • Create a blog application from scratch using Node, Express, and MongoDB.
  • Create a complicated yelp-like application from scratch
  • Deploy your applications and work with cloud databases
  • Create static HTML and CSS portfolio sites and landing pages
  • Think like a developer. Become an expert at Googling code questions!
  • Create complex HTML forms with validations
  • Implement full authentication from scratch!
  • Use CSS Frameworks including Bootstrap 5, Semantic UI, and Bulma
  • Implement responsive navbars on websites
  • Use JavaScript variables, conditionals, loops, functions, arrays, and objects
  • Write Javascript functions, and understand scope and higher order functions
  • Master the "weird" parts of JavaScript
  • Create full-stack web applications from scratch
  • Manipulate the DOM with vanilla JS
  • Write JavaScript based browser games
  • Use Postman to monitor and test APIs
  • Use NodeJS to write server-side JavaScript
  • Write complex web apps with multiple models and data associations
  • Write a REAL application using everything in the course
  • Use Express and MongoDB to create full-stack JS applications
  • Use common JS data structures like Arrays and Objects
  • Master the command line interface
  • Use NPM to install all sorts of useful packages
  • Understand the ins and outs of HTTP requests
  • Create your own Node modules
  • Make a beautiful, responsive photographer's portfolio page
  • Create a beautiful, responsive landing page for a startup
  • Implement user authentication
  • Create a beautiful animated todo list application
  • Create single page applications with AJAX
Curated for the Udemy for Business collection

Course content

60 sections • 614 lectures • 63h 11m total length

  • Preview00:28
  • Preview03:47
  • Preview04:12
  • Preview02:17
  • Preview00:18
  • Preview05:45
  • Preview02:23
  • Preview00:28
  • Tips On The Interactive Coding Exercises
    03:25
  • Migrating From The Old Version Of This Course
    08:07

  • What Matters In This Section?
    03:28
  • The Internet in 5 Minutes
    05:42
  • Intro to the Web
    06:01
  • The Request/Response Cycle
    04:21
  • Front-End and Back-End
    03:59
  • What do HTML/CSS/JS do?
    05:36
  • Setting Up Our Developer Environment
    05:59
  • OPTIONAL VSCode Theme
    04:28

  • What Matters In This Section
    02:12
  • Introduction to HTML
    06:55
  • Our Very First HTML Page
    05:33
  • TIP: Mozilla Developer Network
    02:41
  • Paragraph Elements
    03:14
  • Heading Elements
    06:34
  • Pangolin Practice
    1 question
  • Introduction to the Chrome Inspector
    03:07
  • HTML Boilerplate
    07:25
  • VSCode Tip: Auto-format
    02:37
  • List Elements
    06:39
  • Favorite Movies Exercises
    1 question
  • Anchor Tags
    07:07
  • Images
    06:26
  • Comments
    02:31
  • Wolf Images & Links Exercise
    1 question

  • What Matters In This Section
    02:27
  • What Exactly Is HTML5?
    06:27
  • Block vs. Inline Elements - Divs and Spans
    08:42
  • An Odd Assortment of Elements: HR, BR, Sup, & Sub
    06:18
  • Entity Codes
    06:01
  • Snowman Logo Exercise
    1 question
  • Intro to Semantic Markup
    09:01
  • Playing With Semantic Elements
    12:18
  • Screen Reader Demonstration
    03:33
  • VSCode Tip: Emmet
    06:12

  • What Matters In This Section
    02:52
  • Unit Goals
    01:09
  • Introducing HTML Tables
    04:08
  • Tables: TR, TD, and TH Elements
    09:11
  • Tables: Thead, Tbody, and Tfoot Elements
    02:16
  • Tables: Colspan & Rowspan
    04:14
  • Table Practice Exercise
    1 question
  • The Form Element
    09:18
  • Common Input Types
    05:27
  • The All-Important Label
    06:52
  • HTML Buttons
    05:17
  • The Name Attribute
    05:26
  • "Hijacking" Google & Reddit's Search
    06:25
  • Radio Buttons, Checkboxes, & Selects
    10:54
  • Range & Text Area
    07:02
  • Forms Practice Exercise
    1 question
  • HTML5 Form Validations
    09:27
  • Creating A Marathon Registration Form Intro
    02:45
  • Creating A Marathon Registration Form Solution
    12:20

  • What Matters In This Section
    02:51
  • What is CSS?
    04:55
  • CSS is Huge, Don't Panic!
    04:03
  • Including Styles Correctly
    06:15
  • Color & Background-Color Properties
    05:15
  • Our First CSS Exercise
    1 question
  • Colors Systems: RGB & Named Colors
    07:21
  • Colors Systems: Hexadecimal
    07:38
  • Colors Quiz
    2 questions
  • A Reminder On Semicolons & CSS
    01:11
  • Common Text Properties
    11:16
  • Font Size Basics With Pixels
    03:06
  • The Font Family Property
    06:01
  • Hipster Logo Exercise
    1 question

  • What Matters In This Section
    02:38
  • Universal & Element Selectors
    04:57
  • The ID Selector
    05:24
  • The Class Selector
    04:43
  • Basic Selectors Practice
    1 question
  • The Descendent Selector
    05:11
  • Descendent Combinator Practice
    1 question
  • The Adjacent & Direct-Descendent Selectors
    05:03
  • The Attribute Selector
    05:30
  • Pseudo Classes
    08:47
  • Checkerboard Exercise
    1 question
  • Pseudo Elements
    04:23
  • The CSS Cascade
    02:21
  • WTF is Specificity
    08:00
  • Specificity Quiz
    3 questions
  • TIP: Chrome Dev Tools & CSS
    03:57
  • Inline Styles & Important
    03:49
  • CSS Inheritance
    05:10

  • What Matters In This Section
    02:42
  • Box Model: Width & Height
    05:40
  • Box Model: Border & Border-Radius
    12:08
  • Box Model Practice
    1 question
  • Box Model: Padding
    07:45
  • Box Model: Margin
    06:11
  • The Display Property
    11:46
  • CSS Units Revisited
    05:39
  • CSS Units: ems
    08:20
  • CSS Units: rems
    07:43

  • What Matters In This Section
    03:04
  • Opacity & The Alpha Channel
    06:32
  • The Position Property
    09:40
  • CSS Transitions (yay!)
    11:17
  • The Power of CSS Transforms
    13:13
  • Fancy Button Hover Effect CodeAlong
    10:21
  • The Truth About Background
    08:45
  • Google Fonts is Amazing
    07:47
  • Photo Blog CodeAlong Pt. 1
    08:44
  • Photo Blog CodeAlong Pt. 2
    08:38

  • What Matters In This Section
    03:11
  • What on Earth Is Flexbox?
    04:24
  • Flex-Direction
    05:58
  • Justify-Content
    05:07
  • Flex-Wrap
    03:42
  • Align-Items
    07:47
  • Align-Content & Align-Self
    05:18
  • Flex-Basis, Grow, & Shrink
    07:51
  • Flex Shorthand
    05:38
  • Responsive Design & Media Queries Intro
    07:18
  • The Power of Media Queries
    09:25
  • Building a Responsive Nav
    08:42

Requirements

  • Have a computer with Internet
  • Be ready to learn an insane amount of awesome stuff
  • Prepare to build real web apps!
  • Brace yourself for stupid jokes about my dog Rusty

Description

COMPLETELY REDONE ON OCTOBER 12th 2020, WITH OVER 500 BRAND NEW VIDEOS!

Hi! Welcome to the brand new version of The Web Developer Bootcamp, Udemy's most popular web development course.  This course was just completely overhauled to prepare students for the 2021 job market, with over 60 hours of brand new content. This is the only course you need to learn web development. There are a lot of options for online developer training, but this course is without a doubt the most comprehensive and effective on the market.  Here's why:

  • This is the only Udemy course taught by a professional bootcamp instructor with a track record of success.

  • 94% of my in-person bootcamp students go on to get full-time developer jobs. Most of them are complete beginners when I start working with them.

  • The previous 2 bootcamp programs that I taught cost $14,000 and $21,000.  This course is just as comprehensive but with brand new content for a fraction of the price.

  • Everything I cover is up-to-date and relevant to 2021's developer job market. This course does not cut any corners. I just spent 8 months redoing this behemoth of a course!

  • We build 13+ projects, including a gigantic production application called YelpCamp. No other course walks you through the creation of such a substantial application.

  • The course is constantly updated with new content, projects, and modules.  Think of it as a subscription to a never-ending supply of developer training.

  • You get to meet my cats and chickens!

When you're learning to program you often have to sacrifice learning the exciting and current technologies in favor of the "beginner friendly" classes.  With this course, you get the best of both worlds.  This is a course designed for the complete beginner, yet it covers some of the most exciting and relevant topics in the industry.

Throughout the brand new version of the course we cover tons of tools and technologies including:

  • HTML5

  • CSS3

  • Flexbox

  • Responsive Design

  • JavaScript (all 2020 modern syntax, ES6, ES2018, etc.)

  • Asynchronous JavaScript - Promises, async/await, etc.

  • AJAX and single page apps

  • Bootstrap 4 and 5 (alpha)

  • SemanticUI

  • Bulma CSS Framework

  • DOM Manipulation

  • Unix(Command Line) Commands

  • NodeJS

  • NPM

  • ExpressJS

  • Templating

  • REST

  • SQL vs. NoSQL databases

  • MongoDB

  • Database Associations

  • Schema Design

  • Mongoose

  • Authentication From Scratch

  • Cookies & Sessions

  • Authorization

  • Common Security Issues - SQL Injection, XSS, etc.

  • Developer Best Practices

  • Deploying Apps

  • Cloud Databases

  • Image Upload and Storage

  • Maps and Geocoding

This course is also unique in the way that it is structured and presented. Many online courses are just a long series of "watch as I code" videos.  This course is different. I've incorporated everything I learned in my years of teaching to make this course not only more effective but more engaging. The course includes:

  • Lectures

  • Code-Alongs

  • Projects

  • Exercises

  • Research Assignments

  • Slides

  • Downloads

  • Readings

  • Too many pictures of my dog Rusty

If you have any questions, please don't hesitate to contact me.  I got into this industry because I love working with people and helping students learn.  Sign up today and see how fun, exciting, and rewarding web development can be!

Who this course is for:

  • This course is for anyone who wants to learn about web development, regardless of previous experience
  • It's perfect for complete beginners with zero experience
  • It's also great for anyone who does have some experience in a few of the technologies(like HTML and CSS) but not all
  • If you want to take ONE COURSE to learn everything you need to know about web development, take this course

Featured review

Ulvi Samadzade
Ulvi Samadzade
10 courses
4 reviews
Rating: 5.0 out of 59 months ago
It was so challenging and full of knowledge! I have learned a lot from this course. Colt is the best instructor, respect! He explains everything that way so you get it instantly. Unfortunately, at the end of the course a new instructor explain a bit in a different way where i did not most of the things, perhaps because of the advanced topics. Anyway, it was awesome to be a part of this course, thanks each of you, especially Ian for helping students throughout the course.

Instructor

Colt Steele
Developer and Bootcamp Instructor
Colt Steele
  • 4.7 Instructor Rating
  • 307,228 Reviews
  • 947,923 Students
  • 10 Courses

Hi! I'm Colt. I'm a developer with a serious love for teaching. I've spent the last few years teaching people to program at 2 different immersive bootcamps where I've helped hundreds of people become web developers and change their lives. My graduates work at companies like Google, Salesforce, and Square.

Most recently, I led Galvanize's SF's 6 month immersive program as Lead Instructor and Curriculum Director. After graduating from my class, 94% of my students went on to receive full-time developer roles. I also worked at Udacity as a Senior Course Developer on the web development team where I got to reach thousands of students daily.

I’ve since focused my time on bringing my classroom teaching experience to an online environment. In 2016 I launched my Web Developer Bootcamp course, which has since gone on to become one of the best selling and top rated courses on Udemy. I was also voted Udemy’s Best New Instructor of 2016.

I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses are without a doubt the most comprehensive ones on the market.

Join me on this crazy adventure!

  • 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.