Web-Dev-For-Beginners/translations/sr

Веб развој за почетнике - Курикулум

Научите основе веб развоја уз наш свеобухватни 12-недељни курс који су креирали Microsoft Cloud Advocates. Свака од 24 лекције обухвата JavaScript, CSS и HTML кроз практичне пројекте као што су тераријуми, екстензије за претраживач и свемирске игре. Укључите се у квизове, дискусије и практичне задатке. Унапредите своје вештине и оптимизујте задржавање знања уз нашу ефикасну педагогију засновану на пројектима. Започните своје путовање у свет програмирања већ данас!

Придружите се Azure AI Foundry Discord заједници

Пратите ове кораке да бисте започели коришћење ових ресурса:

1. Fork-ујте репозиторијум: Кликните
2. Клонирајте репозиторијум: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Придружите се Azure AI Foundry Discord и упознајте стручњаке и друге програмере

🌐 Подршка за више језика

Подржано преко GitHub Action (аутоматски и увек ажурирано)

Арапски | Бенгалски | Бугарски | Бурмански (Мјанмар) | Кинески (поједностављени) | Кинески (традиционални, Хонг Конг) | Кинески (традиционални, Макао) | Кинески (традиционални, Тајван) | Хрватски | Чешки | Дански | Холандски | Естонски | Фински | Француски | Немачки | Грчки | Хебрејски | Хинди | Мађарски | Индонежански | Италијански | Јапански | Корејски | Литвански | Малајски | Марати | Непалски | Норвешки | Персијски (фарси) | Пољски | Португалски (Бразил) | Португалски (Португал) | Пенџапски (Гурмуки) | Румунски | Руски | Српски (ћирилица) | Словачки | Словеначки | Шпански | Свахили | Шведски | Тагалог (Филипински) | Тамилски | Тајландски | Турски | Украјински | Урду | Вијетнамски

Ако желите да се подрже додатни језици, списак је доступан овде

🧑‍🎓 Да ли сте студент?

Посетите Student Hub страницу где ћете пронаћи ресурсе за почетнике, студентске пакете, па чак и начине да добијете бесплатан ваучер за сертификат. Ово је страница коју треба да сачувате и повремено проверавате, јер се садржај мења сваког месеца.

📣 Обавештење - Нови изазови са GitHub Copilot Agent модом!

Додат је нови изазов, потражите "GitHub Copilot Agent Challenge 🚀" у већини поглавља. То је нови изазов за вас који треба да завршите користећи GitHub Copilot и Agent мод. Ако раније нисте користили Agent мод, он је способан не само да генерише текст, већ и да креира и уређује фајлове, извршава команде и још много тога.

📣 Обавештење - Нови пројекат за креирање уз помоћ генеративне вештачке интелигенције

Додат је нови пројекат AI асистента, погледајте пројекат

📣 Обавештење - Нови курикулум о генеративној вештачкој интелигенцији за JavaScript је управо објављен

Не пропустите наш нови курикулум о генеративној вештачкој интелигенцији!

Посетите https://aka.ms/genai-js-course да започнете!

• Лекције које покривају све, од основа до RAG.
• Интеракција са историјским личностима уз помоћ GenAI и наше пратеће апликације.
• Забавна и ангажујућа нарација, путоваћете кроз време!

Свака лекција укључује задатак за завршетак, проверу знања и изазов који ће вас водити кроз учење тема као што су:

• Креирање упита и инжењеринг упита
• Генерисање апликација за текст и слике
• Апликације за претрагу

Посетите https://aka.ms/genai-js-course да започнете!

🌱 Почетак

Наставници, укључили смо неке предлоге о томе како да користите овај курикулум. Волели бисмо да чујемо ваше повратне информације у нашем форуму за дискусију!

Ученици, за сваку лекцију, започните са квизом пре предавања, наставите са читањем материјала за предавање, завршите разне активности и проверите своје разумевање кроз квиз након предавања.

Да бисте побољшали своје искуство учења, повежите се са својим вршњацима како бисте заједно радили на пројектима! Дискусије су охрабрене у нашем форуму за дискусију где ће наш тим модератора бити доступан да одговори на ваша питања.

Да бисте додатно унапредили своје образовање, топло препоручујемо да истражите Microsoft Learn за додатне материјале за учење.

📋 Постављање вашег окружења

Овај курикулум има спремно окружење за развој! Када започнете, можете изабрати да покренете курикулум у Codespace (окружење засновано на претраживачу, без потребе за инсталацијом), или локално на вашем рачунару користећи текст едитор као што је Visual Studio Code.

Креирајте свој репозиторијум

Да бисте лако сачували свој рад, препоручујемо да креирате своју копију овог репозиторијума. То можете урадити кликом на дугме Use this template на врху странице. Ово ће креирати нови репозиторијум на вашем GitHub налогу са копијом курикулума.

Пратите ове кораке:

1. Fork-ујте репозиторијум: Кликните на дугме "Fork" у горњем десном углу ове странице.
2. Клонирајте репозиторијум: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Покретање курикулума у Codespace-у

У вашој копији овог репозиторијума који сте креирали, кликните на дугме Code и изаберите Open with Codespaces. Ово ће креирати нови Codespace за вас у коме можете радити.

Покретање курикулума локално на вашем рачунару

Да бисте покренули овај курикулум локално на вашем рачунару, биће вам потребан текст едитор, претраживач и алат за командну линију. Наша прва лекција, Увод у програмске језике и алате, ће вас провести кроз разне опције за сваки од ових алата како бисте изабрали оно што вам највише одговара.

Наша препорука је да користите Visual Studio Code као ваш едитор, који такође има уграђен Терминал. Можете преузети Visual Studio Code овде.

1. Клонирајте свој репозиторијум на ваш рачунар. То можете урадити кликом на дугме Code и копирањем URL-а:

   CodeSpace

   Затим, отворите Терминал унутар Visual Studio Code и покрените следећу команду, замењујући <your-repository-url> са URL-ом који сте управо копирали:

   git clone <your-repository-url>
   

2. Отворите фасциклу у Visual Studio Code. То можете урадити кликом на File > Open Folder и одабиром фасцикле коју сте управо клонирали.

Препоручени додатци за Visual Studio Code:

• Live Server - za pregled HTML stranica unutar Visual Studio Code-a
• Copilot - za brže pisanje koda

📂 Svaka lekcija uključuje:

• opcionalnu sketchnote
• opcionalni dodatni video
• kviz za zagrevanje pre lekcije
• pisanu lekciju
• za lekcije zasnovane na projektima, vodiče korak po korak kako izgraditi projekat
• provere znanja
• izazov
• dodatno čitanje
• zadatak
• kviz nakon lekcije

Napomena o kvizovima: Svi kvizovi se nalaze u folderu Quiz-app, ukupno 48 kvizova sa po tri pitanja. Dostupni su ovde, aplikacija za kviz može se pokrenuti lokalno ili postaviti na Azure; pratite uputstva u folderu quiz-app.

🗃️ Lekcije

	Naziv projekta	Naučeni koncepti	Ciljevi učenja	Povezana lekcija	Autor
