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 obsežnim tečajem, ki ga vodijo Microsoft Cloud Advocates. Vsaka od 24 lekcij poglobljeno obravnava JavaScript, 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 veščine in optimizirajte zadrževanje znanja z našo učinkovito pedagoško metodo, ki temelji na projektih. Začnite svojo kodirno pot že danes!

Pridružite se Discord skupnosti Azure AI Foundry

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

1. Forkajte 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 za več jezikov

Podprto preko GitHub Action (avtomatsko in vedno posodobljeno)

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

Raje klonirati lokalno?

Ta repozitorij vsebuje prevode v več kot 50 jezikov, kar znatno 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 prejmete vse, kar potrebujete za dokončanje tečaja, s precej hitrejšim prenosom.

Če želite podpreti dodatne prevodne jezike, so na voljo na tej strani

🧑‍🎓 Ste študent?

Obiščite stran Student Hub, kjer boste našli začetne vire, pakete za študente in celo načine za pridobitev brezplačnega bona za certifikat. To je stran, ki si jo želite zaznamovati in občasno preverjati, saj vsebine mesečno osvežujemo.

📣 Obvestilo - Novi izzivi GitHub Copilot Agent mode za dokončanje!

Dodan je nov izziv, poiščite "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv, ki ga lahko zaključite z uporabo GitHub Copilota in Agent mode. Če Agent mode še niste uporabljali, je sposoben ne samo ustvarjati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in še več.

📣 Obvestilo - Novi projekt za izdelavo z Generativno AI

Pravkar dodan nov projekt AI asistenta, preverite projekt

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

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

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

• Lekcije pokrivajo vse od osnov do RAG.
• Interakcija z zgodovinskimi liki z GenAI in našo spremljevalno aplikacijo.
• Zabavno in privlačno pripovedovanje, potovanje skozi čas!

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

• Postavljanje vprašanj in oblikovanje vprašanj
• Ustvarjanje aplikacij za besedilo in slike
• Iskalne aplikacije

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

🌱 Začetek

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

Učenci, za vsako lekcijo začnite s kvizom pred predavanjem in nadaljujte z branjem učnega gradiva, dokončanjem različnih aktivnosti ter preverjanjem razumevanja s kvizom po predavanju.

Da izboljšate svojo učne izkušnje, se povežite s sovrstniki in skupaj delajte na projektih! Razprave so dobrodošle v našem diskusijskem forumu, kjer vam bo na voljo naša ekipa moderatorjev za odgovore na vprašanja.

Za nadaljnje izobraževanje priporočamo raziskovanje Microsoft Learn za dodatno študijsko gradivo.

📋 Nastavitev vašega okolja

Ta učni načrt ima že pripravljeno razvojno okolje! Ko začnete, lahko izbirate med poganjanjem učnega načrta v Codespace (brskalniško okolje brez potrebe po namestitvah) ali lokalno na vašem računalniku z urejevalnikom besedila, kot je Visual Studio Code.

Ustvarite svoj repozitorij

Da boste enostavno shranjevali svoje delo, priporočamo, da ustvarite svojo kopijo tega repozitorija. To lahko storite tako, da kliknete gumb Use this template na vrhu strani. To bo ustvarilo nov repozitorij v vašem GitHub računu s kopijo učnega načrta.

Sledite tem korakom:

1. Forkajte 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 repozitorija, ki ste jo ustvarili, kliknite gumb Code in izberite Open with Codespaces. To bo ustvarilo nov Codespace za vaše delo.

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

Za zagon učnega načrta lokalno na vašem računalniku potrebujete urejevalnik besedila, brskalnik in orodje za ukazno vrstico. Naša prva lekcija, Uvod v programske jezike in orodja, vas bo vodila skozi različne možnosti za vsako od teh orodij, da izberete, kar 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 svoj računalnik. To lahko storite tako, da kliknete gumb Code in kopirate URL:

   CodeSpace Nato odprite Terminal v Visual Studio Code in zaženite naslednji ukaz, pri čemer zamenjajte <your-repository-url> 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 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 skicirno beležko
• neobvezni dodatni video
• predhodni kviz za ogrevanje pred lekcijo
• pisni del lekcije
• za lekcije, ki temeljijo na projektih, vodnike po korakih, kako zgraditi projekt
• preverjanje znanja
• izziv
• dodatno branje
• nalogo
• kviz po lekciji

Opomba o kvizih: Vsi kvizi so shranjeni v mapi Quiz-app, skupaj 48 kvizov, vsak s tremi vprašanji. Na voljo so tukaj, kviz aplikacijo lahko zaženete lokalno ali jo namestite na Azure; sledite navodilom v mapi quiz-app.

🗃️ Lekcije

	Ime projekta	Poučene koncepte	Cilji učenja	Povezana lekcija	Avtor
01	Začetek	Uvod v programiranje in orodja stroke	Spoznajte osnovna načela večine programskih jezikov in programske opreme, ki pomaga profesionalnim razvijalcem pri delu	Uvod v programske jezike in orodja stroke	Jasmine
02	Začetek	Osnove GitHuba, vključuje delo 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	Podatkovni tipi v JavaScriptu	Osnove podatkovnih tipov v JavaScriptu	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	Tabele in zanke	Delo s podatki z uporabo tabel in zank v JavaScriptu	Tabele in zanke	Jasmine
08	Terrarium	HTML v praksi	Zgradite HTML za ustvarjanje spletnega terarija, s poudarkom na postavitvi	Uvod v HTML	Jen
09	Terrarium	CSS v praksi	Zgradite CSS za oblikovanje spletnega terarija, s poudarkom na osnovah CSS in prilagajanju strani	Uvod v CSS	Jen
10	Terrarium	JavaScript zaprte funkcije, manipulacija DOM	Zgradite JavaScript, da terarij deluje kot vmesnik za povleci-in-spusti, s poudarkom na zaprtih funkcijah in manipulaciji DOM	JavaScript zaprte funkcije, manipulacija DOM	Jen
11	Igra tipkanja	Zgradite igro tipkanja	Naučite se uporabljati dogodke tipkovnice za poganjanje logike vaše JavaScript aplikacije	Dogodkovno programiranje	Christopher
12	Razširitev zelenega brskalnika	Delo z brskalniki	Spoznajte, kako delujejo brskalniki, njihovo zgodovino in kako pripraviti prve elemente razširitve brskalnika	O brskalnikih	Jen
13	Razširitev zelenega brskalnika	Gradnja obrazca, klic API in shranjevanje spremenljivk v lokalno shrambo	Zgradite JavaScript elemente razširitve brskalnika za klic API z uporabo spremenljivk shranjenih v lokalni shrambi	API-ji, obrazci in lokalna shramba	Jen
14	Razširitev zelenega brskalnika	Ozadinski procesi v brskalniku, spletna zmogljivost	Uporabite ozadinske procese brskalnika za upravljanje ikone razširitve; naučite se o spletni zmogljivosti in nekaterih optimizacijah	Ozadna opravila in zmogljivost	Jen
15	Igra vesolja	Naprednejši razvoj iger z JavaScriptom	Spoznajte dediščino z uporabo tako razredov kot kompozicije in vzorec Pub/Sub, kot pripravo na izdelavo igre	Uvod v napredni razvoj iger	Chris
16	Igra vesolja	Risanje na canvas	Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon	Risanje na canvas	Chris
17	Igra vesolja	Premikanje elementov po zaslonu	Odkrijte, kako elementi pridobijo gibanje z uporabo kartezičnih koordinat in Canvas API	Premikanje elementov	Chris
18	Igra vesolja	Zaznavanje trkov	Naredite, da elementi trčijo in medsebojno reagirajo z uporabo pritiskov tipk ter zagotovite funkcijo počitka za zmogljivost igre	Zaznavanje trkov	Chris
19	Igra vesolja	Beleženje točk	Izvedite matematične izračune na podlagi stanja in zmogljivosti igre	Beleženje točk	Chris
20	Igra vesolja	Zaključek in ponovni začetek igre	Spoznajte, kako zaključiti in ponovno zagnati igro, vključno s čiščenjem virov in ponastavitvijo vrednosti spremenljivk	Pogoji zaključka	Chris
21	Bančniška aplikacija	HTML predloge in poti v spletni aplikaciji	Spoznajte, kako ustvariti ogrodje večstranske spletne strani z uporabo usmerjanja in HTML predlog	HTML predloge in poti	Yohan
22	Bančniška aplikacija	Zgradite obrazec za prijavo in registracijo	Spoznajte izdelavo obrazcev in obdelavo validacijskih rutin	Obrazci	Yohan
23	Bančniška aplikacija	Metode pridobivanja in uporabe podatkov	Kako podatki vstopajo in izstopajo iz aplikacije, kako jih pridobiti, shraniti in odstraniti	Podatki	Yohan
24	Bančniška aplikacija	Koncepti upravljanja stanja	Spoznajte, kako aplikacija ohranja stanje in kako ga programatsko upravljati	Upravljanje stanja	Yohan
25	Brskalnik/urejevalnik kode VScode	Delo z VScode	Naučite se uporabljati urejevalnik kode	Uporaba urejevalnika VScode	Chris
26	AI asistenti	Delo z AI	Naučite se zgraditi svojega AI asistenta	Projekt AI asistenta	Chris

