Web-Dev-For-Beginners/translations/sk

Webový vývoj pre začiatočníkov - kurikulum

Naučte sa základy webového vývoja s naším 12-týždňovým komplexným kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa venuje JavaScriptu, CSS a HTML prostredníctvom praktických projektov, ako sú teráriá, rozšírenia prehliadača a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si uchovávanie informácií pomocou našej efektívnej projektovej metodiky. Začnite svoju cestu kódovania ešte dnes!

Pripojte sa ku komunite Azure AI Foundry na Discorde

Postupujte podľa týchto krokov, aby ste mohli začať využívať tieto zdroje:

1. Vytvorte si fork repozitára: Kliknite na
2. Naklonujte repozitár: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Pripojte sa ku komunite Azure AI Foundry na Discorde a spoznajte expertov a ďalších vývojárov

🌐 Podpora viacerých jazykov

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

Arabčina | Bengálčina | Bulharčina | Barmský (Myanmar) | Čínština (zjednodušená) | Čínština (tradičná, Hong Kong) | Čínština (tradičná, Macao) | Čínština (tradičná, Taiwan) | Chorvátčina | Čeština | Dánčina | Holandčina | Estónčina | Fínčina | Francúzština | Nemčina | Gréčtina | Hebrejčina | Hindčina | Maďarčina | Indonézština | Taliančina | Japončina | Kannadčina | Kórejčina | Litovčina | Malajčina | Malayalam | Maráthčina | Nepálčina | Nigérijská pidžinčina | Nórčina | Perzština (Farsi) | Poľština | Portugalčina (Brazília) | Portugalčina (Portugalsko) | Pandžábčina (Gurmukhi) | Rumunčina | Ruština | Srbčina (cyrilika) | Slovenčina | Slovinčina | Španielčina | Svahilčina | Švédčina | Tagalog (Filipínčina) | Tamilčina | Telugčina | Tajčina | Turečtina | Ukrajinčina | Urdu | Vietnamčina

Uprednostňujete lokálne klonovanie?

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

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'

Toto vám poskytne všetko potrebné na dokončenie kurzu s rýchlejším sťahovaním.

Ak si prajete podporu ďalších jazykov, podporované jazyky sú uvedené tu

🧑‍🎓 Ste študent?

Navštívte stránku Študentské centrum, kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca aj spôsoby, ako získať voucher na bezplatný certifikát. Toto je stránka, ktorú chcete uložiť medzi záložky a občas ju skontrolovať, pretože obsah sa mesačne aktualizuje.

📣 Oznámenie – Nové výzvy režimu GitHub Copilot Agent na dokončenie!

Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v väčšine kapitol. Je to nová výzva na dokončenie pomocou GitHub Copilot a Agent režimu. Ak ste režim Agent ešte nepoužili, umožňuje nielen generovať text, ale tiež vytvárať a upravovať súbory, spúšťať príkazy a viac.

📣 Oznámenie – Nový projekt na vývoj pomocou Generatívnej AI

Práve pridaný nový projekt AI asistenta, pozrite si projekt

📣 Oznámenie – Nové kurikulum o Generatívnej AI pre JavaScript bolo práve vydané

Nezmeškajte naše nové kurikulum o Generatívnej AI!

Navštívte https://aka.ms/genai-js-course a začnite!

• Lekcie pokrývajú všetko od základov po RAG.
• Komunikujte s historickými postavami pomocou GenAI a našej doplnkovej aplikácie.
• Zábavné a pútavé rozprávanie, cestovanie v čase!

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

• Zadávanie požiadaviek a návrh promptov (prompt engineering)
• Generovanie textových a obrazových aplikácií
• Aplikácie na vyhľadávanie

Navštívte https://aka.ms/genai-js-course a začnite!

🌱 Začíname

Učitelia, poskytli sme niekoľko návrhov, ako používať toto kurikulum. Radi vám poskytneme spätnú väzbu v našom diskusnom fóre!

Študenti, pri každej lekcii začnite prednáškovým kvízom a pokračujte čítaním prednáškového materiálu, dokončovaním rôznych aktivít a overte si pochopenie pomocou kvízu po prednáške.

Pre lepší zážitok z učenia sa spojte so svojimi rovesníkmi a pracujte na projektoch spoločne! Diskusie povzbudzujeme v našom diskusnom fóre, kde vám náš tím moderátorov bude k dispozícii na zodpovedanie otázok.

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

📋 Nastavenie vášho prostredia

Toto kurikulum má pripravené vývojové prostredie! Keď začnete, môžete si vybrať spustenie kurikula v Codespace (prostredie v prehliadači bez nutnosti inštalácie) alebo lokálne na vašom počítači pomocou textového editora ako je Visual Studio Code.

