The Web Developer Bootcamp 2026
With 10 Hours of React added. Become a Developer With ONE course - HTML, CSS, JavaScript, React, Node, MongoDB and More!
With 10 Hours of React added. Become a Developer With ONE course - HTML, CSS, JavaScript, React, Node, MongoDB and More!
Now with over 10 hours of React content.
Massive new React "expansion pack" covers: React basics, JSX, props, state, Vite, MaterialUI, hooks, useEffect, React design patterns, and more.
Hi! Welcome to the brand new version of The Web Developer Bootcamp, Udemy's most popular web development course. This course was completely overhauled to prepare students for the current job market, now with over 70 hours of total 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.
92% 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 latest modern content for a fraction of the price.
Everything I cover is up-to-date and relevant to the current developer job market. This course does not cut any corners. I 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 (including modern syntax, ES6, ES2018, etc.)
Asynchronous JavaScript - Promises, async/await, etc.
AJAX and single page apps
Bootstrap 4 and 5
ReactJS
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!
FAQ area empty
What Matters In This Section
Xem trướcIntroduction to HTML
Xem trướcOur Very First HTML Page
Xem trướcTIP: Mozilla Developer Network
Xem trướcParagraph Elements
Xem trướcHeading Elements
Xem trướcIntroduction to the Chrome Inspector
Xem trướcHTML Boilerplate
Xem trướcVSCode Tip: Auto-format
Xem trướcList Elements
Xem trướcAnchor Tags
Xem trướcImages
Xem trướcComments
Xem trướcWhat Matters In This Section
Xem trướcWhat Exactly Is HTML5?
Xem trướcBlock vs. Inline Elements - Divs and Spans
Xem trướcAn Odd Assortment of Elements: HR, BR, Sup, & Sub
Xem trướcEntity Codes
Xem trướcIntro to Semantic Markup
Xem trướcPlaying With Semantic Elements
Xem trướcScreen Reader Demonstration
Xem trướcVSCode Tip: Emmet
Xem trướcWhat Matters In This Section
Xem trướcUnit Goals
Xem trướcIntroducing HTML Tables
Xem trướcTables: TR, TD, and TH Elements
Xem trướcTables: Thead, Tbody, and Tfoot Elements
Xem trướcTables: Colspan & Rowspan
Xem trướcThe Form Element
Xem trướcCommon Input Types
Xem trướcThe All-Important Label
Xem trướcHTML Buttons
Xem trướcThe Name Attribute
Xem trước"Hijacking" Google & Reddit's Search
Xem trướcRadio Buttons, Checkboxes, & Selects
Xem trướcRange & Text Area
Xem trướcHTML5 Form Validations
Xem trướcCreating A Marathon Registration Form Intro
Xem trướcCreating A Marathon Registration Form Solution
Xem trướcWhat Matters In This Section
Xem trướcWhat is CSS?
Xem trướcCSS is Huge, Don't Panic!
Xem trướcIncluding Styles Correctly
Xem trướcColor & Background-Color Properties
Xem trướcColors Systems: RGB & Named Colors
Xem trướcColors Systems: Hexadecimal
Xem trướcA Reminder On Semicolons & CSS
Xem trướcCommon Text Properties
Xem trướcFont Size Basics With Pixels
Xem trướcThe Font Family Property
Xem trướcWhat Matters In This Section
Xem trướcUniversal & Element Selectors
Xem trướcThe ID Selector
Xem trướcThe Class Selector
Xem trướcThe Descendant Selector
Xem trướcThe Adjacent & Direct-Descendant Selectors
Xem trướcThe Attribute Selector
Xem trướcPseudo Classes
Xem trướcPseudo Elements
Xem trướcThe CSS Cascade
Xem trướcWTF is Specificity
Xem trướcTIP: Chrome Dev Tools & CSS
Xem trướcInline Styles & Important
Xem trướcCSS Inheritance
Xem trướcWhat Matters In This Section
Xem trướcOpacity & The Alpha Channel
Xem trướcThe Position Property
Xem trướcCSS Transitions (yay!)
Xem trướcThe Power of CSS Transforms
Xem trướcFancy Button Hover Effect CodeAlong
Xem trướcThe Truth About Background
Xem trướcGoogle Fonts is Amazing
Xem trướcPhoto Blog CodeAlong Pt. 1
Xem trướcPhoto Blog CodeAlong Pt. 2
Xem trướcWhat Matters In This Section
Xem trướcWhat on Earth Is Flexbox?
Xem trướcFlex-Direction
Xem trướcJustify-Content
Xem trướcFlex-Wrap
Xem trướcAlign-Items
Xem trướcAlign-Content & Align-Self
Xem trướcFlex-Basis, Grow, & Shrink
Xem trướcFlex Shorthand
Xem trướcResponsive Design & Media Queries Intro
Xem trướcThe Power of Media Queries
Xem trướcBuilding a Responsive Nav
Xem trướcWhat Matters In This Section
Xem trướcWTF Is Bootstrap
Xem trướcIncluding Bootstrap & Containers
Xem trướcBootstrap Buttons
Xem trướcBootstrap Typography & Utilities
Xem trướcBadges, Alerts, & Button Groups
Xem trướcIntro to the Bootstrap Grid
Xem trướcResponsive Bootstrap Grids
Xem trướcUseful Grid Utilities
Xem trướcBootstrap & Forms
Xem trướcBootstrap Navbars
Xem trướcBootstrap Icons!
Xem trướcOther Bootstrap Utilities
Xem trướcA Mixed Bag of Other Bootstrap Stuff
Xem trướcWhat Matters In This Section
Xem trướcWhy JavaScript is Awesome
Xem trướcPrimitives & The Console
Xem trướcJavaScript Numbers
Xem trướcWTF is NaN
Xem trướcQuick Numbers Quiz
Xem trướcVariables & Let
Xem trướcUpdating Variables
Xem trướcIncrement Operator Explanation: i++ vs ++i
Xem trướcConst & Var
Xem trướcBooleans
Xem trướcVariable Naming and Conventions
Xem trướcWhat Matters In This Section
Xem trướcDecision Making With Code??
Xem trướcComparison Operators
Xem trướcEquality: Triple Vs. Double Equals
Xem trướcConsole, Alert, & Prompt
Xem trướcRunning JavaScript From A Script!
Xem trướcIf Statements
Xem trướcElse-If
Xem trướcElse
Xem trướcNesting Conditionals
Xem trướcTruth-y & False-y Values
Xem trướcLogical AND
Xem trướcLogical OR
Xem trướcLogical NOT
Xem trướcThe Switch Statement Is...A Lot
Xem trướcWhat Matters In This Section
Xem trướcIntroducing Arrays
Xem trướcArray Random Access
Xem trướcPush & Pop
Xem trướcShift & Unshift
Xem trướcConcat, indexOf, includes & reverse
Xem trướcSlice & Splice
Xem trướcReference Types & Equality Testing
Xem trướcArrays + Const
Xem trướcMulti-Dimensional Arrays
Xem trướcWhat Matters In This Section
Xem trướcIntro to For Loops
Xem trướcMore For Loops Examples
Xem trướcThe Perils Of Infinite Loops :(
Xem trướcLooping Over Arrays
Xem trướcNested Loops
Xem trướcAnother Loop: The While Loop
Xem trướcThe Break Keyword
Xem trướcWriting a Guessing Game
Xem trướcGuessing Game Explanation And Bug Fixes
Xem trướcThe Lovely For...Of Loop
Xem trướcIterating Over Objects
Xem trướcTodo List Project Intro
Xem trướcTodo List Project CodeAlong
Xem trướcWhat Matters In This Section
Xem trướcFunction Scope
Xem trướcBlock Scope
Xem trướcLexical Scope
Xem trướcFunction Expressions
Xem trướcHigher Order Functions
Xem trướcReturning Functions
Xem trướcDefining Methods
Xem trướcThe Mysterious Keyword 'this'
Xem trướcUsing Try/Catch
Xem trướcWhat Matters In This Section
Xem trướcWhat Is This Section Even About?!
Xem trướcThe forEach Method
Xem trướcThe map Method
Xem trướcIntro to Arrow Functions
Xem trướcArrow Function Implicit Returns
Xem trướcArrow Functions Wrapup
Xem trướcSetTimeout and setInterval
Xem trướcThe filter Method
Xem trướcSome & Every Methods
Xem trướcThe Notorious Reduce Method
Xem trướcArrow Functions & 'this'
Xem trướcWhat Matters In This Section
Xem trướcIntroducing the DOM
Xem trướcThe Document Object
Xem trướcGetElementById
Xem trướcGetElementsByTagName & className
Xem trướcQuerySelector & querySelectorAll
Xem trướcInnerHTML, textContent, & innerText
Xem trướcAttributes
Xem trướcChanging Styles
Xem trướcClassList
Xem trướcTraversing Parent/Child/Sibling
Xem trướcAppend & AppendChild
Xem trướcRemoveChild & remove
Xem trướcPokemon Sprites Demo
Xem trướcWhat Matters In This Section
Xem trướcIntro to Events
Xem trướcInline Events
Xem trướcThe Onclick Property
Xem trướcAddEventListener
Xem trướcRandom Color Exercise
Xem trướcEvents & The Keyword This
Xem trướcKeyboard Events & Event Objects
Xem trướcNEW VERSION: Form Events & PreventDefault
Xem trướcNEW VERSION: Practice With Form Events & PreventDefault
ORIGINAL VERSION: Form Events & PreventDefault
Input & Change Events
Event Bubbling
Event Delegation
What Matters In This Section
What is Templating?
Configuring Express For EJS
Setting The Views Directory
EJS Interpolation Syntax
Passing Data To Templates
Subreddit Template Demo
Conditionals in EJS
Loops In EJS
A More Complex Subreddit Demo
Serving Static Assets In Express
Bootstrap + Express
EJS & Partials
What Matters In This Section
Get Vs. Post Requests
Defining Express Post Routes
Parsing The Request Body
Intro to REST
RESTful Comments Overview
RESTful Comments Index
RESTful Comments New
Express Redirects
RESTful Comments Show
The UUID Package
RESTful Comments Update
Express Method Override
RESTful Comments Delete
What Matters In This Section
What is Mongoose
Connecting Mongoose to Mongo
Our First Mongoose Model
Insert Many
Finding With Mongoose
Updating With Mongoose
Deleting With Mongoose!
Mongoose Schema Validations
Additional Schema Constraints
Validating Mongoose Updates
Mongoose Validation Errors
Model Instance Methods
Adding Model Static Methods
Mongoose Virtuals
Defining Mongoose Middleware
What Matters In This Section
Authentication Vs. Authorization
How to (not) Store Passwords
Cryptographic Hashing Functions
Password Salts
Intro to Bcrypt
Auth Demo: Setup
Auth Demo: Registering
Auth Demo: Login
Auth Demo: Staying Logged In With Session
Auth Demo: Logout
Auth Demo: Require Login Middleware
Auth Demo: Refactoring To Model Methods
Intro To Image Upload Process
The Multer Middleware
Cloudinary Registration
Environment Variables with dotenv
Uploading To Cloudinary Basics
Storing Uploaded Image Links In Mongo
Displaying Images In A Carousel
Fixing Our Seeds
Adding Upload to Edit Page
Customizing File Input
A Word Of Warning!
Deleting Images Form
Deleting Images Backend
Adding a Thumbnail Virtual Property
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
The ins and outs of HTML5, CSS3, and Modern JavaScript
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
1.2
1 Student
325 Courses
1253 Reviews
Xin chào các bạn, tôi là Nguyễn Đình Cường, một lập trình viên và giảng viên đam mê công nghệ với hơn 15 năm kinh nghiệm trong ngành công nghiệp phần mềm. Tôi tốt nghiệp từ Bưu Chính Viễn Thông và đã từng làm việc cho một số công ty công nghệ hàng đầu như FPT Software và VinGroup. Với chuyên môn chính là phát triển ứng dụng web, tôi đã làm việc với nhiều công nghệ như HTML, CSS, JavaScript, React cho front-end và Node.js, Express, MongoDB cho back-end. Không chỉ dừng lại ở việc viết mã, tôi còn yêu thích tìm hiểu sâu về thiết kế hệ thống và kiến trúc phần mềm. Tôi tin rằng quá trình học lập trình không chỉ đơn thuần là lý thuyết, mà còn là sự trải nghiệm thực tế và giải quyết vấn đề. Trong các khóa học của mình, tôi cố gắng cung cấp cho học viên những bài giảng thú vị và dễ hiểu, cùng với các bài tập thực hành giúp củng cố kiến thức. Tôi hy vọng rằng qua các khóa học của mình, bạn sẽ không chỉ học được cách viết mã, mà còn phát triển tư duy lập trình và kỹ năng giải quyết vấn đề. Hãy cùng nhau khám phá thế giới lập trình và biến ý tưởng của bạn thành hiện thực! Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với tôi. Tôi rất vui được hỗ trợ bạn trong hành trình học tập của mình!
View Details