Web-Dev-For-Beginners/translations/sr

Веб развој за почетнике - Наставни план

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

Придружите се Azure AI Foundry Discord-у и упознајте стручњаке и друге програмере.

Пратите ове кораке да бисте почели да користите ове ресурсе:

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

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

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

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 | Khmer | 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

Више волите да копирате локално?

Овај репозиторијум укључује преко 50 превода што значајно повећава величину преузимања. Да бисте клонирали без превода користите 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"

Ово Вам даје све што Вам је потребно за завршетак курса са много бржим преузимањем.

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

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

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

📣 Објава - НОВИ изазови за GitHub Copilot Agent мод за завршавање!

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

📣 Објава - Нови пројекат за прављење користећи Генеративни AI

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

📣 Објава - Нови наставни план за Генеративни AI за JavaScript је управо објављен

Не пропустите наш нови курс за Генеративни AI!

Посетите 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" у горњем десном углу ове странице.
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

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

   git clone <your-repository-url>
   

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

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

• Live Server - за преглед HTML страница унутар Visual Studio Code-а
• Copilot - за помоћ у бржем писању кода

📂 Свака лекција укључује:

• опциони оловкрис
• опциони додатни видео
• припремни квиз пре лекције
• писану лекцију
• за лекције засноване на пројектима, корак-по-корак приручнике како изградити пројекат
• провере знања
• изазов
• додатно читање
• задатак
• квиз након лекције

Напомена о квизовима: Сви квизови се налазе у Quiz-app фасцикли, укупно 48 квизова са по три питања. Доступни су овде, апликацију за квизове можете покренути локално или је објавити на Azure; следите упутства у quiz-app фасцикли.

🗃️ Лекције

	Назив пројекта	Концепти који се уче	Циљеви учења	Повезана лекција	Аутор
01	Почетак	Увод у програмирање и алате струке	Научите основне основе које стоје иза већине програмских језика и о софтверу који помаже професионалним програмерима да раде	Увод у програмске језике и алате струке	Jasmine
02	Почетак	Основе GitHub-а, укључујући рад у тиму	Како користити GitHub у свом пројекту, како сарађивати са другима на коду	Увод у GitHub	Floor
03	Почетак	Приступачност	Научите основе веб приступачности	Основе приступачности	Christopher
04	ЈС основе	Типови података у JavaScript-у	Основе типова података у JavaScript-у	Типови података	Jasmine
05	ЈС основе	Функције и методе	Научите о функцијама и методама које управљају логиком апликације	Функције и методе	Jasmine и Christopher
06	ЈС основе	Доношење одлука са JS	Научите како да креирате услове у свом коду користећи методе доношења одлука	Доношење одлука	Jasmine
07	ЈС основе	Низови и петље	Рад са подацима користећи низове и петље у JavaScript-у	Низови и петље	Jasmine
08	Terrarium	HTML у пракси	Израдите HTML за креирање онлајн тераријума, фокусирајући се на изградњу распореда	Увод у HTML	Jen
09	Terrarium	CSS у пракси	Израдите CSS за стилизовање онлајн тераријума, фокусирајући се на основе CSS укључујући прилагођавање странице	Увод у CSS	Jen
10	Terrarium	JavaScript затварања, рад са DOM-ом	Израдите JavaScript за функционисање тераријума као drag/drop интерфејса, са фокусом на затварања и рад са DOM-ом	JavaScript затварања, рад са DOM-ом	Jen
11	Typing Game	Креирање игре куцања	Научите како да користите догађаје са тастатуре за управљање логиком JavaScript апликације	Програмирање вођено догађајима	Christopher
12	Green Browser Extension	Рад са прегледачима	Научите како прегледачи раде, њихову историју и како направити прве елементе проширења за прегледач	О прегледачима	Jen
13	Green Browser Extension	Креирање форме, позивање API-ја и чување променљивих у локалној меморији	Израдите JavaScript елементе проширења прегледача за позивање API-ја користећи променљиве чуване у локалној меморији	API-ји, форме и локална меморија	Jen
14	Green Browser Extension	Позадински процеси у прегледачу, веб перформансе	Користите позадинске процесе прегледача за управљање иконицом проширења; научите о веб перформансама и оптимизацијама	Позадински задаци и перформансе	Jen
15	Space Game	Напреднији развој игара са JavaScript-ом	Научите о наследству користећи класе и композицију и публиковање/поверене образац, за припрему израде игре	Увод у напредни развој игара	Chris
16	Space Game	Цртање на canvas-у	Научите о Canvas API-ју, који се користи за цртање елемената на екрану	Цртање на Canvas	Chris
17	Space Game	Премештање елемената око екрана	Откријте како елементи добијају покрет коришћењем декартових координата и Canvas API-ја	Премештање елемената	Chris
18	Space Game	Детекција судара	Учините да се елементи сударају и реагују једни на друге користећи притиске тастера и обезбедите cooldown функцију ради перформанси	Детекција судара	Chris
19	Space Game	Вођење резултата	Изведите математичке прорачуне на основу статуса и перформанси игре	Вођење резултата	Chris
20	Space Game	Завршавање и поновно покретање игре	Научите о завршетку и поновном покретању игре, укључујући чишћење ресурса и ресетовање променљивих вредности	Услов завршетка	Chris
21	Banking App	HTML шаблони и руте у веб апликацији	Научите како да креирате структуру више страница веб сајта коришћењем рутирања и HTML шаблона	HTML шаблони и руте	Yohan
22	Banking App	Креирање форме за пријаву и регистрацију	Научите о креирању форми и руковању валидацијом	Форми	Yohan
23	Banking App	Методе дохватања и коришћења података	Како подаци улазе и излазе из ваше апликације, како их дохватити, чувати и одбацити	Подаци	Yohan
24	Banking App	Концепти управљања стањем	Научите како ваша апликација задржава стање и како се оно управља програмски	Управљање стањем	Yohan
25	Browser/VScode Code	Рад са VScode	Научите како да користите едитор кода	Коришћење VScode Code Editor	Chris
26	AI Assistants	Рад са вештачком интелигенцијом	Научите како да направите свог AI асистента	Пројекат AI асистента	Chris