Vytvorte si svoj repozitár

Aby ste si mohli jednoducho ukladať svoju prácu, odporúča sa vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo Use this template v hornej časti stránky. Týmto sa vytvorí nový repozitár vo vašom GitHub účte s kópiou kurikula.

Postupujte podľa týchto krokov:

1. Vytvorte fork repozitára: 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 kurikula v Codespace

Vo vašej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo Code a vyberte Open with Codespaces. Týmto sa vytvorí nový Codespace, v ktorom môžete pracovať.

Spustenie kurikula lokálne na vašom počítači

Na lokálne spustenie kurikula budete potrebovať textový editor, prehliadač a príkazový riadok. Naša prvá lekcia, Úvod do programovacích jazykov a nástrojov, vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si mohli vybrať to, čo vám najviac vyhovuje.

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

1. Naklonujte si repozitár do vášho počítača. Môžete to urobiť kliknutím na tlačidlo Code a skopírovaním URL:

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

   git clone <your-repository-url>
   

2. Otvorte priečinok vo Visual Studio Code. Urobíte to kliknutím na Súbor > Otvoriť priečinok a výberom priečinka, ktorý ste práve sklonovali.

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

• Live Server - pre náhľad HTML stránok priamo vo Visual Studio Code
• Copilot - pre pomoc pri rýchlejšom písaní kódu

📂 Každá lekcia obsahuje:

• voliteľnú sketchnotu
• voliteľné doplnkové video
• kvíz pred lekciou na rozcvičenie
• písanú lekciu
• pri lekciách založených na projektoch, krok za krokom návody ako projekt vytvoriť
• overenie vedomostí
• výzvu
• doplnkové čítanie
• zadanie úlohy
• kvíz po lekcii

Poznámka k kvízom: Všetky kvízy sú uložené v priečinku Quiz-app, celkovo 48 kvízov s tromi otázkami v každom. Sú dostupné tu, aplikáciu kvízov môžete spustiť lokálne alebo nasadiť do Azure; postupujte podľa pokynov v priečinku quiz-app.

🗃️ Lekcie

	Názov projektu	Výučbové koncepty	Výučbové 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 o softvéri, ktorý pomáha profesionálnym vývojárom v ich práci	Úvod do programovacích jazykov a nástrojov remesla	Jasmine
02	Začíname	Základy GitHub, vrátane práce v tíme	Ako používať GitHub vo svojom projekte, ako spolupracovať s ostatnými na zdrojovom kóde	Úvod do GitHub	Floor
03	Začíname	Prístupnosť	Naučiť sa základy webovej prístupnosti	Základy prístupnosti	Christopher
04	Základy JS	Dátové typy JavaScriptu	Základy dátových typov v JavaScripte	Dátové typy	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 rozhodovacích metód	Rozhodovanie	Jasmine
07	Základy JS	Polia a cykly	Pracovať s dátami 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	JavaScript Closures, manipulácia s DOM	Vytvoriť JavaScript pre funkciu terária ako drag & drop rozhranie, so zameraním na closures a manipuláciu s DOM	JavaScript Closures, manipulácia s DOM	Jen
11	Hra na písanie	Vytvoriť hru na písanie	Naučiť sa používať klávesové udalosti na riadenie logiky JavaScript aplikácie	Programovanie riadené udalosťami	Christopher
12	Zelené rozšírenie prehliadača	Práca s prehliadačmi	Naučiť sa ako prehliadače fungujú, ich históriu a ako vytvoriť prvé prvky rozšírenia prehliadača	O prehliadačoch	Jen
13	Zelené rozšírenie prehliadača	Vytváranie formulára, volanie API a ukladanie premenných do lokálneho úložiska	Vytvoriť JavaScriptové prvky vášho 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	Procesy na pozadí v prehliadači, webový výkon	Použiť procesy na pozadí pre správu ikony rozšírenia; naučiť sa o webovom výkone a optimalizáciách	Úlohy na pozadí a výkon	Jen
15	Hra vo vesmíre	Pokročilejší vývoj hier v JavaScripte	Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, príprava na tvorbu hry	Úvod do pokročilého vývoja hier	Chris
16	Hra vo vesmíre	Kreslenie na plátno	Naučiť sa o Canvas API, ktoré sa používa na kreslenie prvkov na obrazovku	Kreslenie na plátno	Chris
17	Hra vo vesmíre	Pohyb prvkov po obrazovke	Objaviť, ako prvky môžu získať pohyb pomocou kartézskych súradníc a Canvas API	Pohyb prvkov	Chris
18	Hra vo vesmíre	Detekcia kolízií	Spraviť, aby sa prvky zrazili a reagovali navzájom pri stláčaní klávesov, zabezpečiť cooldown funkciu pre výkon hry	Detekcia kolízií	Chris
19	Hra vo vesmíre	Skladanie bodov	Vykonávať matematické výpočty na základe stavu a výkonu hry	Skladanie bodov	Chris
20	Hra vo vesmíre	Ukončenie a reštart hry	Naučiť sa, ako hru ukončiť a reštartovať, vrátane čistenia zdrojov a resetovania hodnôt premenných	Podmienka ukončenia	Chris
21	Banková aplikácia	HTML šablóny a routy vo webovej aplikácii	Naučiť sa vytvoriť kostru architektúry multipage webu pomocou routovania a HTML šablón	HTML šablóny a routy	Yohan
22	Banková aplikácia	Vytvorenie prihlasovacieho a registračného formulára	Naučiť sa o tvorbe formulárov a riešení validácie	Formuláre	Yohan
23	Banková aplikácia	Spôsoby získavania a používania dát	Ako dáta prichádzajú do aplikácie a odchádzajú z nej, ako ich získavať, ukladať a likvidovať	Dáta	Yohan
24	Banková aplikácia	Koncepty správy stavu	Naučiť sa, ako si aplikácia udržiava stav a ako ho programovo spravovať	Správa stavu	Yohan
25	Kód prehliadača/VScode	Práca s VScode	Naučiť sa používať kódový editor	Používanie VScode Code Editor	Chris
26	AI asistenti	Práca s AI	Naučiť sa vytvoriť vlastného AI asistenta	Projekt AI asistenta	Chris

🏫 Pedagógia

Náš učebný plán je navrhnutý s dvoma kľúčovými pedagogickými princípmi:

• učenie založené na projektoch
• časté kvízy

Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať príležitosť získať praktické skúsenosti vytvorením hry na písanie, virtuálneho terária, ekologicky priateľského rozšírenia prehliadača, hry vo vesmírnom štýle a bankovej aplikácie pre firmy. Na konci série budú mať študenti pevné pochopenie webového vývoja.

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

Zabezpečením, že obsah je zosúladený s projektmi, sa proces pre študentov stáva zábavnejším a zlepšuje sa zapamätateľnosť konceptov. Tiež sme napísali niekoľko úvodných lekcií v základoch JavaScriptu, ktoré predstavujú koncepty, spolu s videom z kolekcie „Beginners Series to: JavaScript“, ktorého niektorí autori prispeli do tohto kurikula.

Okrem toho, nízko náročný kvíz pred triedou nastavuje študentovi cieľ naučiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečuje ďalšie upevnenie vedomostí. Tento učebný plán bol navrhnutý tak, aby bol flexibilný a zábavný a môžete ho absolvovať celý alebo čiastočne. Projekty začínajú jednoduché a postupne sa stávajú zložitejšími počas 12-týždňového cyklu.

Hoci sme zámerne vynechali zavádzanie JavaScript frameworkov, aby sme sa sústredili na základné zručnosti potrebné pre webového vývojára pred prijatím frameworku, ďalším dobrým krokom po dokončení tohto kurikula je naučiť sa o Node.js cez inú kolekciu videí: „Beginner Series to: Node.js“.

Navštívte náš Kódex správania a Príspevky. Radi prijímame vaše konštruktívne pripomienky!

🧭 Prístup offline

Túto dokumentáciu môžete používať offline pomocou Docsify. Forknite tento repozitár, nainštalujte Docsify na svoj lokálny počítač a potom v koreňovom priečinku tohto repozitára zadajte príkaz docsify serve. Webstránka bude dostupná na porte 3000 na localhoste: localhost:3000.

📘 PDF

PDF všetkých lekcií nájdete tu.

🎒 Ďalšie kurzy

Náš tím vytvára aj ďalšie kurzy! Pozrite si:

LangChain

---

Azure / Edge / MCP / Agents

---

Generatívna AI séria

---

Základné učenie

---

Copilot séria

Získanie pomoci

Ak sa zaseknete alebo máte otázky o tvorbe AI aplikácií. Pridajte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a znalosti sa slobodne zdieľajú.

Ak máte spätnú väzbu k produktu alebo narazíte na chyby počas vývoja, navštívte:

Licencia

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

---

Upozornenie:
Tento dokument bol preložený pomocou AI prekladateľskej služby Co-op Translator. Aj keď sa snažíme o presnosť, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny 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. Nezodpovedáme za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.