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 акције (аутоматски и увек ажурирано)

Претпочитате локално клонирање?

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

📣 Обзнање - Нови пројекат за израду помоћу генеративне АИ

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

📣 Обзнање - Нови наставни план о генеративној АИ за 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 Онда отворите Терминал унутар 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 and Christopher
06	JS Основе	Одлучивање уз помоћ JS	Научите како правити услове у свом коду користећи методе доношења одлука	Доношење одлука	Jasmine
07	JS Основе	Низови и петље	Рад са подацима користећи низове и петље у JavaScript-у	Низови и петље	Jasmine
08	Тераријум	HTML у пракси	Направите HTML за креирање онлајн тераријума, са фокусом на изградњу распореда	Увод у HTML	Jen
09	Тераријум	CSS у пракси	Направите CSS за стилизовање онлајн тераријума, са фокусом на основе CSS-а укључујући и респонсивност странице	Увод у CSS	Jen
10	Тераријум	JavaScript closures, DOM манипулација	Направите JavaScript који чини тераријум интерактивним помоћу "drag/drop", са фокусом на closure и DOM манипулацију	JavaScript closures, DOM манипулација	Jen
11	Typing Game	Направите игру куцања	Научите како користити догађаје са тастатуре за управљање логиком ваше JavaScript апликације	Програмирање вођено догађајима	Christopher
12	Green Browser Extension	Рад са прегледачима	Научите како прегледачи раде, њихову историју и како започети развој додатка за прегледач	О прегледачима	Jen
13	Green Browser Extension	Израда форме, позив API-ја и чување променљивих у local storage	Направите JavaScript елементе ваше додатке за прегледачем који позива API користећи променљиве сачуване у локалну меморију	API, форме и локална меморија	Jen
14	Green Browser Extension	Позадински процеси у прегледачу, перформансе веба	Употребите позадинске процесе прегледача за управљање иконицом додатка; научите о перформансама и оптимизацијама за учинак	Позадински задаци и перформансе	Jen
15	Space Game	Напреднија развој игара са JavaScript-ом	Научите о наслеђивању користећи класе и композицију и Pub/Sub шаблон, припрема за развој игре	Увод у напредан развој игара	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	Рад са вештачком интелигенцијом	Научите како направити свог АИ асистента	Пројекат АИ асистента	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-у: localhost:3000.

📘 PDF

PDF свих лекција може се пронаћи овде.

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

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

LangChain

Azure / Edge / MCP / агенти

---

Серия генеративне AI

---

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

---

Серия Copilot

Добијање помоћи

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

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

Лиценца

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

---

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