Laboratorul 4

️Prezentare generală

Foi de stiluri in cascada (CSS)

Pagina cursului

Prezentarile de la curs

Resurse de interes

Regulament intern

Pagina laboratorului

Aspecte privind evaluarea activitatii

Detalii despre proiectele practice

Intrebari frecvente

Slide-uri laborator

📖 Resurse

• BEM - Introduction
• BEM by Example
• BEM 101
• Sass Basics
• Sass Guidelines

💻 Exerciții laborator

• Exercitiul 1 - Sa se refactorizeze codul dupa metodologia BEM
  • bem.html
  • bem.css
• Exercitiul 2 - Sa se refactorizeze codul de la exercitiul 1 folosind SCSS sau SASS
• Exercitiul 3 - Capstone Project - Construiti o pagina de omagiu a unei personalitati preferate folosind toate cunostintele din laboratoarele anterioare.
  • Se va folosi doar HTML si CSS. Se poate apela la SASS/SCSS compilat CSS
  • Pagina trebuie sa fie responsive pentru cel putin 3 scree-size-uri diferite(mobil, ipad, laptop)
  • Codul HTML si CSS trebuie sa fie valid si sa urmeze bunele practici pentru conventiile de nume si structura.

Validare HTML: aici
Validare CSS: aici

🏠 Exerciții suplimentare

SCSS Exercises, SASS - CodinGame,