Web-Dev-For-Beginners/translations/sk

Webový vývoj pre začiatočníkov - učebný plán

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 hlboko venuje JavaScriptu, CSS a HTML prostredníctvom praktických projektov ako teráriá, prehliadačové rozšírenia a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje schopnosti a optimalizujte si uchovávanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu kódovania ešte dnes!

Pripojte sa k Azure AI Foundry Discord komunite

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

1. Rozvetvite si Repozitár: Kliknite
2. Naklonujte si Repozitár: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Pripojte sa k Azure AI Foundry Discord a spoznajte expertov a ďalších vývojárov

🌐 Podpora viacjazyčnosti

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

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Radšej chcete klonovať lokálne?

Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčš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'

To vám poskytne všetko, čo potrebujete na dokončenie kurzu s oveľa rýchlejším sťahovaním.

Ak chcete mať podporu ďalších jazykových prekladov, sú podporované jazyky uvedené tu

🧑‍🎓 Ste študent?

Navštívte ** stránku Študentského centra**, kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca možnosti, ako získať bezplatný poukaz na certifikát. Toto je stránka, ktorú chcete mať uloženú a pravidelne kontrolovať, pretože obsah meníme mesačne.

📣 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, ktorú môžete dokončiť pomocou GitHub Copilot a režimu Agent. Ak ste ešte režim Agent nepoužili, dokáže nielen generovať text, ale tiež vytvárať a upravovať súbory, spúšťať príkazy a viac.

📣 Oznámenie - Nový projekt na vytvorenie pomocou generatívnej umelej inteligencie

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

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

Nezmeškajte náš nový učebný plán o generatívnej umelej inteligencii!

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ý príbeh, budete cestovať v čase!

Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás povedie pri učení tém ako:

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

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

🌱 Začíname

Učitelia, zahrnuli sme niekoľko návrhov, ako tento učebný plán používať. Radi si vypočujeme vaše názory v našom diskusnom fóre!

Učiaci sa, pre každú lekciu začnite s kvízom pred prednáškou a pokračujte čítaním výučbového materiálu, plnením rôznych aktivít a otestujte svoje pochopenie kvízom po prednáške.

Aby ste zlepšili svoj zážitok z učenia, spojte sa so svojimi rovesníkmi a pracujte spoločne na projektoch! Diskusie sú vítané v našom diskusnom fóre, kde je k dispozícii náš tím moderátorov na zodpovedanie vašich otázok.

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

📋 Nastavenie prostredia

Tento učebný plán má pripravené vývojové prostredie! Na začiatok si môžete vybrať spustenie kurzu v Codespace (prostredie založené na prehliadači bez potreby inštalácie), alebo lokálne na vašom počítači pomocou textového editora ako Visual Studio Code.

Vytvorte si svoj repozitár

Pre jednoduché uloženie svojej práce sa odporúča vytvoriť si vlastnú kópiu tohto repozitára. Môžete tak urobiť kliknutím na tlačidlo Použiť ako šablónu v hornej časti stránky. Tým sa vytvorí nový repozitár vo vašom GitHub účte s kópiou učebného plánu.

Postupujte podľa týchto krokov:

1. Rozvetvite 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 vašej kópii repozitára, ktorú ste vytvorili, 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 tohto učebného plánu lokálne na vašom počítači budete potrebovať textový editor, prehliadač a terminálový nástroj. Naša prvá lekcia, Úvod do programovacích jazykov a nástrojov remesla, vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si mohli vybrať, čo najlepšie vyhovuje vám.

Naše odporúčanie je použiť Visual Studio Code ako editor, ktorý má tiež vstavaný Terminál. Visual Studio Code si môžete stiahnuť tu.

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

   CodeSpace Potom otvorte Terminál vo vnútri Visual Studio Code a spustite nasledujúci príkaz, pričom <your-repository-url> nahraďte URL adresou, 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 Súbor > Otvoriť priečinok a vybrať priečinok, ktorý ste práve klonovali.

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

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

📂 Každá lekcia obsahuje:

• voliteľnú sketchnotu
• voliteľné doplnkové video
• rozcvičku pred lekciou
• písanú lekciu
• pre projektové lekcie, krok za krokom návody, ako projekt postaviť
• kontroly vedomostí
• výzvu
• doplnkové čítanie
• zadanie úlohy
• kvíz po lekcii

