WEB-SASS
A SASS/SCSS alapjai
Ismertető
A tanfolyam során a tanulók megtanulják használni a SASS/SCSS preprocesszort, mely segítségével hatékonyabb, dinamikusabb CSS kódot tudnak írni, ez pedig fejlesztést egyszerűbbé, és gyorsabbá teszi.
Az órák során gyakorlati példák alapján elsajátítják az SASS/SCSS alapjait, és a UI komponensekhez tartozó CSS kód moduláris szervezését, mely nagyban növeli az újra felhasználhatóságot. Mindezt egy modern kódszerkesztő program a Visual Studio Code segítségével. Ezenkívül a fejlesztés során használt Best practice-eket is megismerik.
Tematika
- Szükséges softwarek telepítése
- Mi az a CSS preprcesszor?
- Mi az a SASS/SCSS?
- Mi a különbség a SASS, és az SCSS között?
- Nesting, parent selector, BEM
- Variables, scope, shadowing, interpolation
- Custom properties
- Placeholder selector
- Operators
- Values, debugging
- Partials
- Modules, built-in modules
- Mixin, Extend,
- Az if else utasítás
- Ciklusok használata: for, each, while
- Functions
Szükséges előképzettség
HTML, haladó CSS, programozási alapok szükségesek a tanfolyam elvégzéséhez, vagy A vállalati webfejlesztés alapjai képzésünk elvégzése.