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 ponujajo Microsoftovi Cloud Advocates. Vsaka od 24 lekcij se poglobi v JavaScript, CSS in HTML skozi praktične projekte, kot so terariji, razširitve brskalnika in vesoljske igre. Sodelujte v kvizih, razpravah in praktičnih nalogah. Izboljšajte svoje veščine in optimizirajte zadrževanje znanja z našo učinkovito projektno usmerjeno pedagogiko. Začnite svojo pot kodiranja že danes!

Pridružite se skupnosti Azure AI Foundry Discord

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 Azure AI Foundry Discord in spoznajte strokovnjake ter druge razvijalce

🌐 Podpora za več jezikov

Podprto prek GitHub Action (samodejno in vedno posodobljeno)

Arabščina | Bengalščina | Bolgarščina | Burmanščina (Mjanmar) | 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 | Korejščina | Litovščina | Malajščina | Maratščina | Nepalščina | Norveščina | Perzijščina (Farsi) | 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 | Svahili | Švedščina | Tagalog (Filipino) | Tamilščina | Tajščina | Turščina | Ukrajinščina | Urdu | Vietnamščina

Če želite dodati dodatne prevode, so podprti jeziki navedeni tukaj

🧑‍🎓 Ste študent?

Obiščite stran Student Hub, kjer boste našli vire za začetnike, študentske pakete in celo načine za pridobitev brezplačnega certifikata. To je stran, ki jo želite shraniti med zaznamke in jo občasno preveriti, saj vsebino mesečno posodabljamo.

📣 Obvestilo - Novi izzivi z načinom 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 Copilot in načina Agent. Če še niste uporabljali načina Agent, ta omogoča ne le generiranje besedila, ampak tudi ustvarjanje in urejanje datotek, izvajanje ukazov in še več.

📣 Obvestilo - Nov projekt za izdelavo z generativno umetno inteligenco

Pravkar dodan nov projekt AI Assistant, preverite projekt

📣 Obvestilo - Nov učni načrt o generativni umetni inteligenci za JavaScript je bil pravkar objavljen

Ne zamudite našega novega učnega načrta o generativni umetni inteligenci!

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

• Lekcije, ki pokrivajo vse od osnov do RAG.
• Interakcija z zgodovinskimi osebnostmi z uporabo GenAI in naše spremljevalne aplikacije.
• Zabavna in privlačna zgodba, potovali boste skozi čas!

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

• Oblikovanje pozivov in inženiring pozivov
• Generiranje aplikacij za besedilo in slike
• Iskalne aplikacije

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

🌱 Začetek

Učitelji, vključili smo nekaj predlogov o tem, kako uporabiti 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 kvizom pred predavanjem, nadaljujte z branjem gradiva za predavanje, dokončajte različne aktivnosti in preverite svoje razumevanje s kvizom po predavanju.

Za izboljšanje učne izkušnje se povežite s svojimi vrstniki in skupaj delajte na projektih! Razprave so dobrodošle v našem forumu za razprave, kjer bo naša ekipa moderatorjev na voljo za odgovore na vaša vprašanja.

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

📋 Nastavitev vašega okolja

Ta učni načrt ima razvojno okolje, ki je pripravljeno za uporabo! Ko začnete, se lahko odločite za izvajanje učnega načrta v Codespace (okolje, ki temelji na brskalniku, brez potrebnih namestitev), ali lokalno na vašem računalniku z uporabo urejevalnika besedila, kot je Visual Studio Code.

Ustvarite svoj repozitorij

Da boste lahko enostavno shranili svoje delo, priporočamo, da ustvarite svojo kopijo tega repozitorija. To lahko storite s klikom na 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

Izvajanje učnega načrta v Codespace

V svoji kopiji tega repozitorija, ki ste jo ustvarili, kliknite gumb Code in izberite Open with Codespaces. To bo ustvarilo nov Codespace, v katerem lahko delate.

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

Za lokalno izvajanje tega učnega načrta na vašem računalniku boste potrebovali 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 tisto, kar vam najbolj ustreza.