🏫 Педагошија

Наш наставни програм је дизајниран са два кључна педагошка принципа на уму:

• учење засновано на пројектима
• честе провере знања

Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које данашњи веб програмери користе. Студенти ће имати прилику да стекну практично искуство кроз креирање игре куцања, виртуелног тераријума, еколошки прихватљивог проширења прегледача, игре у стилу свемирског нападача и банкарске апликације за пословне кориснике. До краја серије, студенти ће стећи чврсто разумевање веб развоја.

🎓 Прве неколико лекција у овом курикулуму можете узети као Learn Path на Microsoft Learn!

Обезбеђујући да садржај буде усклађен са пројектима, процес је за студенте занимљивији, а задржавање појмова ће бити појачано. Такође смо написали неколико уводних лекција о основама JavaScript-а да бисмо представили концепте, у пару са видео записом из колекције видео туторијала "Beginners Series to: JavaScript", од којих су неки аутори допринели овом наставном плану.

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

Иако смо намерно избегли увођење JavaScript оквира да бисмо се концентрисали на основне вештине потребне веб програмеру пре усвајања оквира, добар следећи корак након завршетка овог курикулума било би учење о Node.js кроз другу колекцију видео записа: "Beginner Series to: Node.js".

Посетите наше смернице о Code of Conduct и Contributing. Добродошла је ваша конструктивна повратна информација!

🧭 Приступ ван мреже

Ову документацију можете покренути ван мреже користећи Docsify. Форкујте овај репозиторијум, инсталирајте Docsify на свом локалном рачунару, и онда у главној фасцикли овог репозиторијума укуцајте docsify serve. Веб сајт ће бити доступан на порту 3000 на вашем localhost-u: localhost:3000.

📘 PDF

PDF svih lekcija možete pronaћи ovde.

🎒 Ostali kursevi

Naš tim proizvodi i druge kurseve! Pogledajte:

LangChain

Azure / Edge / MCP / Agenti

---

Serija Generativne AI

---

Osnovno učenje

---

Serija Copilot

Dobijanje pomoći

Ako zapnete ili imate bilo kakva pitanja u vezi pravljenja AI aplikacija. Pridružite se ostalim učenicima i iskusnim programerima u diskusijama o MCP. To je podržavajuća zajednica gde su pitanja dobrodošla, a znanje se slobodno deli.

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

Licenca

Ovaj repozitorijum je licenciran pod MIT licencom. Više informacija potražite u LICENSE fajlu.

---

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