Web-Dev-For-Beginners/translations/sk

Vývoj webu pre začiatočníkov - učebný plán

Naučte sa základy vývoja webu s naším komplexným 12-týždňovým kurzom od Microsoft Cloud Advocates. Každá zo 24 lekcií sa venuje JavaScriptu, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia prehliadača a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje schopnosti a optimalizujte si osvojenie vedomostí efektívnou projektovo orientovanou pedagogikou. Začnite svoju programátorskú cestu ešte dnes!

Pridajte sa k Discordu Azure AI Foundry a stretnite sa s odborníkmi a ďalšími vývojármi.

Nasledujte tieto kroky, aby ste začali využívať tieto zdroje:

1. Forknite si repozitár: Kliknite na
2. Naklonujte si repozitár: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Pridajte sa k Discordu Azure AI Foundry a stretnite sa s odborníkmi a ďalšími vývojármi

🌐 Podpora viacerých jazykov

Podporované cez GitHub Action (automatické a vždy aktuálne)

Preferujete klonovať lokálne?

Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť na stiahnutie. Ak chcete klonovať bez prekladov, použite sparse checkout:

Bash / macOS / Linux:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

CMD (Windows):

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"

Takto získate všetko potrebné na dokončenie kurzu oveľa rýchlejším stiahnutím.

Ak chcete mať ďalšie preklady, podporované jazyky sú uvedené tu. tu

🧑‍🎓 Ste študent?

Navštívte študentský portál, kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca možnosti, ako získať poukaz na bezplatný certifikát. Túto stránku si odporúčame uložiť medzi obľúbené a občas skontrolovať, pretože mesačne aktualizujeme obsah.

📣 Oznámenie - Nové výzvy s režimom GitHub Copilot Agent!

Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v niektorých kapitolách. Je to nová výzva, ktorú dokončíte pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužívali, dokáže nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a viac.

📣 Oznámenie - Nový projekt na tvorbu pomocou Generatívnej AI

Pridaný nový projekt AI asistenta, pozrite si ho projekt

📣 Oznámenie - Nový učebný plán o Generatívnej AI pre JavaScript práve vydaný

Nezmeškajte náš nový učebný plán Generatívnej AI!

Začnite na https://aka.ms/genai-js-course!

• Lekcie pokrývajú všetko od základov po RAG.
• Interagujte s historickými postavami pomocou GenAI a našej sprievodnej aplikácie.
• Zábavný a pútavý príbeh, zažijete cestovanie časom!

Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie témami ako:

• Promptovanie a návrh promptov
• Generovanie textových a obrazových aplikácií
• Vyhľadávacie aplikácie

Začnite na https://aka.ms/genai-js-course!

🌱 Začíname

Učitelia, pripravili sme niekoľko odporúčaní, ako tento učebný plán využiť. Radi uvítame vaše názory v našom diskusnom fóre!

Študenti, ku každej lekcii začnite prednáškovým kvízom, pokračujte čítaním materiálov, plnením rôznych aktivít a svoju znalosť si overte záverečným kvízom.

Pre lepší zážitok z učenia sa spojte so spolužiakmi a pracujte na projektoch spoločne! Diskusie sú vítané v našom diskusnom fóre, kde sú naši moderátori pripravení odpovedať na vaše otázky.

Pre ďalšie vzdelávanie odporúčame preskúmať Microsoft Learn pre doplnkové študijné materiály.

📋 Nastavenie prostredia

Tento učebný plán je pripravený na spustenie vývojového prostredia! Na začiatku si môžete vybrať spustenie v Codespace (prostredie v prehliadači bez nutnosti inštalácie) alebo lokálne na počítači v textovom editore ako je Visual Studio Code.

Vytvorte si svoj repozitár

Pre jednoduché ukladanie práce je odporúčané vytvoriť si vlastnú kópiu tohto repozitára. Urobíte to kliknutím na tlačidlo Use this template v hornej časti stránky. Tým sa vám vytvorí nový repozitár vo vašom GitHub konte s kópiou učebného plánu.

Postupujte podľa týchto krokov:

1. Forknite repozitár: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky.
2. Naklonujte repozitár: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Spustenie učebného plánu v Codespace

Vo svojej kópii repozitára kliknite na tlačidlo Code a vyberte Open with Codespaces. Tým sa vytvorí nový Codespace, v ktorom môžete pracovať.

Spustenie učebného plánu lokálne na vašom počítači

Na spustenie učebného plánu na počítači budete potrebovať textový editor, prehliadač a príkazový riadok. Naša prvá lekcia, Úvod do programovacích jazykov a nástrojov remesla, vás prevedie rôznymi možnosťami pre tieto nástroje, aby ste si vybrali, čo vám najviac vyhovuje.

