Past Meetup

CSS.la Study Group #4: Naming Conventions in CSS [Hollywood]

This Meetup is past

39 people went

Fender Musical Instruments

1575 North Gower Street · Los Angeles, CA

How to find us

Fender is located within Columbia Square on Sunset & Gower. Free validated parking! See event description for details.

Details

There is a popular saying in Computer Science:

"There are only two hard things in Computer Science: cache invalidation and naming things." -- Phil Karlton

In this 4th installment of the CSS.la study group, we will explore solutions for the latter: naming our selectors in CSS. Adopting a strategy for naming will greatly improve the organization, re-usability, and readability of your code!

This month we will be in Hollywood, graciously hosted by Fender Guitars at their office at Sunset and Gower.

Agenda:

6:30 - 7:00ish – Arrive and have some food!
7:00 - 7:45ish – Introduction to naming conventions, then digging deeper in semantic naming (BEM) and presentational naming (atomic/functional CSS, presented by Lucas Allmon from Fender!)
7:45ish - 9:00 – Pair program in CodePens based on provided exercises, request a demo, or work on whatever you like!
9:00ish – Bye! Have a safe trip home!

We will be keeping track of the agenda and notes and links in this Dropbox Paper: https://paper.dropbox.com/doc/CSS.la-4-Naming-Conventions--AK741kggQubut5W4D1VSNsvZAg-NNwsgZES3OpJAOINatkO3

===================
What to bring:
===================

• Your laptop and charger (or you can always share with someone else and pair program)
• Pen/paper for notes, if that’s your style
• Your curiosity and excitement for CSS, learning, teaching, and coding with new friends!
• Hunger! Our gracious host will provide snacks.

===================
Getting there:
===================

- Fender Guitars will validate parking for everyone at their building!

- Fender is located within Columbia Square on Sunset & Gower. There are two entrances to the garage, one on Gower and one on El Centro. Please self park and take the stairs or elevators up to the 1st floor.

- It's also right off the Hollywood / Vine Metro stop! And remember, if you don't live near a Metro stop, you can always park your car at Metro's Park & Ride lots (http://www.metro.net/around/paid_parking/) and then take the train to Hollywood.

===================
Free CSS Resources:
===================

• CSS-Tricks - Just Starting Out (https://css-tricks.com/guides/beginner/)
• Layout Land by Jen Simmons (https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag)
• Mozilla - CSS Basics (https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics)
• CSS: The Definitive Guide - (https://www.amazon.com/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330)
• CSSConf videos: https://www.youtube.com/results?search_query=cssconf
• Resilient Web Design by Jeremy Kieth (http://resilientwebdesign.com/)
• Also available as a podcast (https://itunes.apple.com/us/podcast/resilient-web-design/id1183700985?mt=2)
• A Book Apart – short, wonderful books about web design topics! (https://abookapart.com/)

===================

*** All attendees at Learn Teach Code events are expected to abide by the Girl Develop It Code of Conduct: http://www.girldevelopit.com/codeofconduct

*** Want extra coding help? Join the Learn Teach Code room on Slack (and ask about the CSS.la channel!): https://learnteachcode.herokuapp.com/

*** Want to get more involved? We always need more help! You can help with or host a study group, provide mentorship, or volunteer for other fun stuff. Let us know on Slack or in person!