Front End: Architecture to optimisation

junaidmasoodi
nidaismailshah

Agenda:

In this session, we will be discussing about two important aspects of CSS - Architecture and Optimization

Some of the questions that we will be answering during the session include

  • What is CSS Architecture?

  • BEMCSS Block, Element & Modifier - What is BEMCSS?

  • What makes BEMCSS better than plain old CSS?

 

Optimisation comes from performance and from lean code. While discussing optimization, we will cover:

  • What are the best possible ways of writing Lean and Performance hungry code.

 

How useful is optimization if you have no standard way of benchmarking it?

So we will also take a peek at Automating performance testing with Gruntjs.

Who is this presentation for:
From barebone Developer to Performace lover.

 

What can you expect to take away from this session:

  • ​How to architect good Front-End.
  • Do's and Dont's.
  • How to optimize CSS (Preprocessor)
  • Why is important to write component based styles?
  • How to Performance Test your CSS?

 

Session Track

Front End

Experience Level

Intermediate

Drupal Version