VS code inštalácia

Zhrnutie prednášky

Video ukazuje stiahnutie a inštaláciu editora Visual Studio Code od Microsoftu, ktorý sa bude používať na výuku front-end vývoja v HTML, CSS a JavaScripte. Lektor prejde inštalačným procesom vo Windows, základným prostredím editora, nastaveniami (napr. veľkosť písma) a rozšíreniami vrátane témy vzhľadu a rozšírenia Live Server. Následne otvorí priečinok, vytvorí súbory index.html, styles.css a app.js a pomocou skratky s výkričníkom a klávesu Tab vygeneruje základnú kostru HTML dokumentu. Vysvetlí párové a nepárové značky (tagy), napíše názov a text stránky a cez Live Server ju zobrazí v prehliadači, kde sa po uložení (Ctrl+S) automaticky obnoví.

• - Visual Studio Code je bezplatný editor od Microsoftu, ktorý sa sťahuje z oficiálnej stránky pre daný operačný systém.
• - Funkcie editora sa dajú rozširovať cez panel Extensions, napríklad o témy vzhľadu, ikony alebo podporu jazykov.
• - Rozšírenie Live Server spustí lokálny server a po uložení súboru automaticky obnoví stránku v prehliadači.
• - Základné súbory webu sú index.html, styles.css a app.js; názvy sú ľubovoľné, dôležitá je len prípona.
• - Napísanie výkričníka a stlačenie Tab vygeneruje kostru HTML dokumentu s tagmi html, head, title a body.
• - HTML (HyperText Markup Language) sa skladá z značiek (tagov), ktoré sú väčšinou párové so začiatkom a koncom, niektoré, napríklad meta, sú nepárové.
• - Title určuje názov stránky v prehliadači a obsah v body je to, čo sa zobrazí na stránke; vzhľad bude riešiť CSS.

Zhrnutie pripravené s pomocou AI z prepisu videa.