Invent High Technologies

Upgrade Yourself with Udemy Courses

Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)

Build modern responsive websites with HTML and CSS - Learning modules, mini-projects and 3 full websites

Rating: 4.7(27,291 ratings)     Students: 89,090 students     Language: English    Instructor: Brad Traversy

Share Coupon With Others:

Just revamped for 2024, this course is for both beginners that want to learn HTML/CSS beginning to end as well as seasoned developers that just want to build some cool projects. This is my most important course because it is the entry point to everything else that I have created. Whether you want to build front-end applications with React or full stack Node.js, PHP, Python, etc, you will always need use HTML and CSS in some way.


We go over all kinds of HTML tags, elements and structure and tons of CSS properties and concepts with a sandbox environment. Outside of these learning modules are mini-projects, challenges and 3 main website projects. One project uses the BEM CSS methodology.


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, you can skip around and learn what you need or just go right into the projects.


Things We Cover In This Course


  • How Websites Work

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

  • HTML5 Semantic Elements & Layout

  • CSS Fundamentals (colors, fonts, alignment, etc)

  • The Box Model, Margin, Padding & Border

  • Responsive Design With Media and Container Queries

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

  • Flexbox Layout Model

  • CSS Grid

  • Animation with Keyframes & Transitions

  • Using JavaScript to toggle classes & styles

  • CSS Custom Properties

  • Git & Github

  • Deploying Websites to Netlify and Vercel

  • Mini-Projects & Challenges

  • Project 1 - Lumina Creative Agency Website

  • Project 2 - Tutor Course Website

  • Project 3 - Leno Mobile App Website (BEM Methodology)

  • Much More