HTML Semantics & CSS Selectors
Join us for an Awesome Workshop on:

HTML Semantics & CSS Selectors

Jen Kramer
Jen Kramer
Freelance Instructor
June 21 to 22, 2022 - 9:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

Watch the Full Course

HTML Semantics & CSS Selectors

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • Learn about combinator and attribute selectors.
  • Create selectors leveraging pseudoclasses and pseudoelements.
  • Understand inheritance and how to leverage it in styling your document.
  • Describe the cascade, detailing the five rules in determining styling.
  • Leveraging selectors, inheritance, and the cascade, create web pages with fewer classes and more succinct and meaningful HTML.

Your (Awesome) Instructor

Jen Kramer

Jen Kramer

Jen Kramer has taught HTML and CSS for all skill levels in academic and commercial settings for over 20 years. She is the author of over 70 video training courses and three books.

Spend A Full Day Immersed in HTML Semantics & CSS Selectors with Jen Kramer

Workshop Details

HTML is the bridge between content and code. The big "C" in CSS stands for the cascade. Unfortunately, little time is spent learning what either of these concepts mean or their impact on your code. In this course, learn to leverage semantic HTML, selectors, inheritance, and the cascade, to create web pages with leaner code and more efficient styling.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 9:30AM
    HTML and CSS for HTML and CSS Haters (introduction)
  • 10:00AM
    Ordered and unordered list magic
  • 10:15AM
    Selector review: Elements, classes, IDs, groups, descendents, parent-child, adjacent/general siblings, attributes.
  • 11:00AM
    Advanced lists: "Child" and "of-type" pseudoclasses, ::marker pseudoelement
  • 11:30AM
    Menus: links vs buttons and styling them
  • 12:00PM
    Lunch and list exercise
  • 12:45PM
    Parts is Parts of the Web Page: reviewing content sectioning and its importance
  • 1:45PM
    Content sectioning and layout exercise
  • 2:15PM
    Inheritance
  • 3:00PM
    Specificity
  • 3:45PM
    Cascade
  • 4:30PM
    Challenge - Designing without classes
  • 5:30PM
    Wrapup
Expand...

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

Starting your web development journey? Or you've done this for a while, but you just hate CSS because it never makes sense to you? Jen Kramer specializes in explaining *why* something works, not just *how* to do it.

Any Prerequisites?

  • Working knowledge of HTML and CSS required. If you have the background from the Frontend Masters Bootcamp, that will be enough to get you going with this workshop.

Event Details

What

2 Full Day Workshop Sessions

Replay Videos (available immediately)

When

June 21 to 22, 2022 - 9:30am to 5:30pm Central Daylight Time

Where

Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN