Web-Dev-For-Beginners/translations/sl

Spletni razvoj za začetnike - učni načrt

Naučite se osnov spletnega razvoja s 12-tedenskim podrobnim tečajem, ki ga pripravljajo Microsoft Cloud Advocates. Vsaj ena od 24 lekcij poglobi znanje JavaScripta, CSS in HTML skozi praktične projekte, kot so terariji, razširitve brskalnika in vesoljske igre. Vključite se v kvize, razprave in praktične naloge. Izboljšajte svoje sposobnosti in optimizirajte zadrževanje znanja s pomočjo naše učinkovite projektno usmerjene pedagogike. Začnite svojo kodo danes!

Pridružite se Discord kanalu Azure AI Foundry in spoznajte strokovnjake ter druge razvijalce.

Sledite tem korakom, da začnete uporabljati te vire:

1. Razvejite repozitorij: Kliknite
2. Klonirajte repozitorij: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Pridružite se Azure AI Foundry Discord kanalu in spoznajte strokovnjake ter druge razvijalce

🌐 Podpora za več jezikov

Podprto preko GitHub akcije (samodejno in vedno ažurno)

Raje klonirate lokalno?

Ta repozitorij vključuje več kot 50 prevodov, kar znatno poveča velikost prenosa. Za kloniranje brez prevodov uporabite 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"

Tako boste dobili vse, kar potrebujete, da zaključite tečaj, z veliko hitrejšim prenosom.

Če želite dodatne prevode, so podprti jeziki tu. tukaj

🧑‍🎓 Ste študent?

Obiščite Student Hub stran, kjer boste našli vire za začetnike, študentske pakete in celo možnosti za brezplačni certifikatni kupon. To je stran, ki si jo želite shraniti med zaznamke in redno preverjati, saj vsebine mesečno osvežujemo.

📣 Obvestilo - Novi izzivi režima GitHub Copilot Agent za dokončanje!

Dodali smo nov izziv, poiščite "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv, ki ga dokončate z uporabo GitHub Copilot in režima Agent. Če režima Agent še niste uporabljali, zmore ne le generirati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in več.

📣 Obvestilo - Nov projekt za izdelavo z uporabo Generativne AI

Novo projekt AI asistenta je pravkar dodan, poglejte projekt

📣 Obvestilo - Novi učni načrt o Generativni AI za JavaScript je pravkar izdan

Ne zamudite našega novega učnega načrta o Generativni AI!

Obiščite https://aka.ms/genai-js-course za začetek!

Vsaka lekcija vsebuje nalogo za dokončanje, preverjanje znanja in izziv, ki vas vodi pri učenju tem, kot so:

• Uporaba navodil in inženiring navodil
• Generiranje aplikacij za besedilo in slike
• Iskalne aplikacije

Obiščite https://aka.ms/genai-js-course in začnite!

🌱 Začetek

Učitelji, vključili smo nekaj predlogov, kako uporabiti ta učni načrt. Z veseljem sprejemamo vaše povratne informacije na našem forumu za razprave!

Učenci, za vsako lekcijo začnite s predpredavanjsko vajo in sledite gradivu predavanja, opravite različne dejavnosti in preverite svoje razumevanje s po-predavanjsko vajo.

Za izboljšanje vaše učne izkušnje se povežite s sovrstniki in skupaj delajte na projektih! Razprave so spodbujene v našem forumu za razprave, kjer je naša ekipa moderatorjev na voljo za vaša vprašanja.

Za nadaljnjo izobrazbo priporočamo raziskovanje Microsoft Learn za dodatne študijske materiale.

📋 Nastavitev vašega okolja

Ta učni načrt že vsebuje razvojno okolje! Ko začnete, lahko izberete zagon učnega načrta v Codespace (brskalniško okolje brez potrebe po namestitvi), ali lokalno na svojem računalniku z urejevalnikom besedil, kot je Visual Studio Code.

Ustvarite svoj repozitorij

Da boste lahko zlahka shranjevali svoje delo, je priporočljivo, da ustvarite svojo kopijo tega repozitorija. To lahko naredite s klikom na gumb Use this template zgoraj na strani. S tem se bo ustvaril nov repozitorij na vašem GitHub računu s kopijo učnega načrta.

Sledite tem korakom:

1. Razvejite repozitorij: Kliknite na gumb "Fork" v zgornjem desnem kotu te strani.
2. Klonirajte repozitorij: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Zagon učnega načrta v Codespace

V svoji kopiji tega repozitorija, ki ste jo ustvarili, kliknite na gumb Code in izberite Open with Codespaces. Tako boste ustvarili nov Codespace, v katerem boste delali.

Zagon učnega načrta lokalno na vašem računalniku

Za zagon tega učnega načrta lokalno na računalniku boste potrebovali urejevalnik besedil, brskalnik in orodje ukazne vrstice. Naša prva lekcija, Uvod v programske jezike in orodja, vas bo popeljala skozi različne možnosti za vsako od teh orodij, da izberete tisto, kar vam najbolj ustreza.

Priporočamo uporabo Visual Studio Code kot urejevalnika, ki ima tudi vgrajen Terminal. Visual Studio Code lahko prenesete tukaj.

1. Klonirajte svoj repozitorij na svoj računalnik. To lahko storite s klikom na gumb Code in kopiranjem URL-ja:

   CodeSpace

   Nato odprite Terminal znotraj Visual Studio Code in zaženite naslednji ukaz, pri čemer <your-repository-url> zamenjate z URL-jem, ki ste ga pravkar kopirali:

   git clone <your-repository-url>
   

2. Odprite mapo v Visual Studio Code. To lahko storite s klikom na File > Open Folder in izbiro mape, ki ste jo pravkar klonirali.

Priporočene razširitve Visual Studio Code:

• Live Server - za predogled HTML strani znotraj Visual Studio Code
• Copilot - za pomoč pri hitrejšem pisanju kode

📂 Vsaka lekcija vključuje:

• neobvezno skicirkno beležko
• neobvezni dodatni video
• predhodni kviz za ogrevanje pred lekcijo
• pisno lekcijo
• za projektno usmerjene lekcije, vodnike korak za korakom za izdelavo projekta
• preverjanja znanja
• izziv
• dodatno branje
• nalogo
• kviz po lekciji

Opomba o kvizih: Vsi kvizi so shranjeni v mapi Quiz-app, skupaj 48 kvizov s po tremi vprašanji. Na voljo so tukaj, kviz aplikacijo je mogoče zagnati lokalno ali jo namestiti na Azure; sledite navodilom v mapi quiz-app.

🗃️ Lekcije

	Ime projekta	Proučevani koncepti	Cilji učenja	Povezana lekcija	Avtor
01	Začetek	Uvod v programiranje in osnovna orodja	Spoznajte osnovne temelje večine programskih jezikov in programske opreme, ki pomaga profesionalnim razvijalcem opravljati delo	Uvod v programske jezike in orodja	Jasmine
02	Začetek	Osnove GitHub-a, delo v skupini	Kako uporabljati GitHub v svojem projektu, kako sodelovati z drugimi na kodi	Uvod v GitHub	Floor
03	Začetek	Dostopnost	Naučite se osnov spletne dostopnosti	Osnove dostopnosti	Christopher
04	Osnove JS	Podatkovni tipi v JavaScript	Osnove podatkovnih tipov v JavaScript	Podatkovni tipi	Jasmine
05	Osnove JS	Funkcije in metode	Spoznajte funkcije in metode za upravljanje logike aplikacije	Funkcije in metode	Jasmine in Christopher
06	Osnove JS	Sprejemanje odločitev z JS	Naučite se ustvarjati pogoje v kodi z uporabo metod odločanja	Sprejemanje odločitev	Jasmine
07	Osnove JS	Polja in zanke	Delo s podatki z uporabo polj in zank v JavaScript	Polja in zanke	Jasmine
08	Terrarium	HTML v praksi	Ustvarite HTML za spletni terarij, osredotočite se na izdelavo postavitve	Uvod v HTML	Jen
09	Terrarium	CSS v praksi	Ustvarite CSS za oblikovanje spletnega terarija, osredotočite se na osnove CSS in odzivnost strani	Uvod v CSS	Jen
10	Terrarium	JavaScript closures, manipulacija DOM	Izdelajte JavaScript za delovanje terarija z vmesnikom povleci-in-spusti, osredotočeno na closures in manipulacijo DOM	JavaScript closures, manipulacija DOM	Jen
11	Typing Game	Izdelava igre tipkanja	Naučite se uporabljati dogodke tipkovnice za upravljanje logike vaše JavaScript aplikacije	Programiranje na podlagi dogodkov	Christopher
12	Zeleni brskalniški vtičnik	Delo z brskalniki	Naučite se, kako brskalniki delujejo, njihovo zgodovino in kako pripraviti prvi elemente brskalniškega vtičnika	O brskalnikih	Jen
13	Zeleni brskalniški vtičnik	Gradnja obrazca, klic API-ja in shranjevanje spremenljivk v lokalno shrambo	Izdelajte JavaScript elemente brskalniškega vtičnika za klic API-ja z uporabo spremenljivk, shranjenih v lokalni shrambi	API, obrazci in lokalna shramba	Jen
14	Zeleni brskalniški vtičnik	Ozadnji procesi v brskalniku, spletna zmogljivost	Uporabite ozadnje procese brskalnika za upravljanje ikone vtičnika; spoznajte spletno zmogljivost in nekatere optimizacije	Ozadna opravila in zmogljivost	Jen
15	Igra v vesolju	Naprednejši razvoj iger z JavaScript	Spoznajte dedovanje z uporabo razredov in sestave ter vzorec Pub/Sub, v pripravah na izdelavo igre	Uvod v napredni razvoj iger	Chris
16	Igra v vesolju	Risanje na platno	Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon	Risanje na platno	Chris
17	Igra v vesolju	Premikanje elementov po zaslonu	Odkrijte, kako lahko elementi pridobijo gibanje z uporabo kartezičnih koordinat in Canvas API-ja	Premikanje elementov	Chris
18	Igra v vesolju	Zaznavanje trkov	Naredite, da elementi trkajo in medsebojno reagirajo z uporabo pritiskov tipk in zagotovite funkcijo ohlajevanja za večjo zmogljivost igre	Zaznavanje trkov	Chris
19	Igra v vesolju	Beleženje rezultatov	Izvedite matematične izračune glede na stanje in uspešnost igre	Beleženje rezultatov	Chris
20	Igra v vesolju	Zaključek in ponovni začetek igre	Spoznajte zaključek in ponovni začetek igre, vključno s čiščenjem virov in ponastavitvijo vrednosti spremenljivk	Pogoj zaključka	Chris
21	Bankarska aplikacija	HTML predloge in poti v spletni aplikaciji	Naučite se ustvariti ogrodje večstranske spletne strani z uporabo usmerjanja in HTML predlog	HTML predloge in poti	Yohan
22	Bankarska aplikacija	Izdelava obrazca za prijavo in registracijo	Spoznajte izdelavo obrazcev in obravnavo validacijskih rutin	Obrazci	Yohan
23	Bankarska aplikacija	Metode pridobivanja in uporabe podatkov	Kako podatki tečejo v in iz vaše aplikacije, kako jih pridobiti, shraniti in odstraniti	Podatki	Yohan
24	Bankarska aplikacija	Koncepti upravljanja stanja	Naučite se, kako vaša aplikacija ohranja stanje in kako ga programsko upravljati	Upravljanje stanja	Yohan
25	Koda brskalnika/VScode	Delo z VScode	Naučite se uporabljati urejevalnik kode	Uporaba urejevalnika VScode	Chris
26	AI asistenti	Delo z umetno inteligenco	Naučite se izdelati svojega AI asistenta	Projekt AI asistenta	Chris

