Skip to content
#3 in HTML 5UdemyCSSPaid courseAll LevelsCertificate

Web Design for Beginners: Real World Coding in HTML & CSS (Udemy.com)

Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass and more!

Created by: Brad Schiff

Last updated July 2024

Our take

Based on the ratings of 27,275 students, a sample of their written reviews and the syllabus, as the course stood in July 2024. No course pays to be reviewed.

Brad Schiff's course is an 11.5 hour HTML and CSS foundation, 74 lectures across 23 short sections, running from HTML essentials through flexbox, grid, responsive design, Sass, Bootstrap, and a lesson on pushing a site live with GitHub Pages. It assumes nothing. About 96,000 students have enrolled, and the 4.6 rating comes from more than 27,000 reviews, with 5 star ratings outnumbering 3 star ones by nearly ten to one. It suits people who want to understand why a page is built a certain way rather than copy a template, including hobbyists who want to feel more professional.

Reviewers praise Schiff's teaching almost unanimously: clear, encouraging, and willing to explain why things are done a certain way rather than just the syntax, though one still wanted more on when to use each element. One beginner says the course took them from being afraid to touch CSS on a WordPress site to editing it comfortably. The complaints are consistent too. One reviewer wanted a real-world project to build and found the CSS stretch dry without it; another asked for a course that builds skills more progressively. The follow-along CodePen files are the sorest point: one says the starter pens already contain the finished code, another that later sections only ship completed files, which makes coding alongside the video harder.

The course was refreshed in July 2024, although one reviewer noticed older lectures still mention 2020, so expect a mix of eras. It is one of the broader beginner options, covering Sass and Bootstrap as well as the basics, but it is paid and lighter on projects than a build-one-site course. A solid first pick for a beginner who wants to be taught properly and is happy to practise on their own.

Best forComplete beginners who want the reasoning behind HTML and CSS explained clearly, not just a template to copy.
Skip it ifYou learn by building one big project start to finish; reviewers say there is no real-world project to work through here.

Pros

  • Explains why things are done a certain way, not just how, according to reviewers.
  • Covers flexbox, grid, responsive design, Sass and Bootstrap in 74 lectures across 23 short sections.
  • Includes pushing the finished site live on GitHub Pages for free.
  • Refreshed in July 2024 and rated 4.6 by more than 27,000 students.

Cons

  • No full real-world project, one reviewer says, which made the CSS stretch feel dry.
  • Follow-along CodePen files sometimes already contain the finished code, and later sections only ship completed files.
  • Some lectures still reference a 2020 update, so the material is a mix of ages.
The instructor's pace and explanation are easier to grasp. Plus, I like the sense of encouragement in his voice.
Shachi Bharadwaj, a student

Listed as all levels, but it truly starts from zero; experienced developers will only want it as a quick refresher.

icon
What you will learn

  • Create any website layout you can imagine
  • Support any device size with Responsive (mobile-friendly) Design
  • Add tasteful animations and effects with CSS3
  • Use common vocabulary from the design industry

Course content

23 sections · 74 lectures · 12 hours of video 1 quiz, 1 coding exercise

  1. 1Welcome! 2 free previews2 lectures · 4 min
  2. 2HTML Essentials 3 free previews8 lectures · 43 min
  3. 3Adding Media to a Web Page4 lectures · 1 quiz · 30 min
  4. 4Text Basics4 lectures · 20 min
  5. 5Semantics & Organization5 lectures · 24 min
  6. 6Forms3 lectures · 25 min
  7. 7Tables2 lectures · 9 min
  8. 8CSS Essentials 1 free preview7 lectures · 59 min
  9. 9Intermediate CSS2 lectures · 23 min
  10. 10Less Exciting Yet Still Necessary CSS Tasks2 lectures · 30 min

Who it is for

The instructor says it suits

  • Anyone who wants to build websites the "professional" way
  • Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena
  • Experienced developers looking to renew their HTML5 & CSS3 knowledge

What you need before you start

  • No prerequisite knowledge required
  • No special ($$$) software required

How it compares

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

  • Rating4.6 out of 5higher than 76% of them
  • Reviews27,275#5 of 111 by number of reviews
  • Length11.5 hourslonger than 77% of them
  • Last updatedJuly 2024more recently than 66% of them

icon
Course Description

You can launch a new career in web development today by learning HTML & CSS. You don't need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust. I've taught HTML and CSS to countless coworkers and held training sessions for fortune 100 companies. I am that teacher you can trust. 

Don't limit yourself by creating websites with some cheesy “site-builder" tool. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website is created with.

This course does not assume any prior experience. We start at square one and learn together bit by bit. By the end of the course you will have created (by hand) a website that looks great on phones, tablets, laptops, and desktops alike.

In the summer of 2020 the course has received a new section where we push our website live up onto the web using the free GitHub Pages service; this means you'll be able to share a link to what you've created with your friends, family, colleagues and the world!

I have helped over 100,000 students and have received the following feedback:   

“…A fantastic course… clear, definite and engaging."

“…Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject."

“…[Brad] explained the process. Not memorize this or that, he explained the process. If you're looking to take a course to understand the foundations of creating websites, look no further."

“Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view."

“I found this course really helpful and I highly recommend it… all things you learn are seen in action instantly."

“Brad has put together a great foundation for any body wishing to get a good understanding with front end web-development."

