Skip to content
Write a review
#4 in CSSUdemyCSSPaid courseAll LevelsCertificate

Modern HTML & CSS From The Beginning 2.0 (Udemy.com)

Build modern responsive websites with HTML and CSS - Learning modules, mini-projects and 3 full websites

4.8
28,669 reviews

Created by: Brad Traversy

Last updated November 2025

Our take

Based on the ratings of 28,669 students, a sample of their written reviews and the syllabus, as the course stood in November 2025. No course pays to be reviewed.

This is Brad Traversy's revamped entry point to everything else he teaches, and it does exactly what the headline promises: plain HTML and CSS, taught properly, with three full websites at the end. The syllabus shows 200 lectures across 21 sections, about 24 hours in total, with a sandbox environment for the tag-by-tag and property-by-property parts. It starts from how websites work and VS Code setup, so absolute beginners are fine. Experienced developers can skip straight to the Lumina, Tutor and Leno projects, the last of which uses the BEM methodology. It was last updated in November 2025, so the material is current.

The praise in the reviews is consistent: he is straight to the point, does not ramble, and explains things like flexbox in a way that clicks. One student likes the sandbox code snippets for every lesson because they make practice easy. Roughly 19,900 of its 28,667 ratings are five stars. The complaints are mild. One reviewer found the audio feeble at times. Another wished for more challenges and try-it-yourself sections, saying it is hard to replicate a project on their own without knowing the design choices. There are no quizzes or coding exercises, so practice depends on the student pausing the video.

It is a paid course, but the 24 hours stay on HTML and CSS rather than spreading across a whole stack, and that focus is what reviewers recommend it for as a first course. It also adds Git, GitHub, accessibility basics and deployment to Netlify and Vercel, which makes it a fuller starting point than a CSS-only guide. For a solid foundation before React or a full-stack course, it is a safe pick. Anyone after Sass or a CSS framework should look at the CSS complete guide instead.

Best forBeginners who want a no-fluff teacher and three full sites for a portfolio, with Git and deployment thrown in.
Skip it ifYou want Sass, a CSS framework, or JavaScript beyond toggling a class; this one stays on plain HTML and CSS.

Pros

  • Straight to the point teaching; reviewers say he codes instead of talking and explains flexbox concisely
  • Sandbox code snippets for every lesson, so there is something to poke at after each concept
  • Three full website builds (Lumina, Tutor, Leno), the last one using the BEM methodology
  • Refreshed in November 2025 and covers Git, GitHub, accessibility and Netlify or Vercel deployment

Cons

  • No quizzes or coding exercises; a reviewer wanted more challenges to force applying what was learned
  • One reviewer found the audio feeble in places
  • Stops at HTML and CSS, so no Sass, no framework and only a little JavaScript
I like this course so much, the way you teach is straight forward unlike other tutors who won't stop talking other than coding, I don't like to waste my time.
Dikshit Parajuli, a student

Listed as All Levels and it is; the first sections start from how websites work, while seasoned devs can jump to the projects.

icon
What you will learn

  • Build 3 High Quality Websites Along With Mini-Projects
  • Sandbox Environment For Learning Tags, CSS Properties, Accessibility & Other Concepts
  • Semantic Elements, Box Model, Transitions, Keyframes, Pseudo Selectors & More
  • Create Flexible Layouts WIth Flexbox & CSS Grid
  • Create Responsive Websites With Media Queries, Relative Units & Flexible Layouts
  • Learn The Basics of Git, GitHub and Website Deployment
  • Learn the BEM (Block Element Modifier) Methodology
  • All Skill Levels

Course content

21 sections · 200 lectures · 24 hours of video 1 article

  1. 1Introduction 3 free previews5 lectures · 26 min
  2. 2Essential HTML 3 free previews20 lectures · 2.2 hours
  3. 3HTML Form & Input Elements9 lectures · 48 min
  4. 4More HTML Elements10 lectures · 51 min
  5. 5CSS Basics11 lectures · 1.5 hours
  6. 6Box Model & Positioning 1 free preview12 lectures · 1.4 hours
  7. 7Flexbox8 lectures · 1.1 hours
  8. 8Responsive Design10 lectures · 1.2 hours
  9. 9Landing Form Mini-Project 1 free preview6 lectures · 36 min
  10. 10Various CSS Features8 lectures · 1.1 hours

Who it is for

The instructor says it suits

  • From absolute beginner to seasoned developer

What you need before you start

  • This course is for any developer, beginner to advanced

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.8 out of 5higher than 97% of them
  • Reviews28,669#4 of 111 by number of reviews
  • Length24.3 hourslonger than 91% of them
  • Last updatedNovember 2025more recently than 90% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 96 / 100

icon
Course Description

