Exercise 1

Setting Up

 - Using vs code 
 - Go to exercise 1 folder
 - Run npm install in your terminal
 - Run npm run prod in your terminal
 - Install and run live server extension and access index.html

Laravel Mix

 - Used mix for simplified webpack configuration

SASS/SCSS

 - Used sass pre-processor, to have nested rules, mixins and imports

BEM, ITCSS and Bootstrap

 - Used BEM as a naming convention for css classes for readability of elements and its scope
 - Used ITCSS as file structure to organize my css files
 - Used Bootstrap utility classes

Exercise 2

Setting Up

 - Using vs code 
 - Go to exercise 2 folder
 - Run npm install in your terminal
 - Run npm run serve in your terminal

Banana

- The plus sign before the second 'a' makes the code coerces a string to a number which will return a NaN (not a number),
- Normally 'b' + 'a' + 'a' + 'a' will just return 'baaa', but because of the plus sign before the second a it returns a baNaNa,
- '.toLowerCase()' transforms the string to lowercase including na NaN.