🏫 Pedagogika

Naš učni program je zasnovan z dvema ključnima pedagoškima principoma v mislih:

• učenje preko projektov
• pogosti kvizi

Program uči osnove JavaScript, HTML in CSS, pa tudi najnovejša orodja in tehnike, ki jih uporabljajo današnji spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z gradnjo igre tipkanja, virtualnega terarija, okolju prijazne razširitve brskalnika, igre v stilu Space Invader in bančne aplikacije za podjetja. Ob koncu serije bodo imeli trdno razumevanje spletnega razvoja.

🎓 Prve lekcije tega učnega programa lahko opravite kot Učni poti na Microsoft Learn!

Z zagotavljanjem, da se vsebina ujema s projekti, postane proces bolj zanimiv za študente in se poveča zadrževanje konceptov. Prav tako smo napisali nekaj začetnih lekcij o osnovah JavaScript, da predstavimo koncepte, skupaj z videom iz zbirke "Serija za začetnike: JavaScript", katere avtorji so prispevali k temu učnemu programu.

Poleg tega nizkorizični kviz pred poukom usmerja študenta k učenju teme, medtem ko drugi kviz po pouku zagotavlja nadaljnje zadrževanje znanja. Ta učni program je zasnovan tako, da je prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in do konca 12-tedenskega cikla postanejo vse bolj kompleksni.

Čeprav smo namenoma se izognili uvajanju JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred uporabo ogrodja, je dober naslednji korak za dokončanje tega učnega programa učenje o Node.js prek druge zbirke videoposnetkov: "Serija za začetnike: Node.js".

Ogledate si lahko naša Pravila obnašanja in Prispevanje. Veselimo se vaših konstruktivnih povratnih informacij!

🧭 Dostop brez povezave

To dokumentacijo lahko uporabljate brez povezave z uporabo Docsify. Razvejite to repozitorij, namestite Docsify na vaš lokalni računalnik in nato v korenski mapi te repozitorija vnesite docsify serve. Spletna stran bo dostopna na vratih 3000 na vašem lokalnem strežniku: localhost:3000.

📘 PDF

PDF vseh lekcij lahko najdete tukaj.

🎒 Drugi tečaji

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

LangChain

Azure / Edge / MCP / Agents

---

Serija generativne umetne inteligence

---

Osnove učenja

---

Serija Copilot

Pomoč

Če se zataknete ali imate kakršna koli vprašanja o izdelavi AI aplikacij, se pridružite drugim učencem in izkušenim razvijalcem v razpravah o MCP. To je prijazna skupnost, kjer so vprašanja dobrodošla in se znanje medsebojno prostovoljno deli.

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

Licenca

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

---

Opozorilo: Ta dokument je bil preveden z uporabo storitve za strojno prevajanje Co-op Translator. Čeprav si prizadevamo za natančnost, upoštevajte, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v izvorni jezik velja za avtoritativni vir. Za pomembne informacije priporočamo profesionalni človeški prevod. Za morebitne nesporazume ali napačne razlage, ki izhajajo iz uporabe tega prevoda, ne prevzemamo odgovornosti.