“…I would definitely recommend this course to most folks I know who want to learn web design."

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.

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 Schiff

Hi, I'm Brad and I’ve taught web development to countless coworkers and held training sessions for fortune 100 companies.

I also teach local night classes and run a somewhat popular YouTube channel named LearnWebCode.

I’m a front-end developer, designer, and educator. I’ve been building user interfaces for over a decade for the world's largest brands, international technology leaders, and national political campaigns.

I'm fortunate to enjoy the development work I do, but my true passion is helping people learn.

icon
More courses by Brad Schiff

$94.99

$94.99

$16.99

$109.99

$99.99

$74.99

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.6

27,275 ratings on Udemy

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

By Michael Bleau on 4/23/2026

I'm a beginner, and I experienced this course as a great introduction and great exposure to HTML and CSS. I had to go through the course without taking a lot of time to practice coding in Code Pen. So for me, I would need a more thorough A to Z course on HTML and CSS that progressively builds skills so that I don't have any holes in knowledge or skills. The best outcome for me is that I'm more comfortable now working on pages on my WordPress website that may need additional CSS code, and I'm no longer afraid of it or tinkering with it and ruining my website. You are a very good teacher, Brad, and I would take another course with you. Thank you.

By Katie Yokel on 12/16/2025

The course started strong and was easy to follow, especially in sections that included setup files so I could code alongside the instructor. I initially worked in Visual Studio Code and later realized that some lessons also provided follow-along CodePen links, which made the process much smoother. However, many of the more advanced sections only included completed files, which made it harder to actively follow along. I wish all of the sections had the follow-along files available, as I learn best by doing rather than watching/listening.

By Billy Doyle on 10/13/2025

I have started this website learning journey part time during the covid pandemic of 2020 (I was a print type of graphic designer for many successful years before that, I'm 55 now) and I like to say this guy is awesome. I found this course recently and I am going through it now (Oct 2025) He teaches you in a fun and simple way everything you need to know about web design and I thank him so much for this! I did have a good understanding of web design and coding using VSC but thanks to this course, I am even better today as my knowledge will grow for sure. Thank you again!

By Orestis Papakonstantinou on 10/10/2020

This is a very nice course about HTML and CSS. The course creator is very knowledgeable on the topics that he teaches, the pace is great and I also liked the fact that he shows many real world tips and tricks and why we do things a certain way instead of just showcasing how to use these technologies. However, I would like to see one or two real world projects being developed to showcase HTML/CSS in action. Because of the absence of a real world example I felt that this course was a little dry from a point on (the CSS section in particular).

By Serik Ashimkulov on 6/25/2020

when u decide to become a web developer and start searching for online courses, u will find yourself being lost with abundance of options and not knowing which one to choose. I am consider myself lucky that i chose this course by Brad because the way of his teaching and explaining of the materials is most simple and thorough, also he shares his real life experience insights during the course!

By Teertha Unni on 3/22/2020

This course has helped me learn the basics , even though this is review that I am giving halfway through the course. Basics of html5 and CSS3 - markup and styling. Connecting certain parts of the course to the previous lessons were a bit difficult, because in some of the lessons, it was prewritten and modified. Even though the prewritten codes are the examples of the previous lesson, the changes made to the code should have been explained like for this page - we are using this template - the slight changes made to the code are these and these are the changes that we are about to make in this lesson, like a bit of spoon feeding is required for total beginners I suggest. Also, I would suggest a bit more elaboration on real life project codes , even if they are complex , can be explained with key concepts, the very basics and from scratch to help people get into the job market or improve their skills and knowledge a bit more and make it full fledged.

By Ian Whittle on 7/28/2019

I have never used HTML before, so I have found this course absolutely brilliant it easies the beginner in to HTML in easy to understand language. Everything technical is really well explained. I would highly recommend this course to beginners. Now that I've reached the end of this course I realise that there is much more to building a webpage, this course is very informative and easy to understand.

By David robz on 12/19/2018

Lovely start to learning html and css. There was a lot to take in but no one can do it better than Brad. He went into details and made you understand each step he makes. All I need to do now is practice more and hopefully move to javascript. Before I started this course I knew nothing about this field of study(not even opening and closing tags). Thank you Brad.

By Christopher Kent on 10/7/2016

The instructions, and visuals to go with them, are so clear you can't go wrong. Half way through 'Web Design for Beginners' and the learning curve is getting steeper but suspect that more and more repetition will help. Since my first review I have now completed that course and Brad's 'Git a Web Developer Job' and his 'Learn Javascript: Full-Stack' courses which are also excellent. He also updates some of the lectures when new developments make old ways redundant which is a really important feature. I still revisit all his courses to remind me of things I have forgotten and that in itself just reinforces my understanding of the fundamentals. I have done other courses with different tutors but none come close to Brad's exemplary teaching and his explanations why you should do things the way he suggests.

By David Hordon on 10/4/2016

I've given these tutorials a five-star rating because they are simply the best and most professional I've come across. I've written HTML code before, but my wife hasn't. Nor has she ever wanted to. However, she's watched a couple of these tutorials and is now enthusiastic to have a go herself. Well done! If I were able, I would add a further 5 stars to my present five. I now have two HTML & CSS gurus: Jennifer Niederst and Brad Schiff!

Showing all 10 reviews on CourseDuck

Read all 27,275 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

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

Overall Score : 92 / 100