Naše priporočilo je, da uporabite Visual Studio Code kot svoj urejevalnik, 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 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 s klikom na File > Open Folder in izbiro mape, 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 hitrejše pisanje kode

📂 Vsaka lekcija vključuje:

• neobvezno skico
• neobvezen dopolnilni video
• kviz za ogrevanje pred lekcijo
• pisno lekcijo
• za lekcije, ki temeljijo na projektih, vodnik po korakih za izdelavo projekta
• preverjanje znanja
• izziv
• dopolnilno branje
• nalogo
• kviz po lekciji

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

🗃️ Lekcije

	Ime projekta	Naučene koncepti	Cilji učenja	Povezana lekcija	Avtor
01	Začetek	Uvod v programiranje in orodja za delo	Naučite se osnov, ki so skupne večini programskih jezikov, ter o programski opremi, ki pomaga profesionalnim razvijalcem pri delu	Uvod v programske jezike in orodja za delo	Jasmine
02	Začetek	Osnove GitHuba, vključno z delom v ekipi	Kako uporabljati GitHub v vašem projektu, kako sodelovati z drugimi na kodni bazi	Uvod v GitHub	Floor
03	Začetek	Dostopnost	Naučite se osnov 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	Naučite se o funkcijah in metodah za upravljanje logičnega toka aplikacije	Funkcije in metode	Jasmine in Christopher
06	Osnove JS	Sprejemanje odločitev z JS	Naučite se ustvariti pogoje v vaši kodi z metodami za sprejemanje odločitev	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	Terarij	HTML v praksi	Ustvarite HTML za izdelavo spletnega terarija, osredotočite se na postavitev	Uvod v HTML	Jen
09	Terarij	CSS v praksi	Ustvarite CSS za oblikovanje spletnega terarija, osredotočite se na osnove CSS, vključno z odzivnim oblikovanjem	Uvod v CSS	Jen
10	Terarij	JavaScript zapiranja, manipulacija DOM	Ustvarite JavaScript za delovanje terarija kot vmesnika za povleci/spusti, osredotočite se na zapiranja in manipulacijo DOM	JavaScript zapiranja, manipulacija DOM	Jen
11	Igra tipkanja	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 dodatek	Delo z brskalniki	Naučite se, kako delujejo brskalniki, njihovo zgodovino in kako pripraviti prve elemente brskalniškega dodatka	O brskalnikih	Jen
13	Zeleni brskalniški dodatek	Izdelava obrazca, klicanje API-ja in shranjevanje spremenljivk v lokalni pomnilnik	Ustvarite JavaScript elemente vašega brskalniškega dodatka za klicanje API-ja z uporabo spremenljivk, shranjenih v lokalnem pomnilniku	API-ji, obrazci in lokalni pomnilnik	Jen
14	Zeleni brskalniški dodatek	Procesi v ozadju brskalnika, spletna zmogljivost	Uporabite procese v ozadju brskalnika za upravljanje ikone dodatka; naučite se o spletni zmogljivosti in nekaterih optimizacijah	Naloge v ozadju in zmogljivost	Jen
15	Vesoljska igra	Naprednejši razvoj iger z JavaScriptom	Naučite se o dedovanju z uporabo razredov in kompozicije ter o vzorcu Pub/Sub, kot pripravo na izdelavo igre	Uvod v napredni razvoj iger	Chris
16	Vesoljska igra	Risanje na platno	Naučite se o API-ju Canvas, ki se uporablja za risanje elementov na zaslon	Risanje na platno	Chris
17	Vesoljska igra	Premikanje elementov po zaslonu	Odkrijte, kako lahko elementi pridobijo gibanje z uporabo kartezičnih koordinat in API-ja Canvas	Premikanje elementov	Chris
18	Vesoljska igra	Zaznavanje trkov	Naredite, da se elementi zaletijo in medsebojno reagirajo z uporabo tipk ter zagotovite funkcijo ohlajanja za boljšo zmogljivost igre	Zaznavanje trkov	Chris
19	Vesoljska igra	Beleženje točk	Izvajajte matematične izračune na podlagi stanja igre in zmogljivosti	Beleženje točk	Chris
20	Vesoljska igra	Končanje in ponovni zagon igre	Naučite se o končanju in ponovnem zagonu igre, vključno s čiščenjem sredstev in ponastavitvijo vrednosti spremenljivk	Pogoji za končanje	Chris
21	Bančna aplikacija	HTML predloge in poti v spletni aplikaciji	Naučite se ustvariti strukturo večstranske arhitekture spletne strani z uporabo poti in HTML predlog	HTML predloge in poti	Yohan
22	Bančna aplikacija	Izdelava obrazca za prijavo in registracijo	Naučite se izdelave obrazcev in obdelave rutine za preverjanje veljavnosti	Obrazci	Yohan
23	Bančna aplikacija	Metode pridobivanja in uporabe podatkov	Kako podatki tečejo v vašo aplikacijo in iz nje, kako jih pridobiti, shraniti in odstraniti	Podatki	Yohan
24	Bančna aplikacija	Koncepti upravljanja stanja	Naučite se, kako vaša aplikacija ohranja stanje in kako ga programersko upravljati	Upravljanje stanja	Yohan
25	Brskalnik/VScode koda	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 asistent	Chris

🏫 Pedagogika

Naš učni načrt je zasnovan na dveh ključnih pedagoških načelih:

• učenje na podlagi projektov
• pogosti kvizi

Program uči osnove JavaScripta, HTML-ja in CSS-ja ter 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 dodatka, igre v slogu vesoljskih napadalcev in bančne aplikacije za podjetja. Do konca serije bodo študenti pridobili trdno razumevanje spletnega razvoja.

🎓 Prve lekcije v tem učnem načrtu lahko opravite kot učni program na Microsoft Learn!

Z zagotavljanjem, da vsebina ustreza projektom, je proces za študente bolj privlačen, hkrati pa se poveča tudi zadrževanje konceptov. Poleg tega smo pripravili več uvodnih lekcij o osnovah JavaScripta za predstavitev konceptov, ki so povezane z videoposnetki iz zbirke "Beginners Series to: JavaScript", katere avtorji so prispevali k temu učnemu načrtu.

Poleg tega nizkocenovni kviz pred predavanjem usmeri pozornost študenta na učenje teme, medtem ko drugi kviz po predavanju zagotavlja nadaljnje zadrževanje znanja. Ta učni načrt je bil zasnovan tako, da je prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in postajajo vse bolj zapleteni do konca 12-tedenskega cikla.

Čeprav smo namerno izpustili uvajanje JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne za spletne razvijalce pred sprejetjem ogrodja, bi bil dober naslednji korak po zaključku tega učnega načrta učenje o Node.js prek druge zbirke videoposnetkov: "Beginner Series to: Node.js".

Obiščite naše smernice Kodeks ravnanja in Prispevanje. Veseli bomo vaših konstruktivnih povratnih informacij!

🧭 Dostop brez povezave

To dokumentacijo lahko zaženete brez povezave z uporabo Docsify. Forkajte to repozitorij, namestite Docsify na vaš lokalni računalnik, nato pa v korenski mapi te repozitorije vnesite docsify serve. Spletna stran bo na voljo na portu 3000 na vašem lokalnem strežniku: localhost:3000.

📘 PDF

PDF vseh lekcij najdete tukaj.

🎒 Drugi tečaji

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

Azure / Edge / MCP / Agents

---

Serija Generativna umetna inteligenca

---

Osnovno učenje

---

Serija Copilot

Pomoč

Če se zataknete ali imate kakršna koli vprašanja o gradnji AI aplikacij, se pridružite:

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

Licenca

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

---

Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo storitve za prevajanje AI Co-op Translator. Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem maternem jeziku naj se šteje za avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne odgovarjamo za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda.