Save for later

Modern HTML & CSS From The Beginning (Including Sass)

This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid as well as the Sass pre-compiler. This course includes hours of both learning & studying sections along with real life projects. Stop having to rely on frameworks like Bootstrap for your user interface and learn how to create your own layouts and utility classes to build custom responsive websites and app UIs.

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, just move to section 3 or 4 and get started.

Things We Cover

  • How Websites Work

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

  • HTML5 Semantic Layout

  • CSS Fundamentals

  • Responsive Design With Media Queries

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

  • Flexbox

  • CSS Grid

  • Animation with Keyframes & Transitions

  • CSS Variables

  • Sass Pre-compiler with portfolio project

  • Full Projects & Mini Projects

  • Website Deployment to Shared Hosting & Netlify With Git

  • Much More

Sections on Sass will be being added very shortly.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy and may earn a commission when you buy through our links.

Get a Reminder

Send to:
Rating 4.7 based on 1,490 ratings
Length 21 total hours
Starts On Demand (Start anytime)
Cost $14
From Udemy
Instructor Brad Traversy
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Get a Reminder

Send to:

Similar Courses

What people are saying

web development

Anyway overall I certainly recommend this course to every beginner who wants to learn web development from basic to advanced.

He emphasis the importance of repetition, so learners can get used to html/css element in modern web development.

I've been learning web development for about a year now, wish I would have started here.

I look forward to a career in web development!

Good explanations going through it again as it is so useful and so up to date that it make web development fun and enjoyable to learn thanks brad !!

Brad is a great instructor and this course serves as a great foundation for the beginner who wants to start a career in Web Development.

This is my second long web development HTML/CSS course and, of the two, this is substantially better.

I absolutely recommend this for anyone who, as me, wants to start working in Web Development.

Brad is an amazing instructor and I would suggest anyone who wants to learn about web development to take this course.

I took about 4 courses on web development so far and I can say without a doubt this was the best one.

I am so glad that I am taking this course Brad offers some great free HTML, CSS, and other web development courses on YouTube, but the low cost of this tutorial is well worth it.

Much more in depth and some great projects that incorporate some of the skills needed to develop webpages using popular trends in web design and web development.

Dało mi podstawy by dalej się rozwijać i wzbogaciło moją wiedzę jak tworzyć ładne, proste i również rozbudowane strony The Course is all in one package for Web Development.

Brad Traversy is easy to follow and gives you also the "method" of working and approaching web development.

Read more

so far so good

So far so good.

so far so good,love it lets goo!,learning a lot from this and i think its well worth it so far!

I am at the beginning now but so far so good it looks great.

Como siempre Brad con excelentes cursos en los que se desarrollan proyectos reales :D So far so good until I got to the image part where i couldn't find sample images in my sandbox folder; this threw me off a little because when I clicked and dragged an image into the file, I now cannot get it off the screen although I deleted it from the file.

So far so good!

So far so good, I'm learning slowly but I'm learning.

Good match so far, i watched brads youtube videos before, so i'm happy to find him here too, no brainer So far so good - going at a good pace and not too much information at once.

Good walk through easy to listen to So far so good.

great beginning to help me understand what goes on behind the scene Brad is fantastic tutor so far so good.

But that is what the pause button is for : ) Excellent So far so good I've Watch brad's Videos on youtube and found it suitable for me :) Interesujący i w zrozumiały sposób tłumaczony AMMMMMMAAAAAAAAAAZZZZZZZIIIIINNNNNGGGG yes A great refresher course, delivered in an easy to understand and grasp manner.

On the Web there are tons of content and skills developers but not everybody can explain what they know in a clear manner Pretty Great Course So far so good Yes!

This course is great So far so good.

Read more

looking forward

This is the perfect course for an absolute beginner like me,each and every topic is well explained.I'm so thankfull to u brad ,u r the best.Looking forward to learn your javascript course.

Looking forward for next courses.

Simply put - the best course I've seen on HTML/CSS and I am looking forward to JS.

I've done a few HTML and CSS courses prior to this one, this has definitely been the most helpful and inspiring course, I'm actually looking forward to doing some of my own projects before heading onto JavaScript!

I got what i wanted, looking forward to learn even more from him.

Looking forward to what I can do with the knowledge obtained in this course.

Looking forward to his Javascript course after I complete this one.

Haven't completely finished this course, but already bought and am looking forward to going through the JavaScript, React, and MEAN courses.

I'm looking forward to following more classes with him.

Looking forward to learning Javascript next (Modern JavaScript From The Beginning by Brad Traversy).

Looking forward to complete all the courses I’ve purchased!

Looking forward to the Javascript course next.

Looking forward to build my knowledge!

Looking forward to learning more!

Read more

youtube channel

Because of the quality of this course I have purchased Brad's javascript course and will likely look into his other courses and youtube channel.

Like most of them even i have been a fan of his teaching from his youtube channel so coming here taking the course felt natural to me.

Just checkout his youtube channel and you will confirm what im saying.

Also watched authors YouTube channel prior so knew the quality I would receive from this course.

Your Youtube channel inspired me to keep moving forward on my coding journey :) super cours ..compréhensible et bien expliqué Excellent examples and easy to understand.

I get here from Traversy youTube channel.

Make sure to check out his other in depth courses and his YouTube Channel just great stuff.

I checked out your youtube channel and I find your way of delivery on par with how I would like it explained.

straight to the point and influencial teacher Amazing yes it was good I am aware of brad's successful youtube channel but for me his explanations are really hard to understand.

