COMPONENTS-BEM

Topics:

  • Naming Conventions
  • BEM
  • Constructors with ES6 class syntax

You will be turning the wireframes provided in the markups directory into a page.

Using BEM, create the page with three components: Section, Box, and Dropdown. Using ES6 class constructors, complete the Dropdown component functionality.

Here is some Lorem Ipsum text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce risus nibh, gravida nec felis quis, facilisis facilisis lectus. Nulla ac orci pretium, condimentum orci quis, accumsan nisi. Aliquam erat volutpat. Curabitur cursus mattis libero, at viverra risus hendrerit quis. Fusce imperdiet tristique tortor non tincidunt. Mauris accumsan urna nec augue feugiat porta. Proin vitae magna in ex malesuada laoreet eget a nulla. Aliquam tristique et elit at consequat. In hac habitasse platea dictumst.

Resources

BEM: http://getbem.com/naming/

Constructors (and factory function): https://medium.com/javascript-scene/javascript-factory-functions-vs-constructor-functions-vs-classes-2f22ceddf33e