Web-Dev-For-Beginners/translations/sr

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

Научите основе веб развоја уз наш свеобухватни курс од 12 недеља који воде Microsoft Cloud Advocates. Свих 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 | 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:

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 режим, он није само способан да генерише текст већ и да креира и уређује датотеке, извршава команде и још много тога.

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

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

📣 Обавештење - Нови наставни план о Генеративној вештачкој интелигенцији за 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" у горњем десном углу ове странице.
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 - за преглед HTML страница унутар Visual Studio Code-а
• Copilot - помоћ при бржем писању кода

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

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

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

🗃️ Часови

	Назив пројекта	Концепти који се уче	Циљеви учења	Повољни час	Аутор
01	Почетак рада	Увод у програмирање и алати струке	Научите основне основе које стоје иза већине програмских језика и о софтверу који помаже професионалним програмерима у раду	Увод у програмске језике и алате струке	Jasmine
02	Почетак рада	Основе GitHub-а, укључујући рад у тиму	Како користити GitHub у вашем пројекту, како сарађивати са другима на коду	Увод у GitHub	Floor
03	Почетак рада	Приступачност	Научите основе веб приступачности	Основе приступачности	Christopher
04	Основе JS	Типови података у JavaScript	Основе типова података у JavaScript	Типови података	Jasmine
05	Основе JS	Функције и методе	Научите о функцијама и методама за управљање логичким током апликације	Функције и методе	Jasmine и Christopher
06	Основе JS	Доношење одлука са JS	Научите како да креирате услове у вашем коду користећи методе доношења одлука	Доношење одлука	Jasmine
07	Основе JS	Низови и петље	Рад са подацима користећи низове и петље у JavaScript	Низови и петље	Jasmine
08	Тераријум	Практичан HTML	Креирање HTML-а за онлајн тераријум, фокусирајући се на прављење распореда	Увод у HTML	Jen
09	Тераријум	Практичан CSS	Креирање CSS-а за стилизацију онлајн тераријума, укључујући основе CSS и прављење странице прилагодљивом	Увод у CSS	Jen
10	Тераријум	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-у	Научите о Наслеђивању користећи класе и композицију и модел Pub/Sub, као припрема за прављење игре	Увод у напредни развој игара	Chris
16	Space Game	Цртање на канвасу	Научите о Canvas API-ју који се користи за цртање елемената на екран	Цртање на канвасу	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:3000.

📘 PDF

ПДФ свих часова се може пронаћи овде.

🎒 Остали курсеви

Наш тим производи и друге курсеве! Погледајте:

LangChain

---

Azure / Edge / MCP / Agents

---

Сериија генеративне вештачке интелигенције

---

Основно учење

---

Сериија Copilot

Подаци о помоћи

Ако вам затреба помоћ или имате питања о прављењу апликација са вештачком интелигенцијом. Придружите се другима који уче и искусним програмерима у дискусијама о MCP. То је подржавајућа заједница где су питања добродошла, а знање слободно дели.

Ако имате повратне информације о производу или грешке током програмирања посетите:

Лиценца

Овај репозиторијум је лиценциран под MIT лиценцом. Погледајте датотеку LICENSE за више информација.

---

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