5. diel - Databázový klient v Angular - Sprevádzkovanie routovanie
V predchádzajúcom kvíze, Kvíz - Úvod, prvá aplikácia a databázový klient v Angulare, sme si overili nadobudnuté skúsenosti z predchádzajúcich lekcií.
V minulej lekcii, Kvíz - Úvod, prvá aplikácia a databázový klient v Angulare , sme pripravili adresárovú štruktúru projektu, stiahli sme hotový kód servera a šablónu Angular klienta. Dnes sa naučíme routovat a napíšeme si prvé komponent, ktorú využijeme pri routovanie.
Bootstrap
V rámci tohto kurzu sa nebudeme zdržovať písaním vlastného CSS, ale
pretože chceme, aby naše aplikácie nejako vyzerala, využijeme CSS triedy
front-end frameworku Bootstrap. Preto ešte
než začneme s písaním našich komponentov, presunieme sa do zložky
client/ a nainštalujeme tento framework príkazom:
npm i bootstrap
Zostáva ešte importovať Bootstrap framework do našej Angular aplikácie. Ponúka sa nám dva spôsoby:
- upravenie
angular.json - Import priamo do
styles.css
Ukážeme si tu obaja, aký využijete je na vás. Ja v projekte použijem ten
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
36 €
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V Angular tutoriále si nainštalujeme knižnicu Bootstrap a napíšeme si prvé komponent pre zobrazenie zoznamu filmov. Ďalej si ukážeme základy routovanie.