Bootstrap 4 with Sass
Ez a kurzus feltárja a különbségeket a rendszeres Bootstrap és az új Sass-vezérelt változat, Bootstrap 4, és megmutatja, hogyan kell használni a Sass-kompatibilis funkciók építeni több testreszabott oldalak.,
Ez a tanfolyam tartalma:
- Beállítása
- Testreszabása A Telepítés
- Dolgozik A Globális Bootstrap Beállítások
- A Közüzemi Mixins
ezen A tanfolyamon megtanulod, hogyan kell telepíteni, hogy a könyvtárak hozzáadása egyéni betűtípus, ikonok, animációk; használja Sass változók, térképek, mixins, hogy hozzon létre egyéni elrendezés; módosítsa a globális beállítások; valamint testre meglévő összetevők CSS, valamint Sass.
SASS-a teljes SASS tanfolyam (CSS előfeldolgozó)
SASS-Learn SASS, a legnépszerűbb CSS kiterjesztés., Építsd modern és szép projektek segítségével Sass és sok CSS
ebben a kurzusban, akkor megtanulják, hogyan kell:
- építeni a modern és szép honlap — étterem “Georgia”.
- strukturálja a kódot a Sass segítségével.
a Sass alaptémáiból indul ki, mint például a Sass fordító telepítése, változók és mixinek létrehozása a tömörebb és rugalmasabb kód megírása érdekében.
is, akkor kiterjed témák, mint: kiterjesztése, helyőrző kiválasztók, funkciók, Import, és partials.
ezután néhány speciális dolgot fed le a SASS – ben., A SASS adattípusokról, az Interpolációról, a hurkokról és az If Direktíváról itt olvashat bővebben.
A tanfolyam során részletes magyarázatokkal találkozhat arról, hogyan működik a SASS, továbbá bemutatja a modern gyakorlatokat és megoldásokat.
Living Style Guide létrehozása Sass és Vanilla JavaScript segítségével
Ez a kurzus megtanítja, hogyan hozhat létre egyedi stílus útmutatót globális segítőkkel és újrafelhasználható komponensekkel, amelyeket újrahasznosíthat különböző projektekben.
ebben a kurzusban megtudhatja, hogyan lehet:
- azonosítani a tervezési rendszer építőköveit.,
- fordítsd ezeket az építőelemeket moduláris stílusokra és újrafelhasználható komponensekre.
itt, akkor kap a képesség, hogy építsenek egy stílus útmutató, amely foglalkozik ezekkel a kérdésekkel egy alapvető szinten, és hidak a különbség a tervezés és a fejlesztés.
meg fogja vizsgálni, hogyan adhat hozzá stateful stílusokat a felhasználói interakcióhoz, valamint hozzáférhetőséget a különböző igényű felhasználók számára.
Ha befejezte ezt a tanfolyamot, akkor megvan a készségek és ismeretek stílus útmutató vezérelt fejlesztés szükséges építeni egy könnyű, egyéni stílus útmutató.,
Learn Sass
Ez a kurzus megtanítja, hogyan kell használni fészkelő, változók, mixinek, helyőrzők, és funkciók írni kifejezőbb és újrafelhasználható stílusokat.
ebben a kurzusban megtanulod, hogyan kell:
- stílus a saját limonádé stand honlapján összeállításával Sass és tanulás használni változók és beágyazott szelektorok.
- használja a mixineket és a & választót, hogy interaktív indexkártyát hozzon létre, amely lebeg, amikor lebeg.
- használja a Sass funkciókat, hurkokat és feltételeket a weboldal különböző összetevőinek stílusához.,
- értsd meg a legjobb Sass gyakorlatokat, mint például a részleges fájlok, helyőrzők és @import.
a kurzus végén egy CSS-kódbázist át lehet alakítani SCSS-re, és több weboldalt is stílusosíthat.
A Sass tanfolyam! Ismerje meg a Sass – t a valós webhelyek számára
útmutató a Sass megtanulásához, javítsa a munkafolyamatot és a stílus időtakarékos, tiszta webhelyeit.,
Ez a tanfolyam kiterjed:
- Design & kód egyéni honlapok, sokkal gyorsabban, mint azelőtt
- Stílus weboldalak használata Sass bizalommal a könnyű
- a Sass Valós Világ Projektek
- Telepítés lehetőséget & összeállításához Sass, gyorsan, egyszerűen a parancssorban (illetve egyéb eszközök)
- Optimalizálja a Sass Munkafolyamatot a Keretrendszerek, mint Iránytű, Bourbon, Rendezett
- a Stílus egy gyönyörű Portfólió céloldal (hogy tudod használni, mint A portfólió!,onment, valamint a munkafolyamat
- Értem legjobb gyakorlatok stílus skálázható weboldalak
- Használja megérteni Változók, Részleges, illetve az Import, hogy a stíluslapok hihetetlenül rugalmas, könnyen navigálható
- Kód Mixins annak érdekében, hogy megmentse a billentyűleütéseket, valamint újrahasznosítás CSS stílusok
- kihasználni Kiterjed annak érdekében, hogy megosszák darabokat a CSS tulajdonságok kombinátor
- Értem, hol többet, kiterjeszti a tudás Sass
- – Hozzáférés a közösségi hasonló gondolkodású tervezők, programozóknak, illetve a diákok
Speciális CSS, valamint Sass: Flexbox, Rács, Animációk, valamint Több!,
a legfejlettebb és legmodernebb CSS tanfolyam az interneten: master flexbox, CSS Grid, responsive design, és még sok más.
Ez a kurzus kiterjed:
- tonna modern CSS technikák létrehozása lenyűgöző minták és hatások
- speciális CSS animációk @keyframes, animáció és átmenet
- hogyan CSS működik a színfalak mögött: a kaszkád, specificitás, öröklés, stb ..
- CSS architektúra: komponens alapú tervezés, BEM, újrafelhasználható kód írása stb.,
- Flexbox layouts: építs egy hatalmas valós projektet flexbox
- CSS Grid layouts: építs egy hatalmas valós projektet CSS Grid
- segítségével Sass valós projektekben: globális változók, architektúra CSS, média lekérdezések kezelése stb.
- Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, stb .. ,
- reszponzív képek HTML-ben és CSS-ben a gyorsabb pageloads
- SVG képek és videók HTML-ben és CSS-ben: háttér videó effektus létrehozása
- az NPM ökoszisztéma: fejlesztési munkafolyamatok és építési folyamatok
komplex CSS animációkat, fejlett reszponzív tervezési technikákat, flexbox elrendezéseket, Sass-t, CSS architektúrát, alapvető CSS fogalmakat és még sok mást.,
befejezése Után ez a tanfolyam, akkor:
1), hogy a sebesség a legtöbb modern, haladó CSS tulajdonságok módszerek;
2) Már elsajátította az élvonalbeli elrendezés technológiák Flexbox, valamint CSS Rács;
3) készen áll, hogy építeni érzékeny elrendezés minden olyan eszközök, valamint helyzetekben;
4) Igazán értem, hogy CSS dolgozik a színfalak mögött;
5) képes Lesz arra, hogy építész nagy CSS codebases a reusability, valamint karbantartási segítségével Sass.
Ez a tanfolyam hatalmas, 20 + óra múlva érkezik.,ges HTML-ben és CSS-ben a gyorsabb pageloads: felbontás váltás, sűrűség váltás, művészeti irány;
• SVG képek HTML és CSS: hogyan és miért kell használni SVG, generáló SVG sprite, változó SVG színek CSS és a legjobb gyakorlatok;
• Videók HTML és CSS: épület egy háttér videó hatás;
• Flexbox elrendezések: fő fogalmak, bevezetés mind flex konténer és flex elem specifikus tulajdonságok, fejlett pozicionálási technikák alkalmazott egy hatalmas valós projekt;
- CSS grid layouts: fő fogalmak, CSS Grid vs flexbox, és layout alkalmazott technikák egy valós projekt.,
Learn SASS and SCSS
Supercharge your CSS! Szabadítsa fel a CSS előfeldolgozás előnyeit a SASS és SCSS segítségével.,
- létrehozott egy SAAS projekt
- Megérti, alkalmazza SAAS fészkelő
- a, valamint alkalmazni a koncepció a Szegmentálás
- Integrálni SAAS Változók Dolgozni
- Értem SCSS Mixins, valamint SCSS Funkciók
- Saját Mixins
- Tudom majd alkalmazni a Legjobb Gyakorlatok
Ne pazarolja az időt, tépte a haját, több, mint zavaros, vagy gyenge teljesítményű CSS.
9. Sass-Beginner Crash Course
Take your CSS to the next level & Speed up your web development process with Sass.,
a tanfolyam Után,
- akkor képes lesz arra, hogy megírja könnyen fenntartani az objektum-orientált CSS változók, mixins funkciók,
- A felgyorsítja a web fejlesztési folyamat, több munka, kevesebb kód, kevesebb ismétlés
- tudni fogja, hogyan kell írni a saját egyéni mixins építeni még gyorsabb
- Meg fogod érteni, hogyan kell elvégezni a matematikai számítások közvetlenül a stíluslap a szereplők, mind a funkciókat,
Sass (Szintaktikai király stíluslapok) ez egy CSS használható.,
és aktívan támogatja egy nagy közösség a fejlesztők, hogy maradjon előre.
míg a CSS nagyszerű nyelv, van néhány korlátozása.
minden webfejlesztő vagy front-end UI mérnöknek előprocesszor nyelvet kell használnia a hagyományos CSS-hez képest
a Sass — Beginner Crash tanfolyamon felfedezheti a SASS erejét, és megtanulhatja, hogy a CSS-t a következő szintre vigye. Több demonstrációval és példával. látni fogja a processzor előtti nyelv teljesítményét.,
Bevezetés a Sass-hez a CSS-hez
Ismerje meg a SASS-t, a CSS előprocesszor kiterjesztését, amely kicsit könnyebbé teszi az életét.
- Építeni figyelmeztető panelek Sass
- Configure Sass fejlesztés
- Mester CSS hatékonyság Sass
Összeállításához, valamint a munka az alapvető jellemzői a Sass Tanulni stylesheet language kompatibilis bármilyen CSS verzió Szervezni a CSS-t, hogy olvashatóbb legyen a Configure Sass fejlesztési mester pedig CSS hatékonyság
Ez a kurzus célja a webes tervezők, web fejlesztők, valamint bárki mást, aki már van egy működő tudás, CSS., Nem terjed ki a Sass telepítésére vagy a szövegszerkesztő konfigurációjára, hanem egyenesen előre ugrik, hogy gyakorlati, valós példákkal dolgozzon a Sass működésében. Ezért ez a kurzus nem alkalmas olyan hallgatók számára, akik korlátozott vagy nem ismerik a CSS-t.
ebben a kurzusban többek között a Sass alapvető jellemzőivel, például változókkal, örökléssel, fészkeléssel és mixinekkel fog foglalkozni. Meg fogja tanulni, hogyan kell építeni riasztási panelek, hogyan kell beállítani Sass fejlesztés, valamint hogyan kell elsajátítani CSS hatékonyság Sass, így a kód olvashatóbb, tömörebb.,
befejezése után ezt a tanfolyamot akkor a végén egy szilárd ismerete Sass, amely akkor képes lesz arra, hogy végre azonnal. És ami még jobb, akkor újra felfedezték, mi tette CSS szórakoztató az első helyen!
Learn SASS: optimalizálja a CSS készségek a Windows & Mac OSX
megtanulják, hogy írjon gyorsabb és hatékony CSS SASS, a végső CSS pre-processor kiterjesztés., (Ingyenes)
Web fejlesztők, tervezők munkáját a CSS-t, naponta, minden ott internetes tevékenységek, projektek., CSS lehet időigényes, bonyolult, kaotikus. A SASS az összes CSS-probléma megoldása. SASS lehetővé teszi, hogy építsenek a meglévő CSS Tudásbázis anélkül, hogy feláldozni időt.
ebben a kurzusban megtanulod, hogyan kell gyorsabban és karbantarthatóbb CSS-t írni a SASS használatával. Meg fogja tanulni, hogyan kell írni és lefordítani SASS Visual Studio 2015 A Windows operációs rendszer és Visual Studio kódot a Mac OS X.
tanulás Sass-CSS csak kapott izgalmas.
tanulja meg a CSS feltöltését a Sass segítségével., Egy könnyen követhető tanfolyam, amely mindent elmond, amit tudnia kell a Sass-ról.
Ez a Sass tanfolyam a végtelen készségekből mindent megtanít, amit tudnia kell erről a CSS stíluslap kiterjesztési nyelvről. Ez a tanfolyam az abszolút kezdő számára készült, ami azt jelenti, hogy nincs szükség előzetes ismeretekre a Sass-ról, azonban a CSS és a HTML alapvető megértése ajánlott. Először megtanulod, hogyan kell telepíteni és használni a Sass-t mind a Windows, mind a Mac operációs rendszeren, majd ugorj be a változók megismerésébe és a fészkelésbe., Ez a videó tanfolyam megtanít a partikról, a Sass Mixinekről és a fejlett öröklési technikákról. Végül, meg fogja tanulni, hogyan kell integrálni Sass WordPress és Ruby on Rails., hasznos segédprogramok
A tanfolyam magában foglalja a következő témákat,
- Telepítés lehetőséget Iránytű
- Integrálni Iránytű SASS
- Fedezze fel Iránytű Keretrendszer
- a, s Tudom, hogy mit Sprite
- Tudja, hogyan kell létrehozni eladó előtagok használata mixins
- Integrálni Iránytű, valamint SASS belül nagy IDE-tehát a folyamat összeállítás lesz automatizált, nem veszíted el a drága időt
- A mixins/funkciók
az alkalmazás keretrendszer (könyvtár) a SASS ami azt jelenti, hogy a belsejében is rengeteg hasznos segédprogramok -jelenik meg, hogy be ez a tanfolyam.,
Ezek a segédprogramok időt takaríthatnak meg a webhelyek fejlesztésével. Segítségével iránytű, akkor a különböző funkciók / mixins által létrehozott más programozók, amit általában kell írni a saját.
hogy a weboldal betöltése gyorsabb Sprite belül Compass. A Compass segítségével azonnal létrehozhat Sprite-okat. Ha nem tudod, mi a Sprites, nézd meg az ingyenes leckét a Sprite-okról, és látni fogod, hogy ezt a kurzust érdemes megtenni.
A következő lépés a Sass és iránytű
vegye a Sass készségek a következő szintre., Ismerje meg, hogyan kell használni a matematika, listák, ellenőrzési irányelvek és iránytű kódolni gyorsabb.,li>
A Következő Lépés, hogy Sass pedig Iránytű közbenső szintű tanfolyam, Sass, hogy az emberek, akik már ismerik az alapokat, Sass., Ez egy nyomon követési tanfolyam, hogy lépésről lépésre Sass, de lehet kitölteni, aki megérti az alapvető Sass fogalmak változók, mixins, fészkelő, kiterjeszti, szülő kiválasztók.
ebben az osztályban mélyebben belemerülünk a Sass-ba, és megtanuljuk, milyen erős lehet A matematika, a listák és a vezérlési Irányelvek használatával, mint például @for, @each vagy @if and @else. Mindezek a dolgok lehetővé teszik, hogy valójában írja a CSS több, mint egy programozási nyelv, amely lehet, hogy a kód könnyebb fenntartani.
Ez a kurzus valódi projektet használ., Ebben létrehozunk egy CSS csak animált diavetítés, hogy teljesen módosítható a Sass. Felfedezzük az Iránytű keretrendszerét, valamint számos hasznos eszközét és mixinjét. Megtanuljuk, milyen egyszerű a CSS Spritek létrehozása és fenntartása a Compass segítségével, és felfedezzük a sok színfunkciót, amelyeket mind a Sass, mind az iránytű segítségével kap.
a kurzus arra is kitér, hogy a média lekérdezések hogyan működnek a Sass-ban, valamint arra, hogy a @content hogyan segíthet a reszponzív weboldalak fejlesztésében.
amikor ezzel a kurzussal végzett, meg fogja érteni, hogy milyen erős a Sass, és hogyan használhatja azt a munka gyorsabb elvégzéséhez.,
15. Lépésről lépésre Sass
ebben a kurzusban,
- megtanulják, hogyan kell használni a CSS előfeldolgozót alig több mint egy óra alatt.
- értsd meg a CSS előprocesszor használatának előnyeit
- tudja, hogyan kell CSS-t írni a SASS szintaxis használatával, hogy időt takarítson meg
- a Sass használatával fenntarthatóbb CSS
a SASS egy CSS meta-nyelv, amely időt takarít meg, és lehetővé teszi, hogy jobb minőségű kódot írjon. Lépésről lépésre Sass, megtudhatja, hogyan kell használni ezt a nagy teljesítményű előfeldolgozó egyszerű 5-10 perces lépéseket.,
a Sass minden koncepcióját nem kell megértenie ahhoz, hogy használni tudja — amint túljutott a telepítésen és beállította, azonnal elkezdheti használni.
a CSS Sass használatával történő kódolása időt takarít meg — és lehetővé teszi, hogy pontosabb, következetesebb kódot írjon. A tanfolyam kitöltésével töltött idő könnyen elkészíthető a következő webes projekten!
Vélemény, hozzászólás?