Poznámka k kvízam: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkom 48 kvízov so 3 otázkami. Sú dostupné tu, kvízovú aplikáciu je možné spustiť lokálne alebo nasadiť na Azure; riaďte sa inštrukciami 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 pracovné nástroje	Naučiť sa základné koncepcie väčšiny programovacích jazykov a o softvéri, ktorý pomáha profesionálnym vývojárom plniť ich úlohy	Úvod do programovacích jazykov a pracovných nástrojov	Jasmine
02	Začíname	Základy GitHubu, zahŕňa spoluprácu v tíme	Ako používať GitHub vo vašom projekte, ako spolupracovať 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	Dátové typy v JavaScripte	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	Tvorba rozhodnutí s JS	Naučiť sa vytvárať podmienky v kóde pomocou rozhodovacích metód	Tvorba rozhodnutí	Jasmine
07	Základy JS	Polia a cykly	Práca s dátami pomocou polí a cyklov v JavaScripte	Polia a cykly	Jasmine
08	Terrarium	HTML v praxi	Vytvorte HTML pre online terárium so zameraním na tvorbu rozloženia	Úvod do HTML	Jen
09	Terrarium	CSS v praxi	Vytvorte CSS na štýlovanie online terária, so zameraním na základy CSS vrátane responzívnosti stránky	Úvod do CSS	Jen
10	Terrarium	JavaScript Closures, manipulácia s DOM	Vytvorte JavaScript, aby terárium fungovalo 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	Vytváranie hry na písanie	Naučiť sa používať klávesové udalosti na riadenie logiky v JavaScript aplikácii	Programovanie riadené udalosťami	Christopher
12	Zelené rozšírenie prehliadača	Práca s prehliadačmi	Naučiť sa, ako fungujú prehliadače, ich história a ako vytvoriť základné elementy rozšírenia prehliadača	O prehliadačoch	Jen
13	Zelené rozšírenie prehliadača	Tvorba formulára, volanie API a ukladanie premenných do lokálneho úložiska	Vytvorte JavaScriptové prvky rozšírenia prehliadača na volanie API s použitím 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, webový výkon	Použite pozadie procesov premeniť ikonu rozšírenia; naučte sa o webovom výkone a optimalizáciách, ktoré ho zlepšujú	Pozadie úloh a výkon	Jen
15	Hra v priestore	Pokročilejšie vývoj hier v JavaScripte	Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub ako príprava na tvorbu hry	Úvod do pokročilého vývoja hier	Chris
16	Hra v priestore	Kreslenie na plátno	Naučiť sa o Canvas API, používanom na kreslenie elementov na obrazovku	Kreslenie na plátno	Chris
17	Hra v priestore	Pohyb elementov na obrazovke	Objasnenie, ako získať pohyb elementov pomocou karteziánskych súradníc a Canvas API	Pohyb elementov	Chris
18	Hra v priestore	Detekcia kolízií	Umožniť kolízie elementov a ich reakcie na seba pomocou stlačenia kláves, poskytnúť cooldown funkciu pre zabezpečenie výkonu hry	Detekcia kolízií	Chris
19	Hra v priestore	Udržiavanie skóre	Vykonávať matematické výpočty na základe stavu a výkonu hry	Udržiavanie skóre	Chris
20	Hra v priestore	Ukončenie a reštartovanie hry	Naučiť sa ukončiť a reštartovať hru vrátane čistenia zdrojov a resetovania premenných	Podmienka ukončenia	Chris
21	Banková appka	HTML šablóny a routovanie vo webovej aplikácii	Naučiť sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania a HTML šablón	HTML šablóny a routovanie	Yohan
22	Banková appka	Vytváranie prihlasovacieho a registračného formulára	Naučiť sa tvoriť formuláre a spracovávať validačné rutiny	Formuláre	Yohan
23	Banková appka	Metódy získavania a používania dát	Ako údaje prichádzajú do aplikácie a odchádzajú z nej, ako ich načítať, ukladať a likvidovať	Dáta	Yohan
24	Banková appka	Koncepty správy stavu	Naučiť sa, ako si aplikácia uchováva stav a ako ho programovo spravovať	Správa stavu	Yohan
25	Browser/VScode Kód	Práca s VScode	Naučte sa používať kódový editor	Použitie VScode Code Editor	Chris
26	AI asistenti	Práca s AI	Naučte sa vytvoriť vlastného AI asistenta	Projekt AI asistenta	Chris

🏫 Pedagogika

Náš učebný plán je navrhnutý so zreteľom na dva kľúčové pedagogické princípy:

• 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, ekologického rozšírenia prehliadača, hry typu space invader a bankovej aplikácie pre podniky. Na konci série budú študenti nadobudnúť pevné základy webového vývoja.

🎓 Môžete absolvovať prvé niekoľko lekcií tohto učebného plánu ako učebnú cestu na Microsoft Learn!

Zabezpečením, že obsah korešponduje s projektmi, sa proces stáva pre študentov atraktívnejší a zlepšuje sa udržiavanie poznatkov. Tiež sme napísali niekoľko úvodných lekcií v základoch JavaScriptu na predstavenie konceptov, spárovaných s videom zo série "Séria pre začiatočníkov: JavaScript", ktorej niektorí autori prispeli k tomuto učebnému plánu.

Okrem toho nízko nárokový kvíz pred triedou nastaví študentovi zámer k učeniu, zatiaľ čo druhý kvíz po triede zabezpečuje ďalšie upevnenie poznatkov. Tento učebný plán bol navrhnutý tak, aby bol flexibilný a zábavný a môže byť absolvovaný celý alebo čiastočne. Projekty začínajú malé a do konca 12-týždňového cyklu sa stávajú čoraz komplexnejšími.

Zatiaľ čo sme účelovo vynechali zavedenie JavaScript frameworkov, aby sme sa sústredili na základné zručnosti potrebné vývojárovi webu pred použitím frameworku, ďalším dobrým krokom po dokončení tohto učebného plánu by bolo naučiť sa o Node.js prostredníctvom ďalšej kolekcie videí: "Séria pre začiatočníkov: Node.js".

Navštívte naše Pravidlá správania a Prispievanie. Vaša konštruktívna spätná väzba je vítaná!

🧭 Prístup offline

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

📘 PDF

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

🎒 Iné kurzy

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

LangChain

Azure / Edge / MCP / Agents

---

Séria Generatívnej AI

---

Základné učenie

---

Série Copilot

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 poznatky sa zdieľajú slobodne.

Ak máte spätnú väzbu k produktu 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 prekladovej služby Co-op Translator. Aj keď sa snažíme o presnosť, majte prosím na pamäti, že automatické 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. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.