Sass - Út a professzionális CSS kódoláshoz

InformációÉrdeklődés
Tisztelt érdeklődő!
Jelenleg a tanfolyamnak nincs konkrét időpontja. Amennyiben érdeklődőként regisztrálja magát, elősegíti a tanfolyam mielőbbi megszervezését.
Várjuk jelentkezését!
Érdeklődés

Már jó ideje lehet arról tudni, olvasni, hogy léteznek olyan kiterjesztések, amelyekkel sokkal hatékonyabban lehet írni és karbantartani a komplex CSS fájlokat. Ezek a kiterjesztések olyan lehetőségeket biztosítanak, mint a

  • változók használata,
  • elágazások, ciklusok
  • egymásba ágyazott szabályok,
  • kiválasztók öröklődése

 A két legismertebb CSS kiterjesztés a LESS és a Sass. Mindkettőt kiterjedten használják a professzionális Site Builderek. Az Interneten olvasható számos összehasonlítás eredménye szerint a mérleg nyelve a SASS irányába billen, ezért mi is ezt a kiterjesztést választottuk.

 

SASS =  Syntactically Awesome Stylesheets

 A folyamatot úgy kell elképzelni, hogy a CSS fejlesztés SASS szintaktika szerint zajlik, majd egy fordító a natív Sass kódot (SCSS), átfordítja szabványos CSS-re. Mindez persze dinamikusan történhet.

 A Sass-ban éppen az a nagyszerű, hogy a meglévő webfejlesztési munkafolyamatba szépen belesimulhat, és a meglévő CSS tudást nem kell eldobni. A Sass úgy épül rá a CSS-re, mint hab a tortára. Alkalmazásával sokkal élvezetesebb és hatékonyabb lesz CSS stíluslapokat írni.

 Ezen az egynapos, intenzív tanfolyamon bemutatjuk, hogy a hétköznapi webfejlesztés közben hogyan tudjuk kiaknázni a Sass előnyeit. Megnézzük, hogy a Sass-t hogyan kell feltelepíteni, használni, és milyen trükkökkel tudjuk könnyebbé tenni a fejlesztést.

Óraszám: 8 tanóra (1 tanóra: 45 perc)
Minimum létszám: 5 fő

Tandíj: 25.000 Ft /fő + ÁFA

Kedvezmény: 800 Ft + ÁFA (részletek)

Részletfizetés: nincs, a tandíjat egy összegben kell befizetni

Célközönség:

A tanfolyamot olyan web fejlesztőnek, webdesignernek, sitebuildereknek ajánljuk, akik már rendelkeznek HTML és CSS alapismeretekkel. A megszerzett tudás jól használható a statikus és a CMS alapú weboldalak fejlesztésekor is.

Belépési feltétel:

 Stabil HTML és CSS alapismeretek

Igazolás: Tanúsítvány
Időbeosztás:

 Egy napos képzés, az aktuális kiírás szerint,

Tematika:
 
Bevezető- A CSS preprocesszorokról általában
- A Sass, mint CSS preprocesszor
- A Sass és a hagyományos CSS összehasonlítása
- A Sass szintaktikája
- A Sass fordítóprogramokról
Sass beillesztése a fejlesztői környezetbe- Parancssoros és GUI-s lehetőségek áttekintése
- Egy keresztplatformos, GUI-s Sass fejlesztőeszköz telepítése és használata
Változók használata a CSS-ben- Egyszerű változók használata
- Globális és lokális változók
Kalkulációk- Összeadás, kivonás, szorzás, osztás
- Matematikai függvények használata
Függvények- Színfüggvények használata
- Saját Sass függvény készítése
Beágyazások- Egyszerű beágyazás (leszármazott kiválasztó)
- & referencia
- Névteres tulajdonságok beágyazása
Moduláris fejlesztés-Több Sass fájl használata, Partials
- @import
Újrahasznosított CSS szabályok (Mixins)- Egyszerű mixin készítése és használata
- @ include
- Paraméterezhető mixin készítése és használata
- Feltételfüggő mixin készítése (@if/@else)
Örökített CSS szabályok (extend)- Egyszerű örökítés
- Többes örökítés
- Örökítések láncolása
Sass és a responsive design- Media query-k használata a Sass-ban
- Egyszerű responsive rács kialakítás változókkal, ciklussal



Érdekel Megosztás

Webmester kategória többi tanfolyamai: