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.
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.
Listed as all levels, but it truly starts from zero; experienced developers will only want it as a quick refresher.
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
- 1Welcome! 2 free previews2 lectures · 4 min
- 2HTML Essentials 3 free previews8 lectures · 43 min
- 3Adding Media to a Web Page4 lectures · 1 quiz · 30 min
- 4Text Basics4 lectures · 20 min
- 5Semantics & Organization5 lectures · 24 min
- 6Forms3 lectures · 25 min
- 7Tables2 lectures · 9 min
- 8CSS Essentials 1 free preview7 lectures · 59 min
- 9Intermediate CSS2 lectures · 23 min
- 10Less Exciting Yet Still Necessary CSS Tasks2 lectures · 30 min
- 11CSS Typography2 lectures · 22 min
- 12Developer Timeout!1 lecture · 6 min
- 13CSS Backgrounds 1 free preview4 lectures · 39 min
- 14Responsive Web Design4 lectures · 43 min
- 15What is Flexbox in CSS?2 lectures · 28 min
- 16CSS Grid Layout3 lectures · 40 min
- 17CSS3 Special Effects5 lectures · 58 min
- 18Leveraging JavaScript without Writing JavaScript5 lectures · 1 hour
- 19What is Bootstrap?2 lectures · 34 min
- 20Sass3 lectures · 54 min
- 21Pushing a Website Live Up Onto The Web1 lecture · 15 min
- 22Cross Browser Compatibility1 lecture · 13 min
- 23Beyond This Course2 lectures · 9 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
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."
Instructor Details
- 4.6 Rating
27,275 Reviews
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.
More courses by Brad Schiff
Become a WordPress Developer: Unlocking Power With Code (2025)
4.6 (27,197 Reviews)
Provider: Udemy
Time: 46.1h
$94.99
WordPress for Beginners: Create a Website Step by Step (2025)
4.8 (8,059 Reviews)
Provider: Udemy
Time: 5.3h
$94.99
Git a Web Developer Job: Mastering the Modern Workflow (2024)
4.7 (7,279 Reviews)
Provider: Udemy
Time: 15.7h
$16.99
Learn JavaScript: Full-Stack from Scratch (2024)
4.8 (5,400 Reviews)
Provider: Udemy
Time: 28.6h
$109.99
MySQL For Beginners: Real Database Experience Real Fast (2024)
4.5 (2,399 Reviews)
Provider: Udemy
Time: 8h
$74.99
More CSS courses
Build Responsive Real-World Websites with HTML and CSS (2024)
4.8 (119,018 Reviews)
Provider: Udemy
Time: 37.5h
$174.99
Advanced CSS and Sass: Flexbox, Grid, Animations and More! (2024)
4.8 (46,326 Reviews)
Provider: Udemy
Time: 28.1h
$149.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
How to Create A Website: An HTML Tutorial and CSS Tutorial (2025)
4.7 (2,057 Reviews)
Provider: Udemy
Time: 31.9h
$10.99
Ultimate CSS Grid Course: From Beginner to Advanced (2021)
4.7 (1,039 Reviews)
Provider: Udemy
Time: 2.7h
$13.99
Reviews
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!
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100












