The goal of this training is to help people who have are familiar with CSS but find it frustrating, or want to learn more about how it works. We'll start by talking about how CSS was designed to work, what it wants to do, and then talk about the major parts of it.
We won't be focusing much on syntax, that can be googled, the goal is to help you understand it so it doesn't feel frustrating, random and buggy.
We'll be going over:
- CSS Layout in 2018 (how to use grid, flexbox, and when to use the old stand bys)
- Document flow, who can be your best friend (but may currently be your enemy)
- CSS architecture with topics like:
- Code writing tips and organization that can help keep CSS maintainable
- Different approaches to class names and applying CSS and their pros/cons
- Gotchas, tips, and myth busting on performance, organization, integrating CSS with your CMS (we'll use Drupal as the example)
- Tips on building CSS in an existing system, or creating on of your own
- Debugging CSS
- The tools to debug
- How to debug different kinds of layout issues
- Exercises/examples of common bugs
- Transitions/Animations in CSS
- Advanced CSS techniques and tricks
- Favorite tips and tricks (guest speakers and audience participation welcome!)
Track
Front-End
Trainers
Wes Ruvalcaba
Senior UX & UI Developer @ Red Hat
