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

What you'll learn

Build 3 High Quality Websites Along With Mini-Projects

Sandbox Environment For Learning Tags, CSS Properties, Accessibility & Other Concepts

Semantic Elements, Box Model, Transitions, Keyframes, Pseudo Selectors & More

Create Flexible Layouts WIth Flexbox & CSS Grid

Create Responsive Websites With Media Queries, Relative Units & Flexible Layouts

Learn The Basics of Git, GitHub and Website Deployment

Learn the BEM (Block Element Modifier) Methodology

All Skill Levels

Requirements

This course is for any developer, beginner to advanced

Description

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

Who this course is for:

From absolute beginner to seasoned developer