🏫 Pedagogika

Naš kurikulum je oblikovan z dvema ključnima pedagoškima načeloma v mislih:

• učenje na podlagi projektov
• pogosti kvizi

Program uči osnove JavaScript, HTML in CSS, pa tudi najnovejša orodja in tehnike, ki jih uporabljajo sodobni spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terarija, okolju prijaznega brskalniškega vtičnika, igre v slogu vesoljskih osvajačev in bančne aplikacije za podjetja. Ob koncu serije bodo pridobili trdno razumevanje spletnega razvoja.

🎓 Prve lekcije tega kurikuluma lahko opravite kot učno pot na Microsoft Learn!

Z zagotavljanjem usklajenosti vsebine s projekti je proces za študente bolj zanimiv, prav tako se izboljša zadrževanje konceptov. Poleg tega smo napisali več uvodnih lekcij o osnovah JavaScript, ki uvajajo pojme, povezane z videoposnetkom iz zbirke "Serija za začetnike: JavaScript", katere avtorji so prispevali k temu kurikulumu.

Poleg tega nizkorizični kviz pred razredom usmerja namen študenta k učenju teme, medtem ko drugi kviz po pouku zagotavlja nadaljnjo zadržnost. Ta kurikulum je zasnovan kot prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in postopoma postajajo bolj zapleteni do konca 12-tedenskega cikla.

Čeprav smo namerno izpustili uvajanje ogrodij JavaScript, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred uporabo ogrodja, je dober naslednji korak po dokončanju tega kurikuluma učenje Node.js preko druge zbirke videoposnetkov: "Serija za začetnike: Node.js".

Oglejte si naše smernice Kodeksa ravnanja in Prispevkov. Veselimo se vaših konstruktivnih povratnih informacij!

🧭 Dostop brez povezave

To dokumentacijo lahko uporabljate brez povezave z uporabo Docsify. Razvežite ta repozitorij, namestite Docsify na svojo lokalno napravo, nato pa v osnovni mapi tega repozitorija vnesite docsify serve. Spletna stran bo na voljo na vratih 3000 na vašem lokalnem računalniku: localhost:3000.

📘 PDF

PDF vseh lekcij lahko najdete tukaj.

🎒 Drugi tečaji

Naša ekipa pripravlja tudi druge tečaje! Oglejte si:

LangChain

Azure / Edge / MCP / Agenti

---

Serija Generativna AI

---

Osnovno učenje

---

Serija Copilot

Iskanje pomoči

Če naletite na težave ali imate vprašanja o ustvarjanju AI aplikacij, se pridružite drugim učencem in izkušenim razvijalcem v razpravah o MCP. To je podpirajoča skupnost, kjer so vprašanja dobrodošla in kjer se znanje prosto deli.

Če imate povratne informacije o izdelku ali naletite na napake med razvojem, obiščite:

Licenca

To skladišče je licencirano pod licenco MIT. Za več informacij glejte datoteko LICENSE.

---

Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo AI prevajalske storitve Co-op Translator. Čeprav si prizadevamo za natančnost, upoštevajte, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba obravnavati kot glavni vir. Za ključne informacije priporočamo strokovni človeški prevod. Nismo odgovorni za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda.