Sass - Út a professzionális CSS kódoláshoz
Tisztelt érdeklődők!
Tanfolyamainkat a jelenléti képzések mellett Élő virtuális tantermi rendszerben is szervezzük. A képzések élőben zajlanak, ugyanúgy, mintha a tanteremben ülne. Önnek csak a Webinar szoftvert kell telepíteni.
Részleteket tájékoztató oldalunkon olvashat.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.
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.
Stabil HTML és CSS alapismeretek
Egy napos képzés, az aktuális kiírás szerint,
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 |