PugAndFramework_en.md

PUG & SASS learning guide

1. Goal

This section will show you how to develop a web application using PUG & SASS At the end of this section, students will be able to:

• Understanding the nature of PUG & SASS
• Can use the syntax and modules of PUG & SASS

2. Study time

5 days (Calculated by working days, in case of part-time work up to 7 consecutive days from the start date)

3. Document link

• SASS: https://sass-lang.com/guide
• Slide: https://drive.google.com/drive/folders/1mBwT-Qs77RUmiA26mmusRIB_JYGB_GWm?usp=sharing
• PUG: https://pugjs.org/api/getting-started.html
• Slide: https://drive.google.com/drive/folders/1_Q4Fca_abCLUDnYBX0GfBbZfbbfmDpi3?usp=sharing

4. Practical exercise:

• Make a simple page using Pug, SCSS(SASS)
• Example: https://sun-asterisk.vn/

Note

Use class naming rules:

• http://getbem.com/introduction/
• https://goo.gl/BM7D8V