This course introduces you to basics of web development — once done, you will be able to:

• Write clean semantic HTML markup
• Style your websites with CSS
• Advanced HTML & CSS concepts such as CSS Variables, Transforms, Transitions, and Preprocessors

This course is very interactive and you will be able to run HTML & CSS code right here in the browser as you learn each concept. You’ll also work through projects and test your understanding with Quizzes along the way.

Part 1: Basics HTML & CSS

This is the basic foundation of web development

• Getting Started with HTML and CSS
• Your First HTML and CSS Project
• Diving Deeper into HTML
• Diving Deeper into CSS
• Project: Slack’s About Page (Part 1)
• Quiz #1: Getting to know HTML & CSS
• Deciphering the Box Model
• Project: Slack’s About Page (Part 2)
• Creating Layouts
• Moving Elements Around the Page
• Project: Slack’s About Page (Part 3)
• Quiz #2: Box Model and Positioning
• CSS Colors
• Styling Text
• Project: Slack’s About Page (Part 4)
• Styling Backgrounds
• Quiz #3: Styling Text, Backgrounds & Gradients
• Making Lists
• Adding Images, Videos and Audio
• Project: Slack’s About Page (Part 5)
• Building Interactive Forms
• Quiz #4: Lists, Media and Forms

Part 2: Advanced HTML & CSS

• Creating Tables of Data
• Tips for writing better HTML code
• Tips for writing better CSS code
• Quiz #5: Tables and Best Practices
• CSS Variables
• Advanced CSS Positioning
• Complex CSS Selectors
• Quiz: Performance, Organization, Positioning and Selectors
• HTML & CSS Preprocessors
• CSS Transforms
• CSS Transitions and Animations
• Quiz: Transforms, Transitions, Animations, Feature Support, Semantics.
• How to write HTML and CSS on your own computer