Just revamped for 2024, this course is for both beginners that want to learn HTML/CSS beginning to end as well as seasoned developers that just want to build some cool projects. This is my most important course because it is the entry point to everything else that I have created. Whether you want to build front-end applications with React or full stack Node.js, PHP, Python, etc, you will always need use HTML and CSS in some way.


We go over all kinds of HTML tags, elements and structure and tons of CSS properties and concepts with a sandbox environment. Outside of these learning modules are mini-projects, challenges and 3 main website projects. One project uses the BEM CSS methodology.


The first few sections are tailored for beginners so even if you have never built anything before, you will learn all of the basics. If you already have experience with basic HTML & CSS, you can skip around and learn what you need or just go right into the projects.


Things We Cover In This Course


  • How Websites Work

  • Visual Studio Code Setup, Shortcuts, Live Server & Emmet

  • HTML5 Semantic Elements & Layout

  • CSS Fundamentals (colors, fonts, alignment, etc)

  • The Box Model, Margin, Padding & Border

  • Responsive Design With Media and Container Queries

  • CSS Units - rem, em, vh, vw, etc

  • Flexbox Layout Model

  • CSS Grid

  • Animation with Keyframes & Transitions

  • Using JavaScript to toggle classes & styles

  • CSS Custom Properties

  • Git & Github

  • Deploying Websites to Netlify and Vercel

  • Mini-Projects & Challenges

  • Project 1 - Lumina Creative Agency Website

  • Project 2 - Tutor Course Website

  • Project 3 - Leno Mobile App Website (BEM Methodology)

  • Much More
Read More All Levels All Levels product length iconTime: 24.3h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

Read More

icon
More courses by Brad Traversy

$16.99

$84.99

$99.99

$119.99

$11.99

$13.99

All courses by Brad Traversy

icon
More CSS courses

$174.99

$149.99

$99.99

$10.99

$13.99

$79.99

All CSS courses

icon
Reviews

4.8

28,669 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Jerry Mallett on 7/24/2026

Exactly what I've been looking for. An indepth tutorial explaining everything in great detail and extremely easy to follow. Just wish I had found this one sooner. Brad is an excellent speaker, clear and concise and so far, you could not pay me to find fault with this course. EXCELLENT!!!

By Fahari Boina Mavouna on 7/18/2026

I don't have a word to describe the way i understand this course . I'am so ecastatic to follow this course . i would like to follow the next course related for this course that i am doing right now . Thank you very much indeed

By Sundaravel Shanmugam on 7/5/2026

I don't know why the voice is feeble. Otherwise the concep[ is clear and I understand it very well. Thanks

By Philip Reinhart on 6/27/2026

Fantastic, I really learned a lot. For the next iteration of this course, I would love to see more "challenges" or "try this on your own" parts, because this is what really forces you to apply everything you learned. I tried to do some stuff on my own first but it was difficult to replicate the outcome if you don't know what design choices were made (e.g. what colors, font, whatever...)

By Timothy Grindall on 6/18/2026

Brad covers all the ground using professional techniques that will stand the test of time. Easy explanations and good teaching!

By James Brown on 5/22/2026

From the brief amount i have just watched the instructor explains the concepts such as flex box in a very concise and precise way, which makes it easier to learn from. In short he's very straight to the point which is nice and refreshing, considering past courses I've taken where this hasn't been the case.

By Devarakonda Prashanth on 5/13/2026

One thing I liked most about this course was the step-by-step instructions of concepts, which made learning smooth even without prior experience. Overall, the course provided a strong foundation for moving into CSS, JavaScript and full-stack development.

By Patrycia Pereira on 4/14/2026

I’m really enjoying this course. The content is high quality, well-structured, and delivered at a comfortable pace. The instructor clearly has strong practical experience and demonstrates how concepts apply in real-world scenarios—covering everything from environment setup and extension installation to effective source code inspection directly in the browser. Can wait to implement the demo projects! :-)

By Amol morde on 3/18/2026

I really appreciate Brad for making this course amazing. I mostly like the project-based content and no other non-sense stuff. Whatever Brad teaches that is useful in the real-world application/scenario. l am looking forward to new such amazing course from Brad.

By Alberto DS on 2/19/2026

I really liked this course! I found it to be very well structured. Brad is a skillful teacher that takes a tough subject like programming, and turns it into easy-to-follow, fun lessons full of great tips. Highly recommend!

Showing all 10 reviews on CourseDuck

Read all 28,669 reviews on Udemy

Modern HTML & CSS From The Beginning 2.0
Visit course on Udemy Write a review
  • Video Duration: icon 24.3h
  • Price: $129.99
  • Provider: icon Udemy
  • Updated: icon November 2025
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
  • Lectures:200 in 21 sections
  • Students:94,800
  • Subtitles:16 languages
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com