Came here from his youtube channel to give a try to web dev (switched from C#).

I follow Brad on his Youtube channel and buying and doing this course was away to reciprocate his effort and dedication on the Web Dev community and of course learning more this basic technologies.

I have followed Brad's youtube channel for so long and it is the best web content you can ever seen.

Loving this course..... Been following Brads youtube channel and I've used computers since I was like.. 6 or 7 years old.

Brad is one of the best instructor.. his youtube channel is awesome.. keep it up Brad.. Amazing course..

Read more

learn html & css

would highly recommend it for anyone trying to learn HTML & CSS from scratch.

this is the best course to take if you want to learn html & css.

Best regards Amazing Course everything explained very well :) It's a really good course to learn HTML & CSS, the modular classes are so helpful because you can always consult if you forget something without getting lost in your files.

If you take this course, I can genuinely say that you will learn HTML & CSS.

Highly recommended for anyone who wants to learn HTML & CSS or web development.

Perfect for beginners to learn HTML & CSS.

Read more

easy to follow along

Great teacher :) He is doing a great job, he speaks clearly and is easy to follow along with.

His lectures are engaging, his instruction style is super organized, and easy to follow along with.

Easy to follow along.

I love this course took a few in the past nothing beats this Clean, concise, easy to follow along with and understandable.

Very easy to follow along and extremely detailed about each aspect of HTML and CSS.

Read more

step by step

Brad is very thorough in his explanations, showing step by step.

I like how Bard is teaching, going step by step!

He needs to really take it step by step and keeps reiterating on why he is doing what he is doing.

He explains everything step by step but without using too many words.

amazing course thank you brad ... this guy show me all step by step .may GOD bless you brother Truly awesome!

I just couldn't recommend it enough the step by step explanations So far very useful and worth to buy the tutorial.

good course... step by step instruction with tips is so good... Great course.

He goes through building websites in a step by step manner and it really helps you get to know the structure and process of how to build one.

Read more

vs code

He even shows you a few keyboard shortcuts with VS Code that I found very useful and has made coding much more fluid.

I greatly appreciated that Brad taught us extremely useful VS code keyboard shortcuts.

He even teach you how to get around VS Code, which is not taught on other courses I've taken.

I knew most of the html but the keyboard shortcuts and VS Code tips are invaluable!

awsome Only up to lesson 12 or so and really appreciating the VS Code editor the instructor chose.

I got to learn all shortcuts in vs code in less than an hour into this course that made my coding much faster.

There are tips and tricks from VS Code that will help me improve my workflow and definitely the content is great!

He also takes a lot of time to ensure you'll have all of the necessary shortcuts when using VS Code which will make actually getting your coding done while saving time MUCH easier.

I particularly like explaining the use of the VS Code.

He has great tips on working with VS code and you begin building projects pretty fast.

The keyboard shortcuts and extensions in VS code are fantastic!

Read more

highly recommend to anyone

Would highly recommend to anyone who is looking to learn more about these languages.

A course I would highly recommend to anyone starting off with web development or if you already know a bit but want to expand your current understanding.

I highly recommend to anyone out there who wants to learn web development to take this course as its the only course that teaches you everything you need to know when you're starting out in this career path.

All around great course and I highly recommend to anyone out their!

Highly recommend to anyone wanting good intro to HTML, CSS and SASS Great course.

Read more

html5 and css3

I though the course did a good job of covering modern HTML5 and CSS3 mark up.

It is a very good introductory course on HTML5 and CSS3.

i just realize he's one of my most influencer in my life Formerly an experienced web developer, but wanting an update for HTML5 and CSS3 as well as the latest tools, this course is excellent!

It will teach you a lot about HTML5 and CSS3.

A really good crash course on HTML5 and CSS3.

I am currently working on getting the Advanced HTML5 and CSS3 certification and decided to invest in his course since he is the instructor I trust the most to provide state of the art, no BS, education.

I'm not an absolute beginner and what I want is to sort of re-do some HTML/CSS starting from the basics, and to catch up with what HTML5 and CSS3 offer.

Read more

full stack

I am a non-tech/science student, and this really helps me a lot with improving my skills and maybe getting a full stack job in the future/or maybe freelancing.

My goal is to be a freelance full stack developer and the skills I learned in this course are phenomenal.

It just have this perfect pace for learning :) I followed Traversy Media's crash courses on youtube and also graduated from a Full Stack Web Development Bootcamp and your courses have definitely taught me more than in class.

I'm a full stack developer, and have been working with CSS for quite a few years, but have never been an expert.

My ambition is to become a full stack developer and I already see this course put me on that career track!

I'm having a great experience on this course even though I consider myself a Senior Full Stack Developer, but I find important having this kind of course as a review of some good practices and even learn some new things.

This is course is good for full stack developer So far it is very interesting.

After this course, I am feeling that in next 1 year I will be the best Full Stack Developer.

I hope to become a full stack soon.

Read more

keyboard shortcuts

I love all the extras like keyboard shortcuts, links to free content and utilities.

The course doesn't lack in any area, I felt HTML and CSS, as well as great design techniques and tricks are covered - I use VScode and I've discovered a lot of keyboard shortcuts and extensions through the course which I didn't know about before.

Thank you for showing the keyboard shortcuts!

I appreciate the tips, tricks and keyboard shortcuts shared for more efficient web developing.

Read more


An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Physician Billing Representative and Delegated Websites Administrator $67k

Team Responsive Web Designer Lead $99k

Responsive Web Designer Consultant $101k

Responsive Web Designer Lead $122k

Associate Product Marketing Manager, Intuit Websites $154k

Senior Product Marketing Manager, Intuit Websites $225k

Write a review

Your opinion matters. Tell us what you think.

Rating 4.7 based on 1,490 ratings
Length 21 total hours
Starts On Demand (Start anytime)
Cost $14
From Udemy
Instructor Brad Traversy
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now