01	Početak	Uvod u programiranje i alati za rad	Naučite osnovne principe većine programskih jezika i o softveru koji pomaže profesionalnim programerima u njihovom poslu	Uvod u programske jezike i alate za rad	Jasmine
02	Početak	Osnove GitHub-a, uključujući rad u timu	Kako koristiti GitHub u vašem projektu, kako sarađivati sa drugima na kodnoj bazi	Uvod u GitHub	Floor
03	Početak	Pristupačnost	Naučite osnove web pristupačnosti	Osnove pristupačnosti	Christopher
04	Osnove JS	Tipovi podataka u JavaScript-u	Osnove tipova podataka u JavaScript-u	Tipovi podataka	Jasmine
05	Osnove JS	Funkcije i metode	Naučite o funkcijama i metodama za upravljanje logikom aplikacije	Funkcije i metode	Jasmine i Christopher
06	Osnove JS	Donošenje odluka u JS	Naučite kako kreirati uslove u vašem kodu koristeći metode za donošenje odluka	Donošenje odluka	Jasmine
07	Osnove JS	Nizovi i petlje	Rad sa podacima koristeći nizove i petlje u JavaScript-u	Nizovi i petlje	Jasmine
08	Terarijum	HTML u praksi	Kreirajte HTML za izradu online terarijuma, fokusirajući se na izradu rasporeda	Uvod u HTML	Jen
09	Terarijum	CSS u praksi	Kreirajte CSS za stilizovanje online terarijuma, fokusirajući se na osnove CSS-a uključujući pravljenje responzivne stranice	Uvod u CSS	Jen
10	Terarijum	JavaScript zatvaranja, manipulacija DOM-a	Kreirajte JavaScript kako bi terarijum funkcionisao kao interfejs za prevlačenje i ispuštanje, fokusirajući se na zatvaranja i manipulaciju DOM-a	JavaScript zatvaranja, manipulacija DOM-a	Jen
11	Igra kucanja	Kreiranje igre kucanja	Naučite kako koristiti događaje tastature za upravljanje logikom vaše JavaScript aplikacije	Programiranje vođeno događajima	Christopher
12	Ekstenzija za zeleni pretraživač	Rad sa pretraživačima	Naučite kako pretraživači funkcionišu, njihovu istoriju i kako postaviti osnovne elemente ekstenzije za pretraživač	O pretraživačima	Jen
13	Ekstenzija za zeleni pretraživač	Kreiranje forme, pozivanje API-ja i čuvanje promenljivih u lokalnom skladištu	Kreirajte JavaScript elemente vaše ekstenzije za pretraživač kako biste pozvali API koristeći promenljive sačuvane u lokalnom skladištu	API-ji, forme i lokalno skladište	Jen
14	Ekstenzija za zeleni pretraživač	Pozadinski procesi u pretraživaču, web performanse	Koristite pozadinske procese pretraživača za upravljanje ikonom ekstenzije; naučite o web performansama i nekim optimizacijama	Pozadinski zadaci i performanse	Jen
15	Svemirska igra	Napredniji razvoj igara sa JavaScript-om	Naučite o nasleđivanju koristeći klase i kompoziciju, kao i o Pub/Sub šablonu, kao pripremu za izradu igre	Uvod u napredni razvoj igara	Chris
16	Svemirska igra	Crtanje na platnu	Naučite o Canvas API-ju, koji se koristi za crtanje elemenata na ekranu	Crtanje na platnu	Chris
17	Svemirska igra	Pomicanje elemenata po ekranu	Otkrijte kako elementi mogu dobiti pokret koristeći kartezijanske koordinate i Canvas API	Pomicanje elemenata	Chris
18	Svemirska igra	Detekcija sudara	Omogućite sudaranje elemenata i njihovu međusobnu reakciju koristeći pritiske na tastaturi i obezbedite funkciju hlađenja za performanse igre	Detekcija sudara	Chris
19	Svemirska igra	Brojanje poena	Izvršite matematičke proračune na osnovu statusa i performansi igre	Brojanje poena	Chris
20	Svemirska igra	Završavanje i ponovno pokretanje igre	Naučite o završavanju i ponovnom pokretanju igre, uključujući čišćenje resursa i resetovanje vrednosti promenljivih	Završni uslov	Chris
21	Bankarska aplikacija	HTML šabloni i rute u web aplikaciji	Naučite kako kreirati osnovu arhitekture veb sajta sa više stranica koristeći rute i HTML šablone	HTML šabloni i rute	Yohan
22	Bankarska aplikacija	Kreiranje forme za prijavu i registraciju	Naučite kako kreirati forme i rukovati procedurama validacije rutina	Forme	Yohan
23	Bankarska aplikacija	Metode za preuzimanje i korišćenje podataka	Kako podaci teku u i iz vaše aplikacije, kako ih preuzeti, sačuvati i obraditi	Podaci	Yohan
24	Bankarska aplikacija	Koncepti upravljanja stanjem	Naučite kako vaša aplikacija zadržava stanje i kako ga programerski upravljati	Upravljanje stanjem	Yohan
25	Pretraživač/VScode kod	Rad sa VScode-om	Naučite kako koristiti editor koda	Koristite VScode editor koda	Chris
26	AI asistenti	Rad sa AI	Naučite kako kreirati sopstvenog AI asistenta	Projekat AI asistenta	Chris

