Frontend Styleguide

Table of Contents

• Intro

• HTML5

  • Markup Languages
  • Semantics
  • Language features
  • Language styleguide
  • Techniques

• Style

  • Semantics
  • CSS
    • Specificity
    • BEM
    • SMACSS
    • Language features
  • SCSS
    • Compile SCSS
    • Language features
    • Writing SASS with BEM
    • Pattern Library
    • Styles in Angular

• Javascript/TypeScript

  • Basics
  • Advanced
  • OOJS

• JSON

• Markdown

• Angular 1.x

  • TDD
  • Modularity
  • Naming conventions

• General

  • Modularity
  • DRY principles
  • Documentation
  • Performance
  • Pattern Library

• Tools

  • Chrome Developer Tools
  • Linting & testing

• Workflow

  • Grunt/Gulp
  • Git
  • Merging
  • Branching
  • Deploying
  • Using UAT
  • Ticket lifecycle

• Design

  • Responsive
  • Mobile
  • Accessibility
  • Usability
  • Consistency

• Working with others

  • Establishing requirements
  • Giving estimates
  • Interfacing with PMs/stakeholders
  • Communication
  • Collaborating with other developers
  • Pushing back