FeaturedUdemy
-83%
UdemyModern HTML & CSS From The Beginning 2.0
4.7(28,628)94k studentsALL LEVELS
UdemyRefreshed for 2024, this course respects two different learning paths in one: if you are completely new to web development, the opening sections guide you through semantic structure and CSS foundations step-by-step. If you already know the basics, you can skip directly to hands-on projects.
The real value lies in the project-driven learning—you will build three complete websites, including one using professional BEM methodology. You will also cover the adjacent skills that HTML and CSS alone do not teach: Git, deployment pipelines, and responsive design patterns that actually work across devices.
Whether you are transitioning into development or refreshing your frontend knowledge, this course bridges the gap between theoretical understanding and building things that work.
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
Price
No active coupon right now
View Course →No coupon right now. We'll tell you when there is one.
Advertisement
More in Development
Not the best price we've seen. The lowest we've recorded is $19.99 on 29 Jul.
This is what we recorded in US pricing — not every price this course has ever had, and prices differ by country.