Odporúčame použiť Visual Studio Code ako editor, ktorý obsahuje aj vstavaný Terminál. Visual Studio Code si môžete stiahnuť tu.

1. Klonujte si svoje úložisko do počítača. Môžete to urobiť kliknutím na tlačidlo Code a skopírovaním URL adresy:

   CodeSpace

   Potom otvorte Terminál v Visual Studio Code a spustite nasledujúci príkaz, pričom <your-repository-url> nahradíte URL, ktorú ste práve skopírovali:

   git clone <your-repository-url>
   

2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na File > Open Folder a výberom práve sklonovaného priečinka.

Odporúčané rozšírenia Visual Studio Code:

• Live Server - na náhľad HTML stránok priamo vo Visual Studio Code
• Copilot - na rýchlejšie písanie kódu

📂 Každá lekcia obsahuje:

• voliteľnú náčrtok (sketchnote)
• voliteľné doplnkové video
• rozcvičku pred lekciou (warmup quiz)
• písanú lekciu
• pre projektové lekcie podrobné návody krok za krokom, ako projekt vytvoriť
• kontrolu vedomostí
• výzvu
• doplnkové čítanie
• zadanie úlohy
• test po lekcii

Poznámka k testom: Všetky testy sa nachádzajú v priečinku Quiz-app, spolu 48 testov so štruktúrou troch otázok v každom. Sú dostupné tu, aplikáciu testu možno spustiť lokálne alebo nasadiť do Azure; postupujte podľa inštrukcií v priečinku quiz-app.

🗃️ Lekcie

	Názov projektu	Učené koncepty	Učebné ciele	Prepojená lekcia	Autor
01	Začíname	Úvod do programovania a nástroje remesla	Naučiť sa základné princípy väčšiny programovacích jazykov a softvér, ktorý pomáha profesionálnym vývojárom	Úvod do programovacích jazykov a nástrojov	Jasmine
02	Začíname	Základy GitHubu, vrátane práce v tíme	Ako používať GitHub v projekte a spolupracovať s ostatnými na kóde	Úvod do GitHubu	Floor
03	Začíname	Prístupnosť	Naučiť sa základy prístupnosti webu	Základy prístupnosti	Christopher
04	Základy JS	Typy údajov v JavaScripte	Základy typov údajov v JavaScripte	Typy údajov	Jasmine
05	Základy JS	Funkcie a metódy	Naučiť sa o funkciách a metódach na riadenie logiky aplikácie	Funkcie a metódy	Jasmine a Christopher
06	Základy JS	Rozhodovanie v JS	Naučiť sa vytvárať podmienky v kóde pomocou metód rozhodovania	Rozhodovanie	Jasmine
07	Základy JS	Polia a cykly	Pracovať s údajmi pomocou polí a cyklov v JavaScripte	Polia a cykly	Jasmine
08	Terárium	HTML v praxi	Vytvoriť HTML pre online terárium so zameraním na tvorbu rozloženia	Úvod do HTML	Jen
09	Terárium	CSS v praxi	Vytvoriť CSS na štýlovanie online terária so zameraním na základy CSS vrátane responzívneho dizajnu	Úvod do CSS	Jen
10	Terárium	JavaScriptové uzávierky, manipulácia s DOM	Vytvoriť JavaScript pre terárium, aby fungovalo ako drag/drop rozhranie, so zameraním na uzávierky a manipuláciu s DOM	JavaScriptové uzávierky a manipulácia s DOM	Jen
11	Hra na písanie	Vytváranie hry na písanie	Naučiť sa používať udalosti z klávesnice na riadenie logiky JavaScriptovej aplikácie	Programovanie na základe udalostí	Christopher
12	Zelené rozšírenie prehliadača	Práca s prehliadačmi	Naučiť sa, ako pracujú prehliadače, ich históriu, a ako vytvoriť prvé elementy rozšírenia prehliadača	O prehliadačoch	Jen
13	Zelené rozšírenie prehliadača	Vytváranie formulára, volanie API a ukladanie premenných lokálne	Vytvoriť JavaScriptové prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom úložisku	API, formuláre a lokálne úložisko	Jen
14	Zelené rozšírenie prehliadača	Pozadie procesov v prehliadači, výkon webu	Použiť pozadie procesov prehliadača na správu ikony rozšírenia; naučiť sa o výkone webu a optimalizáciách	Pozadie úloh a výkon	Jen
15	Hra vo vesmíre	Pokročilejší vývoj hier s JavaScriptom	Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, na prípravu tvorby hry	Úvod do pokročilého vývoja hier	Chris
16	Hra vo vesmíre	Kreslenie na plátno	Naučiť sa o API Canvas na kreslenie prvkov na obrazovku	Kreslenie na plátno	Chris
17	Hra vo vesmíre	Pohybovanie prvkov na obrazovke	Objaviť, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API	Pohybovanie prvkov	Chris
18	Hra vo vesmíre	Detekcia kolízie	Zabezpečiť kolízie a reakcie prvkov na seba navzájom pomocou stláčania kláves a poskytnúť cooldown funkciu pre zabezpečenie výkonu	Detekcia kolízie	Chris
19	Hra vo vesmíre	Udržiavanie skóre	Vykonať matematické výpočty na základe stavu a výkonu hry	Udržiavanie skóre	Chris
20	Hra vo vesmíre	Ukončenie a restartovanie hry	Naučiť sa o ukončení a reštartovaní hry vrátane čistenia zdrojov a resetovania premenných	Ukončenie hry	Chris
21	Banková aplikácia	HTML šablóny a trasy v webovej aplikácii	Naučiť sa vytvárať skelet viacstránkovej webovej architektúry pomocou routingu a HTML šablón	HTML šablóny a trasy	Yohan
22	Banková aplikácia	Vytváranie prihlasovacieho a registračného formulára	Naučiť sa o tvorbe formulárov a spracovaní validačných rutin	Formuláre	Yohan
23	Banková aplikácia	Spôsoby získavania a používania údajov	Ako údaje prúdia dnu a von z aplikácie, ako ich načítať, uložiť a odstrániť	Údaje	Yohan
24	Banková aplikácia	Koncepty správy stavu	Naučiť sa, ako vaša aplikácia uchováva stav a ako s ním programovo pracovať	Správa stavu	Yohan
25	Browser/VScode kód	Práca s VScode	Naučiť sa používať kódový editor	Použitie kódového editoru VScode	Chris
26	AI asistenti	Práca s AI	Naučiť sa vytvoriť vlastného AI asistenta	Projekt AI asistenta	Chris