🏫 Pedagogija

Naš kurikulum je dizajniran sa dva ključna pedagoška principa:

• učenje zasnovano na projektima
• česti kvizovi

Program podučava osnove JavaScript-a, HTML-a i CSS-a, kao i najnovije alate i tehnike koje koriste današnji web programeri. Studenti će imati priliku da steknu praktično iskustvo kroz izradu igre kucanja, virtuelnog terarijuma, ekološke ekstenzije za pretraživač, igre u stilu svemirskih invazija i bankarske aplikacije za preduzeća. Na kraju serije, studenti će steći solidno razumevanje web razvoja.

🎓 Prve lekcije iz ovog kurikuluma možete pohađati kao Put učenja na Microsoft Learn!

Osiguravanjem da sadržaj bude usklađen sa projektima, proces učenja postaje zanimljiviji za studente, a zadržavanje koncepta se povećava. Takođe smo napisali nekoliko početnih lekcija o osnovama JavaScript-a kako bismo uveli koncepte, u kombinaciji sa video zapisima iz kolekcije "Serija za početnike: JavaScript", čiji su neki autori doprineli ovom kurikulumu.

Pored toga, kviz sa niskim rizikom pre časa postavlja nameru studenta prema učenju teme, dok drugi kviz nakon časa osigurava dalju retenciju. Ovaj kurikulum je dizajniran da bude fleksibilan i zabavan i može se pohađati u celini ili delimično. Projekti počinju mali i postaju sve složeniji do kraja 12-nedeljnog ciklusa.

Iako smo namerno izbegli uvođenje JavaScript okvira kako bismo se koncentrisali na osnovne veštine potrebne kao web programer pre usvajanja okvira, dobar sledeći korak nakon završetka ovog kurikuluma bio bi učenje o Node.js-u putem druge kolekcije video zapisa: "Serija za početnike: Node.js".

Posetite naš Kodeks ponašanja i smernice za Doprinos. Cenimo vaše konstruktivne povratne informacije!

🧭 Pristup van mreže

Možete pokrenuti ovu dokumentaciju van mreže koristeći Docsify. Forkujte ovaj repo, instalirajte Docsify na vašem lokalnom računaru, a zatim u root folderu ovog repo-a, ukucajte docsify serve. Veb-sajt će biti poslužen na portu 3000 na vašem localhost-u: localhost:3000.

📘 PDF

PDF svih lekcija možete pronaći ovde.

🎒 Ostali kursevi

Naš tim proizvodi i druge kurseve! Pogledajte:

Azure / Edge / MCP / Agents

---

Serija o generativnoj veštačkoj inteligenciji

---

Osnovno učenje

---

Serija o Copilot-u

Dobijanje pomoći

Ako se zaglavite ili imate pitanja o izradi AI aplikacija, pridružite se:

Ako imate povratne informacije o proizvodu ili greške tokom izrade, posetite:

Licenca

Ovaj repozitorijum je licenciran pod MIT licencom. Pogledajte LICENSE datoteku za više informacija.

---

Одрицање од одговорности:
Овај документ је преведен помоћу услуге за превођење уз помоћ вештачке интелигенције Co-op Translator. Иако настојимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на изворном језику треба сматрати меродавним извором. За критичне информације препоручује се професионални превод од стране људи. Не преузимамо одговорност за било каква погрешна тумачења или неспоразуме који могу настати услед коришћења овог превода.