Build Responsive Real World Websites with HTML5 and CSS3 (

This 12-hour Udemy course skips the preamble and dives straight into building websites. It focuses on HTML5 and CSS3 to help students look at some of the most popular and useful functions that go into websites and apps.

Created by: Jonas Schmedtmann

Produced in 2022

What you will learn

  • Real-world skills to build real-world websites: professional, beautiful and truly responsive websites
  • A huge project that will teach you everything you need to know to get started with HTML5 and CSS3
  • The proven 7 real-world steps from complete scratch to a fully functional and optimized website
  • Simple-to-use web design guidelines and tips to make your website stand out from the crowd
  • Learn super cool jQuery effects like animations, scroll effects and "sticky" navigation
  • Downloadable lectures, code and design assets for the entire project
  • Get helpful support in the course Q&A
  • Get my e-book "Best Resources for Web Design and Development with HTML5 & CSS3" for free

Quality Score

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

Overall Score : 94 / 100

Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a web development course? Or looking for more detail on Jonas Schmedtmann's Build Responsive Real World Websites with HTML5 and CSS3? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

Course Description

web development Awards Sponsored

*** The #1 HTML5 and CSS3 course in the official Udemy rankings! ***
"Having gone through other related courses on other platforms, I can say this course is the most practical and readily applicable course on web design and development I have taken." Bernie Pacis

Are you looking for the best way to learn how to build beautiful websites with HTML5 and CSS3? That even look great on your phone?
Have you taken other HTML and CSS courses, but still wonder how to code a real-world website, not just some basic examples?
If your answer is a big YES... Then this is exactly the course you are looking for!

So why is this course so unique and popular?
Reason #1: The course is completely project-based
Together we hand-code a beautiful and responsive landing page for a fictional company that I made up just for the course. Step-by-step, you will learn more and more HTML5 and CSS3 features, from beginner to advanced. These are the latest web technologies, used by every website in the world. And we even added some jQuery to the mix.
This huge project will teach you all the real-world skills to build real-world HTML5 and CSS3 websites. This will allow you to build any website you can imagine... From complete scratch.
Reason #2: You will not just learn how to code
Coding is great, but it's not everything! That's why we will go through the entire process of building and launching our website project. This includes designing, coding, planning, writing clean and organized code, website optimization, best practices, and so much more.
Designing is really, really important. Have you seen all these beautiful and modern websites lately? Great! Because I will show you how it's done. And not just in theory, but also in practice. This is the only course on the market that focuses on both coding and designing, together.
Reason #3: You walk away with a ready-to-launch website
By the end of the course, you will have a complete, ready-to-launch website that looks great on any computer, tablet, and smartphone. Of course you get the entire code and all the images and graphical assets that I designed especially for the course as a free download.
Please check out the promo video to see the final website!
Reason #4: I make HTML5 and CSS3 easy and fun
With the right guidance, HTML5, CSS3, and responsive web design are really easy to learn and use in the real world. With a bunch of random tutorials and YouTube videos? Not so much. That's why I structured this training around a cool and complete project that's fun to code.

Reviews: don't just take my word for it
"Most up-to-date design/developer course on Udemy!" +++ "Learnt more in my week of doing this course than in an entire year of studying" +++ "I have been doing website development for more than twenty years and I still learned from this course" +++ "I'm sure that I will be able to build even very complex websites now" +++ "Very detailed - shows you the how and why it works" +++ "I have learned so freaking much! I love the emphasis he puts on design" +++ "Jonas your support and help is second to none" +++ "The instructor is clear, knowledgeable, and very responsive to questions" +++ "Money well spent. The final project looks stunning and the resources Jonas gives are like gold" +++ "Newbie to Pro all in one course!" +++ "This has been the best course I have EVER purchased on Udemy" +++ "I had a great time learning" +++ "This course deserve 100 stars! Thank you Jonas!"

So here is exactly what we cover in this training:
Easy-to-follow and hands-on web development with HTML5, CSS3 and some jQuery.
The proven 7 real-world steps from complete scratch to a fully functional and optimized website.
Simple-to-use web design guidelines and tips to make your website stand out from the crowd.
How to get and use images, fonts and icons to make your website shine all for free.
Responsive web design: learn how to create websites that work beautifully on all screen sizes.
How to use jQuery for super cool effects like animations, scroll effects and "sticky" navigation.
How to optimize your website for good speed performance and for search engines (SEO).

How to launch your website for the world to see it.

Let's now find out if this course is for you. It's a perfect fit if...
Student #1: You are a complete beginner with no idea on how to build a website.
Student #2: You already know some HTML and CSS from some tutorials or videos, but struggle to put together a good-looking, complete website.
Student #3: You are a designer and want to expand your skills into HTML5 and CSS3, because all your designer colleagues are learning how to code (they are smart).
Basically, if you are a master of HTML5 and CSS3, if you build the most beautiful websites in the world, then DON'T take the course. Everyone else: you should take the course, today.

Now it's your turn to decide. This is what you get:
Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.
English captions for students with hearing impairment.
All lectures are downloadable to make your learning experience even better.
Downloadable code and design assets for the entire project. You can keep this code as a starting point for your own projects.
Free helpful support in the course Q&A when you have questions or get stuck.

Sounds great? Then just click the "Take this course" button, and let's start this fantastic journey together!Who this course is for:
  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • Students with some knowledge about HTML and CSS, but who struggle to put together a great website
  • Designers who want to expand their skill set into HTML5 and CSS3



    • Active instructor interaction. Way above par for an online course.
    • Course walks students through the entire process of building a website.
    • Bonus content keeps students up to date with the latest editions and tools for front-end development.
    • Tutorial does not have students building their own websites from scratch.
    • J-query section in particular seems rushed and underdeveloped.
    • Even though course is updated, the example project is a bit dated.

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

Instructor Details

Jonas Schmedtmann

Hi, I'm Jonas! I have been identified as one of Udemy's Top Instructors and all my premium courses have recently earned the best-selling status for outstanding performance and student satisfaction.
I'm a full-stack web developer and designer with a passion for building beautiful things from scratch. I've been building websites and apps since 2007 and also have a Master's degree in Engineering.
It was in college where I first discovered my passion for teaching and helping others by sharing all I knew. And that passion brought me to Udemy in 2015, where my students love the fact that I take the time to explain important concepts in a way that everyone can easily understand.
Do you want to learn how to build awesome websites with advanced HTML and CSS?
Looking for a complete JavaScript course that takes you from beginner to advanced developer?
Or maybe you want to build modern and fast back-end applications with Node.js?
Then don't waste your time with random tutorials or incomplete videos. All my courses are easy-to-follow, all-in-one packages that will take your skills to the next level.
These courses are exactly the courses I wish I had when I was first getting into web development!
So see for yourself, enroll in one of my courses (or all of them :D) and join my 500,000+ happy students today.



112 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Tai-Yu Chen on 3 weeks ago

It's very good to learn from the project and Jonas is a perfect lecturer. However, this course can't teach you all the different kinds of websites. you still need to try to build other websites to improve your skills!

By Martin Charette on 3 weeks ago

Great course! Even if the coding style ha evolved - this is a great first introduction to web design! I will definitely continue with more CSS and Java Script! Thank you Jonas

By Cecilia Nucaza-Sy on 3 weeks ago

Jonas gave a detailed explanation of each topic in a way that students interests are also triggered. Practical application of the lessons in samples and projects.

By Angela Rittenhouse on 4 months ago

This is an excellent web development course I have learned a lot from this. You're an excellent instructor, I was skeptical at first but now I'm looking forward to sign up your other courses. Thank you, Jonas!

By Capitanescu Radu on 3 weeks ago

I have learned a lot of things, but some things may seem to need some update..especially section 7.. excluding this thing, everything is good, Jonas is great! I recomand it to begginers and even to advanced learners. Tnx!

By Dario Issa Amade on 2 months ago

the course is great special for begging like , Jonas he is top teachers ....i have learn so much from him and i am going to buy more course from him not because he is good but because the way he encourage to never stop learning . thanks and real appreciate

By Racheal Waceke on a week ago

The course is well explained and was able to follow through and managed to create my own website.Thank you Jonas

By Mohammed Sajjad Khatib on a month ago

After reading few negative reviews I was little hesitant to buy this & his JavaScript course as well. After completing this course I could say that the instructor is good at explaining things. There are situations where instructor makes mistakes and corrects it later which sometimes is annoying, sometimes after a video. But, that's okay. He could have edited that out. I would say, pause the video and try to fix that issue by yourself (I didn't do that lol). Looking forward to JavaScript course.

it was really an amazing journey iv'e enjoyed it from the start, everything is explained thoroughly and the concept will be with u for life, i really recommend it for everyone that want to start a web development career.

By Chris Thanh Nguyen on 3 months ago

This is an amazing training, I like the format and examples, this course is the great review of HTML and CSS for me, and set me back on track. Thank you so much for the best training course in HTML/CSS.

By Ravikiran H on 2 months ago

Very good course for beginners. Well and clean explaination. I got confidence that I can buid a webpage after this course !!!

By Shine on a month ago

I learned a lot up to now and will keep on updating my skills. ThanksI appreciate your hard work, and you made me easy to learn without hassling around.