We now have our running Aurelia application and know all the basic principles of JavaScript programming. Our Hello World! message appears on screen, but don't you think it is a little simple and static? In this chapter, we will explore how to add style to our application using modern tools such as SASS and LESS. Also, we will talk about the most important styling libraries used nowadays such as Bootstrap, Semantic UI, and Material Design. Finally, with all this previous learning, let's make our application look cool, awesome, and attractive by configuring our project to use the Aurelia-Materialize plugin. Some of the tools we are going to use for this purpose are:
- CSS preprocessors: SASS, LESS
- Task automation tools: Gulp
- CSS libraries: Bootstrap, Material Design, Semantic UI
Sounds exciting? We know yes, first we need to start talking about...