🏫 Pedagógia

Naše vzdelávacie programy sú navrhnuté s ohľadom na dva kľúčové pedagogické princípy:

• učenie založené na projektoch
• časté testy

Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky, ktoré dnes používajú weboví vývojári. Študenti budú mať príležitosť získať praktické skúsenosti tvorbou hry na písanie, virtuálneho terária, ekologického rozšírenia prehliadača, hry v štýle Space Invaders a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja.

🎓 Prvé lekcie v tomto kurze si môžete prejsť ako Learn Path na Microsoft Learn!

Zabezpečením prepojenia obsahu s projektmi sa proces výučby stáva zábavnejší pre študentov a zvyšuje sa ich zapamätateľnosť. Tiež sme napísali niekoľko úvodných lekcií o základoch JavaScriptu na predstavenie konceptov, doplnených videom zo série "Beginners Series to: JavaScript", ktorej niektorí autori prispeli do tohto kurikula.

Okrem toho nízko náročný test pred triedou nastavuje študentom zámer učiť sa danú tému, zatiaľ čo druhý test po hodine zabezpečuje lepšie zapamätanie. Tento kurz bol navrhnutý tak, aby bol flexibilný a zábavný a možno ho absolvovať celý alebo po častiach. Projekty sa začínajú malé a postupne sa stávajú zložitejšími do konca 12-týždňového cyklu.

Hoci sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred prijatím frameworku, dobrou ďalšou voľbou na dokončenie tohto kurikula je naučiť sa o Node.js prostredníctvom ďalšej zbierky videí: "Beginner Series to: Node.js".

Navštívte naše pravidlá Code of Conduct a pokyny Contributing. Tešíme sa na vaše konštruktívne názory!

🧭 Offline prístup

Túto dokumentáciu si môžete prezerať offline pomocou Docsify. Forknite si tento repozitár, nainštalujte Docsify na vašom lokálnom počítači a potom v koreňovom priečinku repozitára zadajte príkaz docsify serve. Webová stránka bude sprístupnená na porte 3000 na vašom localhoste: localhost:3000.

📘 PDF

PDF so všetkými lekciami nájdete tu.

🎒 Iné kurzy

Náš tím produkuje aj iné kurzy! Pozrite sa:

LangChain

Azure / Edge / MCP / Agentov

---

Séria Generatívne AI

---

Základné učenie

---

Séria Copilot

Získanie pomoci

Ak ste uviazli alebo máte otázky ohľadom tvorby AI aplikácií. Pridajte sa k ďalším študentom a skúseným vývojárom do diskusií o MCP. Je to podporná komunita, kde sú otázky vítané a vedomosti sa voľne zdieľajú.

Ak máte spätnú väzbu alebo chyby pri vývoji navštívte:

Licencia

Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore LICENSE.

---

Zrieknutie sa zodpovednosti:
Tento dokument bol preložený pomocou AI prekladateľskej služby Co-op Translator. Aj keď sa snažíme o presnosť, berte, prosím, na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z používania tohto prekladu.