Web-Dev-For-Beginners/translations/sl

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

Naučite se osnov spletnega razvoja z našim 12-tedenskim celovitim tečajem, ki ga vodijo Microsoft Cloud Advocates. Vsaka od 24 lekcij poglobi JavaScript, CSS in HTML skozi praktične projekte kot so terariji, razširitve za brskalnike in vesoljske igre. Vključite se v kvize, razprave in praktične naloge. Izboljšajte svoje veščine in optimizirajte ohranjanje znanja z našo učinkovito projektno pedagogiko. Začnite svojo kodo danes!

Pridružite se skupnosti Azure AI Foundry Discord

Za začetek uporabe teh virov sledite naslednjim korakom:

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

🌐 Podpora več jezikov

Podprto preko GitHub Action (avtomatizirano in vedno posodobljeno)

Arabščina | Bengalščina | Bolgarščina | Burmanščina (Myanmar) | Kitajščina (poenostavljena) | Kitajščina (tradicionalna, Hong Kong) | Kitajščina (tradicionalna, Macau) | Kitajščina (tradicionalna, Tajvan) | Hrvaščina | Češčina | Danščina | Nizozemščina | Estonščina | Finščina | Francoščina | Nemščina | Grščina | Hebrejščina | Hindijščina | Madžarščina | Indonezijščina | Italijanščina | Japonščina | Kannada | Korejščina | Litovščina | Malajščina | Malajalščina | Maratščina | Nepalščina | Nigerijski pidžin | Norveščina | Perzijščina (farščina) | Poljščina | Portugalščina (Brazilija) | Portugalščina (Portugalska) | Pandžabščina (Gurmukhi) | Romunščina | Ruščina | Srbščina (cirilica) | Slovaščina | Slovenščina | Španščina | Svajili | Švedščina | Tagalog (filipino) | Tamilščina | Teluščina | Tajščina | Turščina | Ukrajinščina | Urdu | Vietnamščina

Raje klonirate lokalno?

Ta repozitorij vključuje več kot 50 jezikovnih prevodov, kar bistveno poveča velikost prenosa. Če želite klonirati brez prevodov, uporabite 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'

Tako boste dobili vse, kar potrebujete za dokončanje tečaja z veliko hitrejšim prenosom.

Če želite imeti dodatne podprte jezike prevodov, so navedeni tukaj

🧑‍🎓 Ste študent?

Obiščite stran Student Hub, kjer boste našli začetne vire, študentske pakete in celo načine, kako pridobiti brezplačen štipendijski bono za potrdilo. To je stran, ki si jo želite dodati med zaznamke in jo občasno preveriti, saj mesečno osvežujemo vsebine.

📣 Obvestilo - Novi izzivi načina 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 lahko dokončate z uporabo GitHub Copilota in načina Agent. Če prej niste uporabljali načina Agent, ta ni namenjen le generiranju besedil, ampak lahko ustvarja in ureja datoteke, izvaja ukaze in še več.

📣 Obvestilo - Nov projekt za izdelavo z uporabo Generativne AI

Dodali smo nov projekt AI asistenta, preverite projekt

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

Ne zamudite našega novega učnega načrta za Generativno AI!

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

• Lekcije, ki zajemajo vse od osnov do RAG.
• Komunicirajte z zgodovinskimi liki z uporabo GenAI in naše spremljevalne aplikacije.
• Zanimivo in zabavno pripovedovanje, kot da potujete skozi čas!

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

• Uporaba in oblikovanje promptov
• Generiranje besedilnih in slikovnih aplikacij
• Iskalne aplikacije

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

🌱 Začetek

Učitelji, pripravili smo nekaj predlogov, kako uporabljati ta učni načrt. Veseli bomo vaših povratnih informacij v našem forumu za razprave!

Učenci, za vsako lekcijo začnite s pre-učnim kvizom in sledite predavanju, dokončajte različne aktivnosti in preizkusite svoje znanje s post-učnim kvizom.

Za izboljšanje učnega procesa se povežite s sovrstniki in skupaj delajte na projektih! Razprave so dobrodošle v našem forumu za razprave, kjer vam bo na voljo naša skupina moderatorjev za pomoč.

Za nadaljnje izobraževanje priporočamo obisk Microsoft Learn za dodatne študijske materiale.

📋 Nastavitev vašega okolja

Ta učni načrt vsebuje pripravljeno razvojno okolje! Ob začetku izbire lahko tečaj izvajate v Codespace (brskalniku prijazno okolje brez potrebe po namestitvah) ali lokalno na računalniku z urejevalnikom besedil, kot je Visual Studio Code.

Ustvarite svoj repozitorij

Da boste lažje shranjevali svoje delo, je priporočljivo, da ustvarite svojo kopijo tega repozitorija. To naredite s klikom na gumb Uporabi ta vzorec na vrhu strani. Tako bo ustvarjen nov repozitorij v vašem GitHub računu s kopijo učnega načrta.

Sledite tem korakom:

1. Razveji repozitorij: Kliknite 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 repozitorija, ki ste jo ustvarili, kliknite gumb Code in izberite Open with Codespaces. Tako boste ustvarili nov Codespace za delo.

Lokalni zagon učnega načrta na računalniku

Za lokalni zagon tega učnega načrta na vašem računalniku boste potrebovali urejevalnik besedil, brskalnik in orodje ukazne vrstice. Naša prva lekcija, Uvod v programske jezike in orodja poklica, vam bo predstavila različne možnosti za vsak od teh pripomočkov, da izberete tistega, ki vam najbolj ustreza.

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

1. Klonirajte svoj repozitorij na računalnik. Naredite to tako, da kliknete gumb Code in kopirate URL:

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

   git clone <your-repository-url>
   

2. Odprite mapo v Visual Studio Code. To lahko storite tako, da kliknete Datoteka > Odpri mapo in izberete mapo, ki ste jo pravkar klonirali.

Priporočene razširitve za 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 sketchnoto
• neobvezni dodatni video
• predpripravljalni kviz pred lekcijo
• pisno lekcijo
• za lekcije, ki temeljijo na projektih, vodiče korak za korakom za izdelavo projekta
• preverjanje znanja
• izziv
• dodatno branje
• nalogo
• kviz po lekciji

Opozorilo glede kvizov: Vsi kvizi se nahajajo v mapi Quiz-app, skupaj 48 kvizov s po tremi vprašanji. Na voljo so tukaj. Aplikacijo za kvize lahko zaženete lokalno ali jo namestite na Azure; sledite navodilom v mapi quiz-app.

🗃️ Lekcije

	Ime projekta	Koncepti, ki jih poučujemo	Cilji učenja	Povezana lekcija	Avtor
01	Začetek	Uvod v programiranje in orodja poklica	Spoznajte osnovna izhodišča večine programskih jezikov in programske opreme, ki strokovnim razvijalcem pomaga pri delu	Uvod v programske jezike in orodja	Jasmine
02	Začetek	Osnove GitHub-a, vključno z delom v skupini	Kako uporabljati GitHub v vašem projektu, kako sodelovati z drugimi na kodi	Uvod v GitHub	Floor
03	Začetek	Dostopnost	Spoznajte osnove spletne dostopnosti	Osnove dostopnosti	Christopher
04	Osnove JS	Tipi podatkov v JavaScriptu	Osnove tipov podatkov v JavaScriptu	Tipi podatkov	Jasmine
05	Osnove JS	Funkcije in metode	Spoznajte funkcije in metode za upravljanje z logiko aplikacije	Funkcije in metode	Jasmine in Christopher
06	Osnove JS	Sprejemanje odločitev z JS	Naučite se ustvarjati pogoje v vaši 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 JavaScriptu	Polja in zanke	Jasmine
08	Terrarij	HTML v praksi	Zgradite HTML za spletni terarij, osredotočite se na izdelavo postavitve	Uvod v HTML	Jen
09	Terrarij	CSS v praksi	Zgradite CSS za oblikovanje spletnega terarija, osredotočite se na osnove CSS, vključno z odzivnim dizajnom	Uvod v CSS	Jen
10	Terrarij	JavaScript closure-i, manipulacija DOM	Zgradite JavaScript za funkcionalnost terarija kot vmesnik povleci-in-spusti, osredotočeno na closure-e in manipulacijo DOM-a	JavaScript closure-i, manipulacija DOM	Jen
11	Igra tipkanja	Izdelava igre tipkanja	Naučite se uporabljati dogodke tipkovnice za upravljanje logike vaše JavaScript aplikacije	Dogodkovno vodeno programiranje	Christopher
12	Zelena brskalna razširitev	Delo z brskalniki	Spoznajte, kako brskalniki delujejo, njihovo zgodovino in kako postaviti prve elemente brskalniške razširitve	O brskalnikih	Jen
13	Zelena brskalna razširitev	Izdelava obrazca, klic API-ja in shranjevanje spremenljivk v lokalni shrambi	Zgradite JavaScript elemente vaše brskalne razširitve za klic API-ja z uporabo spremenljivk v lokalni shrambi	API-ji, obrazci in lokalna shramba	Jen
14	Zelena brskalna razširitev	Ozadinski procesi v brskalniku, spletna zmogljivost	Uporabite ozadinske procese brskalnika za upravljanje ikonice razširitve; spoznajte spletno zmogljivost in nekatere optimizacije za izboljšanje	Ozadna opravila in zmogljivost	Jen
15	Igra v vesolju	Naprednejši razvoj iger z JavaScriptom	Spoznajte dedovanje z uporabo razredov in kompozicije ter vzorec pub/sub, kot pripravo 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	Spoznajte, kako elementi pridobijo gibanje z uporabo kartezijanskih koordinat in Canvas API	Premikanje elementov	Chris
18	Igra v vesolju	Zaznavanje trkov	Poskrbite, da se elementi trkajo in medsebojno odzivajo z uporabo pritiska tipk in zagotovite funkcijo ohlajanja za zagotovitev zmogljivosti igre	Zaznavanje trkov	Chris
19	Igra v vesolju	Štetje rezultatov	Izvajajte matematične izračune na podlagi stanja in zmogljivosti igre	Spremljanje rezultata	Chris
20	Igra v vesolju	Zaključek in ponovni začetek igre	Spoznajte zaključevanje in ponovni začetek igre, vključno s čiščenjem virov in ponastavitvijo vrednosti spremenljivk	Pogoj za zaključek	Chris
21	Bančniška aplikacija	HTML predloge in poti v spletni aplikaciji	Naučite se ustvarjati ogrodje arhitekture večstranske spletne strani z usmerjanjem in HTML predlogami	HTML predloge in poti	Yohan
22	Bančniška aplikacija	Izdelava obrazca za prijavo in registracijo	Spoznajte izdelavo obrazcev in ravnanje z validacijo	Obrazci	Yohan
23	Bančniška 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	Bančniška aplikacija	Koncepti upravljanja stanja	Naučite se, kako vaša aplikacija ohranja stanje in kako ga programatsko upravljati	Upravljanje stanja	Yohan
25	Koda za brskalnik/VScode	Delo z VScode	Naučite se uporabljati urejevalnik kode	Uporaba urejevalnika kode VScode	Chris
26	AI asistenti	Delo z AI	Naučite se izdelati svojega AI asistenta	Projekt AI asistenta	Chris

🏫 Pedagogika

Naš kurikulum je zasnovan z dvema ključnima pedagoškima principoma:

• učenje na projektih
• pogosti kvizi

Program poučuje osnove JavaScripta, HTML-ja in CSS-ja, pa tudi najnovejša orodja in tehnike, ki jih danes uporabljajo spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terarija, okolju prijazne brskalniške razširitve, igre v stilu vesoljskega osvajalca in bančne aplikacije za podjetja. Do konca serije bodo študenti pridobili trdno razumevanje spletnega razvoja.

🎓 Prve lekcije tega kurikuluma lahko opravite tudi kot learning path na Microsoft Learn!

Z zagotavljanjem, da je vsebina usklajena s projekti, je proces za študente bolj privlačen in izboljša se zadrževanje pojmov. Prav tako smo napisali več začetnih lekcij o osnovah JavaScripta, ki uvajajo pojme, skupaj z videoposnetkom iz zbirke "Beginners Series to: JavaScript", katere avtorji so prispevali k temu kurikulumu.

Poleg tega nizkocenovni kviz pred poukom usmeri učenca k učenju teme, medtem ko drugi kviz po pouku zagotavlja nadaljnje zadrževanje znanja. Ta kurikulum je zasnovan kot prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in ob koncu 12-tedenskega cikla postanejo vse bolj zapleteni.

Čeprav smo namensko se izognili uvajanju JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred sprejetjem ogrodja, je dober naslednji korak k dokončanju tega kurikuluma učenje o Node.js preko druge zbirke videoposnetkov: "Beginner Series to: Node.js".

Obiščite naša Pravila vedenja in prispevke. Veselimo se vaših konstruktivnih povratnih informacij!

🧭 Dostop brez povezave

To dokumentacijo lahko uporabljate brez povezave z uporabo Docsify. Razvejajte ta repozitorij, namestite Docsify na vaš lokalni računalnik in nato v korenski mapi repozitorija vtipkajte docsify serve. Spletna stran bo dostopna na vratih 3000 pod lokalnim naslovom: localhost:3000.

📘 PDF

PDF vseh lekcij lahko najdete tukaj.

🎒 Drugi tečaji

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

LangChain

Azure / Edge / MCP / Agentje

---

Serija Generativne AI

---

Osnovno učenje

---

Serija Copilot

Iskanje pomoči

Če se zataknete ali imate kakršnakoli vprašanja o ustvarjanju AI aplikacij. Pridružite se ostalim učencem in izkušenim razvijalcem v razpravah o MCP. To je podporna skupnost, kjer so vprašanja dobrodošla in kjer se znanje prosto deli.

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

Licenca

Ta repozitorij je licenciran pod licenco MIT. Za več informacij si oglejte datoteko LICENSE.

---

Opozorilo: Ta dokument je bil preveden z uporabo AI prevajalske storitve Co-op Translator. Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatski prevodi vsebujejo napake ali netočnosti. Izvirni dokument v izvorni jezik velja za avtoritativni vir. Za pomembne informacije priporočamo strokovni človeški prevod. Ne odgovarjamo za morebitne nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda.