Here's some resources for learning Front End Web Development:

Theory

Atomic Design

  • Atomic Design Book - Thorough book by Brad Frost about the mental model of breaking apart modular components using a biological analogy of Atoms, Molecules, and Organisms.

BEM

Organization

  • SMACSS - Really only use this as a starting point for thinking about the cascading series CSS duties. Moving to more purely component-driven architecture (with the help of build tools), makes this a little obsolete eventually. Still good to know.

Techniques

Topics

Delivery

Pattern Lab

Tools