Css Frameworky 1

Zhrnutie prednášky

Video je úvodom do CSS frameworkov, ktoré predstavujú hotové knižnice s predpripravenými webdizajnovými komponentmi, vďaka ktorým možno rýchlo vytvoriť vzhľadnú stránku a sústrediť sa na JavaScript. Spomenuté sú Tailwind CSS (veľmi prispôsobiteľný, ale nízkoúrovňový), Bootstrap a Materialize, pričom lektor si vyberá Bootstrap. Ukazuje, ako do HTML stránky vo Visual Studio Code vložiť odkaz na CSS do hlavičky a JavaScript na koniec tela, a poukazuje na nevýhodu načítavania celej knižnice. Po výmene zastaranej verzie 3.4.1 za aktuálnu verziu 5 (beta 3) prechádza dokumentáciu komponentov (tlačidlá, dropdowny, input groups, navigácie) a do stránky kopíruje ukážkový navbar s logom, odkazmi, rozbaľovacím menu a vyhľadávaním.

• - CSS framework je hotová knižnica s predpripravenými komponentmi, ktorá urýchľuje tvorbu stránky.
• - Tailwind CSS je veľmi prispôsobiteľný, ale nízkoúrovňový a bez predpripravených komponentov, preto sa na kurze používa Bootstrap.
• - CSS odkaz z Bootstrapu patrí do hlavičky (head) a JavaScript na koniec tela stránky.
• - Nevýhodou frameworku je nutnosť načítať celú knižnicu pred zobrazením stránky.
• - Pri kopírovaní odkazov treba dať pozor na verziu; použitá bola novšia verzia 5 (beta 3) namiesto 3.4.1.
• - Dokumentácia Bootstrapu ponúka komponenty ako tlačidlá, dropdowny, input groups, navigácie a navbar.
• - Ukážkový kód navbaru stačí skopírovať do tela stránky a okamžite vytvorí funkčnú navigáciu.

Zhrnutie pripravené s pomocou AI z prepisu videa.