3 Pemimpin Dr, #06-04 (07), Singapore 576147
+65 8839 6772

The Web Developer Bootcamp 2020

The Web Developer Bootcamp 2020

Online Self-Paced

Play Video

COMPLETELY REDONE – The only course you need to learn web development – HTML, CSS, JS, Node, and More!

Course Description


Hi! Welcome to the Web Developer Bootcamp, 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 online course taught by a professional bootcamp instructor.
  • 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 today’s developer industry. No PHP or other dated technologies. This course does not cut any corners.
  • This is the only complete beginner full-stack developer course that covers NodeJS.
  • 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 dog Rusty!

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 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!

  • 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

This course includes:

63 hours on-demand video

Full lifetime access

47 articles

Access on mobile and TV

122 downloadable resources

SkillsFuture Credit eligible *

62 coding exercises

Certificate of completion

* More than 7hr of learning time required

Course content

  • Welcome To The Course!
  • Curriculum Walkthrough
  • When Was The Course Last Updated?
  • Course Change Log
  • Will I Get A Job?
  • Accessing Course Code & Slides
  • Joining The Community Chat & Groups
  • Tips On The Interactive Coding Exercises
  • Migrating From The Old Version Of This Course

  • What Matters In This Section?
  • The Internet in 5 Minutes
  • Intro to the Web
  • The Request/Response Cycle
  • Front-End and Back-End
  • What do HTML/CSS/JS do?
  • Setting Up Our Developer Environment
  • OPTIONAL VSCode Theme

  • What Matters In This Section
  • Introduction to HTML
  • Our Very First HTML Page
  • TIP: Mozilla Developer Network
  • Paragraph Elements
  • Heading Elements
  • Pangolin Practice
  • Introduction to the Chrome Inspector
  • HTML Boilerplate
  • VSCode Tip: Auto-format
  • List Elements
  • Favorite Movies Exercises
  • Anchor Tags
  • Images
  • Comments
  • Wolf Images & Links Exercise

  • What Matters In This Section
  • What Exactly Is HTML5?
  • Block vs. Inline Elements - Divs and Spans
  • An Odd Assortment of Elements: HR, BR, Sup, & Sub
  • Entity Codes
  • Snowman Logo Exercise
  • Intro to Semantic Markup
  • Playing With Semantic Elements
  • Screen Reader Demonstration
  • VSCode Tip: Emmet

  • What Matters In This Section
  • Unit Goals
  • Introducing HTML Tables
  • Tables: TR, TD, and TH Elements
  • Tables: Thead, Tbody, and Tfoot Elements
  • Tables: Colspan & Rowspan
  • Table Practice Exercise
  • The Form Element
  • Common Input Types
  • The All-Important Label
  • HTML Buttons
  • The Name Attribute
  • "Hijacking" Google & Reddit's Search
  • Radio Buttons, Checkboxes, & Selects
  • Range & Text Area
  • Forms Practice Exercise
  • HTML5 Form Validations
  • Creating A Marathon Registration Form Intro

Creating A Marathon Registration Form Solution

  • What Matters In This Section
  • What is CSS?
  • CSS is Huge, Don't Panic!
  • Including Styles Correctly
  • Color & Background-Color Properties
  • Our First CSS Exercise
  • Colors Systems: RGB & Named Colors
  • Colors Systems: Hexadecimal
  • Colors Quiz
  • A Reminder On Semicolons & CSS
  • Common Text Properties
  • Font Size Basics With Pixels
  • The Font Family Property
  • Hipster Logo Exercise

  • What Matters In This Section
  • Universal & Element Selectors
  • The ID Selector
  • The Class Selector
  • Basic Selectors Practice
  • The Descendent Selector
  • Descendent Combinator Practice
  • The Adjacent & Direct-Descendent Selectors
  • The Attribute Selector
  • Pseudo Classes
  • Checkerboard Exercise
  • Pseudo Elements
  • The CSS Cascade
  • WTF is Specificity
  • Specificity Quiz
  • TIP: Chrome Dev Tools & CSS
  • Inline Styles & Important
  • CSS Inheritance

  • What Matters In This Section
  • Box Model: Width & Height
  • Box Model: Border & Border-Radius
  • Box Model Practice
  • Box Model: Padding
  • Box Model: Margin
  • The Display Property
  • CSS Units Revisited
  • CSS Units: ems
  • CSS Units: rems

Certificate of Completion

When you complete a paid Udemy course, you will receive a certificate of completion, which you can share with your friends, relatives, co-workers and potential employers. Certificates of completion help demonstrate your accomplishments, but please note Udemy is not an accredited institution, and as a result, the certificates cannot be used for formal accreditation.

Please note: free courses and courses that only include practice tests do not offer a certificate of completion.

What you'll learn

Student feedback

Client Logo
Akhilesh Mankotia

Awesome course for all groups , covered almost everything related to WEB Developer ever needed to learn you have to put your effort first in this course there more than enough to learn !!

Client Logo
Cataline Baert

Colt Steele explains everything very well. The course is very progressive and each video isn't too long. The exercises/projects are quite interesting. I really had a great time taking this course!

Client Logo

Awesome course, i learned a ton. Many Many thanks to the course instructors, they have put in great effort in making this. Thanks again.

Client Logo
Aniket Kumar

Colt recently updated the course so I did too. It's updated now with the latest version of JavaScript and I would definitely recommend it in 2020.

Client Logo
Thomas Shuman

Great intro to coding. Would appreciate a list of "Next Steps" to continue building on its knowledge base, but very well done otherwise.

Who this course is for:

Transform your life through Udemy

Join millions of learners from around the world already learning on Udemy! Learn online at your own pace from highly rated instructors on any device. Learn at home, the office, waiting in line, or on the go.

Start today with a special discount and download to your phone. Lifetime access over 130,000 courses, courses in 60+ languages and expert instructors. 30-Day Money-back guarantee.

Related courses by other education partners

Python and Django Full Stack Web Developer […]

Welcome to the Python and Django Full Stack Web Developer Bootcamp! In this course we cover everything you need to know to build a […]

The Complete Web Developer Course 2.0

Learn Web Development by building 25 websites and mobile apps using HTML, CSS, Javascript, PHP, Python, MySQL & more! You’re here […]

The Web Developer Bootcamp 2020

COMPLETELY REDONE – The only course you need to learn web development – HTML, CSS, JS, Node, and More! There are a lot […]