Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
Offered By: Udemy
Course Description
Overview
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
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 CSSin 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 BEMCSS 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 StudioCode 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
CSSGrid
Animation with Keyframes & Transitions
Using JavaScript to toggle classes & styles
CSSCustom 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 (BEMMethodology)
Much More
Taught by
Brad Traversy
Related Courses
Aprenda Javascript sin experiencia previa en programaciĆ³nCoursera Project Network via Coursera Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera Introduction to CSS3
Johns Hopkins University via Coursera Build a Responsive Website Using HTML5 & CSS3
CreativeLive Developing Responsive Web Pages Using HTML5 and CSS3
NIIT StackRoute via Coursera