Intermediate HTML & CSS

• Enhanced HTML Vocabulary: Gain familiarity with lesser-known HTML elements and improve semantic markup practices for cleaner and more accessible code.
• Advanced CSS Selectors: Learn to use modern CSS selectors like :is(), :where(), and :has(), enabling more concise and powerful style applications.
• CSS Fundamentals: Understand the complexities of CSS inheritance, specificity, and the cascade, crucial for managing styles effectively.
• Practical Styling Techniques: Apply advanced styling techniques using flexbox and CSS grid to create flexible and responsive layouts.
• CSS Pseudo-Classes and Pseudo-Elements: Master the use of pseudo-classes and pseudo-elements to enhance and simplify your styling strategies.
• Comprehensive Styling Strategies: Learn to style elements without relying heavily on classes, utilizing the full power of CSS selectors and pseudo-classes.

This course takes your HTML and CSS skills to the next level by introducing intermediate concepts and techniques that streamline web development. Jen Kramer guides you through the nuances of CSS selectors and pseudo-classes, ensuring you can create pages with semantic HTML and effective styling. The course focuses on practical applications, using CodePen for hands-on exercises, and delves into the intricacies of CSS such as specificity, inheritance, and the cascade.

• Frontend developers looking to enhance their understanding of HTML and CSS.
• Web designers aiming to implement more advanced CSS techniques.
• Students with a basic knowledge of HTML and CSS wanting to advance their skills.
• Developers interested in writing more semantic and maintainable code.

• Basic understanding of HTML and CSS.
• Experience with web development and familiarity with CSS properties.
• Access to a CodePen account for exercises and examples.

• Introduction: Overview of HTML and CSS misconceptions and the importance of semantic code.
• HTML Overview: Exploration of HTML elements and semantic markup, including lists and accessibility considerations.
• CSS Overview: Introduction to box-sizing, CSS selectors, and attribute selectors.
• Styling Elements: Techniques for styling lists, using flexbox and CSS grid, and working with semantic HTML.
• Pseudo-Classes: Understanding and applying modern pseudo-class selectors like :is() and :has().
• Inheritance and Specificity: Deep dive into CSS inheritance, specificity, and how they affect styling.
• Cascade and Layers: Explanation of the CSS cascade, media queries, and how to manage multiple styling layers.