Course Information
Course Overview
Brand New Course! Covers Flexbox, CSS Grid, Animations, Responsive Design and More! Tons of Exercises & Projects.
**Modern in-depth HTML & CSS course!**
** Check out the promo video to see the beautiful, responsive projects we build in this course! **
This course will teach you everything you need to know about HTML, CSS, and web design to build your own stunning websites from scratch. Instead of just watching me code, you’ll learn how to structure and build any website you can think of.
My background is in teaching in-person bootcamp programs around the world, where I work directly with students to help them learn web development and change careers. This course is based on all my experience in the classroom. Unlike most Udemy courses, this course includes dozens of exercises and challenges which ask you to recreate components, build layouts, and practice HTML and CSS. Practice is the most important tool I have to help you learn, and this course includes lots of it!
This course covers a huge amount of information, but it’s designed to be approachable for complete beginners and intermediate developers alike.
We start with the basics of HTML: structuring documents, creating text elements, tables, and forms. Then we learn about semantic markup and creating accessible webpages
Next, we cover the basics of CSS: working with selectors, color systems, and styling text elements.
From there, we cover critical CSS concepts including the box model, specificity, the cascade, and CSS units.
Next you’ll learn all about backgrounds, gradients, filters, positioning elements, working with transitions and transformations, and many other more intermediate CSS properties.
We then spend nearly 10 hours learning how to create complex CSS layouts using Flexbox and CSS Grid. We then build multiple projects with complicated layouts.
You’ll learn how to build responsive layouts that look good on all screen sizes, from large desktops to tablets and mobile devices.
Finally, we wrap up the course with our massive final project that we build together from scratch. This project combines everything we’ve learned in the course into one huge website built with thousands of lines of HTML & CSS. Check out the promo video to learn more about the final project.
This course includes:
Over 37 hours of high quality videos
Downloadable assets, starter coder, and solutions for all sections
Dozens of exercises, challenges, and quizzes
Downloadable slides and cheatsheets, including beautiful diagrams and syntax references
Included support in the course Q&A forums
Access to our exclusive discord community with thousands of students
About me (your instructor)
I’m a teacher with extensive real-world teaching experience. I’ve taught thousands of students how to code at my in-person coding bootcamps around the globe. My graduates work at companies including Google, Tesla, Apple, Airbnb, and pretty much any big company you can name. My in-person teaching background informs the online experiences I create for students. Unlike most Udemy instructors, I’ve actually taught this material in a classroom full of students for nearly a decade. I know what works and what doesn’t work!
Course Content
- 10 section(s)
- 319 lecture(s)
- Section 1 Introduction
- Section 2 HTML Basics
- Section 3 More HTML
- Section 4 Working With Forms
- Section 5 Other Elements
- Section 6 CSS Basics
- Section 7 The World of CSS Colors
- Section 8 Styling Text
- Section 9 More Text Styling
- Section 10 Selectors Pt. 1
What You’ll Learn
- Master HTML & CSS and build massive real-world projects, with no prior knowledge needed!
- How to write well-structured and semantic HTML documents
- Master tricky CSS concepts including the cascade, inheritance, and specificity
- Work with CSS animations, transitions, pseudo-elements, gradients, and more
- Get practice with dozens of exercises, quizzes, and challenges
- Design beautiful websites from the ground up that look good on all screen sizes
- Build reusable components, work with CSS variables, and write modern and clean CSS code
Skills covered in this course
Reviews
-
AAnimesh Srivastava
Colt is an amazing instructor, and his course is incredibly detailed. The modules are long, but only because he takes the time to thoroughly cover every essential topic—and that’s something I personally appreciate, as it genuinely builds confidence in development. His hands-on approach, combined with tons of practical exercises, makes the learning experience both engaging and effective. I highly recommend this course to anyone who wants to truly understand core concepts and strengthen their skills.
-
PPhilip Odetola
The course was great. I went from being not confident in css to knowing what im doing. thank you colt. One popint of improvemnt i would suggest is getting some sort of teaching assistannt. Questions don't really get answered so expect some googling around or using AI if you get stuck. But if you are looking to understand CSS, this is definitely one to consider.
-
YYouri Schneider
The course lays a solid basis, but doesn't get into everything possible with HTML/CSS. I miss things like 'aria-labels', CSS features like cramp(), etc. But as said, the basis is really good and I've learned a lot. Now it's time to expand my knowledge and continue with more advanced CSS topics and even JavaScript. One thing I would've liked: challenges built into the bigger projects. We now just type everything Colt types, but with some challenges we can see if we understand it for real. There are some small challenges, however not when doing those bigger projects.
-
DDavid torres
Great Introduction to the world of CSS and HTML