Научите основе веб развоја уз наш свеобухватни курс од 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-у и упознајте стручњаке и колеге програмере

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

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

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

Не пропустите наш нови наставни програм о Генеративној 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

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

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

Наш предлог је да користите Visual Studio Code као свој уређивач, који такође има уграђени Terminal. 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 фасцикли.

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

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

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

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

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

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

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

Посетите наша упутства о Коду понашања и Прилози. Добродошли су ваши конструктивни коментари!

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

PDF svih lekcija možete pronaћи овде.

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

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

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

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

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