42 KiB
á¤áĄáááşá¸áĄááźá áşááťáŹá¸ááᯠáĄááŻáśá¸ááźáŻáááşáĄáááˇáşááťáŹá¸ááᯠáááŻááşááŹááŤ-
- Repository ááᯠFork ááŻááşááŤ:
áááŻáážáááşááŤ
- Repository ááᯠClone ááŻááşááŤ:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
- Azure AI Foundry Discord ááᯠJoin ááŻááşááźáŽá¸ ááťá˝ááşá¸ááťááşáá°ááťáŹá¸áážááˇáş Developer ááááşáá˝áąááťáŹá¸áážááˇáş áá˝áąáˇááŻáśááŤ
Beginner ááťáŹá¸áĄáá˝ááş Web Development - áááşáááşá¸á áŹááťáŹá¸
Microsoft Cloud Advocates ááž 12-áááşááźáŹ áááşáááşá¸á áŹááťáŹá¸ááźááˇáş Web Development áĄááźáąááśááťáŹá¸ááᯠááąáˇááŹááŤá 24 áááşáááşá¸á áŹááťáŹá¸áá˝ááş JavaScript, CSS, HTML ááᯠterrariums, browser extensions, space games á áááşáááŻáˇáá˛áˇáááŻáˇááąáŹ áááşáá˝áąáˇááŻááşáááşá¸ááťáŹá¸áážáá áşáááˇáş ááąáˇááŹáááŻááşááŤáááşá Quiz ááťáŹá¸á áá˝áąá¸áá˝áąá¸áážáŻááťáŹá¸áážááˇáş áááşáá˝áąáˇáĄááŻááşááťáŹá¸ááᯠááŤáááşá áąááźáŽá¸ áááşáááťá˝ááşá¸ááťááşáážáŻááťáŹá¸ááᯠáááŻá¸áááşá áąááŤáááşá Project-based áááşááźáŹá¸áážáŻáááşá¸áááşá¸ááťáŹá¸ááźááˇáş áááşá áĄáááááŹááᯠáĄáá°á¸ááźáŻá áąááŤá Coding áááŽá¸á ááşááᯠáááąáˇá áááşáááŻááşááŤ!
đ Multi-Language Support
GitHub Action áážáá áşáááˇáş áĄáááŻáĄááťáąáŹááş áĄááźá˛ Update ááźá áşááąááąáŹ ááŹááŹá ááŹá¸ááťáŹá¸
French | Spanish | German | Russian | Arabic | Persian (Farsi) | Urdu | Chinese (Simplified) | Chinese (Traditional, Macau) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Taiwan) | Japanese | Korean | Hindi | Bengali | Marathi | Nepali | Punjabi (Gurmukhi) | Portuguese (Portugal) | Portuguese (Brazil) | Italian | Polish | Turkish | Greek | Thai | Swedish | Danish | Norwegian | Finnish | Dutch | Hebrew | Vietnamese | Indonesian | Malay | Tagalog (Filipino) | Swahili | Hungarian | Czech | Slovak | Romanian | Bulgarian | Serbian (Cyrillic) | Croatian | Slovenian | Ukrainian | Burmese (Myanmar)
áĄáááŻááŹááŹá ááŹá¸ááťáŹá¸ááᯠáááˇáşáá˝ááşá¸áááŻááŤá ááŽááąáᏠáá˝ááş áážáŹáá˝áąááŤ
đ§âđ ááťáąáŹááşá¸ááŹá¸ááťáŹá¸áĄáá˝ááş
Student Hub page ááᯠáá˝áŹá¸ááąáŹááşááąáˇááŹááŤá áĄá ááźáŻáá°ááťáŹá¸áĄáá˝ááş áĄáááşá¸áĄááźá áşááťáŹá¸á Student packs ááťáŹá¸áážááˇáş áĄááá˛áˇáááşáážááş voucher ááá°áááŻááşááąáŹ áááşá¸áááşá¸ááťáŹá¸ááᯠáá˝áąáˇáááŻááşááŤáááşá á¤á áŹááťááşáážáŹááᯠBookmark ááŻááşááŹá¸ááźáŽá¸ áá ááşáĄááźáąáŹááşá¸áĄááŹááťáŹá¸ ááźáąáŹááşá¸áá˛áááˇáşáĄá፠ááźááşáááşááźááˇáşáážáŻááŤá
đŁ ááźáąááŹááťááş - Generative AI áĄááŻáśá¸ááźáŻá Project áĄáá áşáááşááąáŹááşáááş
AI Assistant Project áĄáá áşááᯠáááˇáşáá˝ááşá¸ááŹá¸ááźáŽá¸ project áá˝ááş ááźááˇáşáážáŻááŤá
đŁ ááźáąááŹááťááş - Generative AI Curriculum áĄáá áşááᯠJavaScript áĄáá˝ááş ááŻááşááąááŹá¸ááŤáááş
Generative AI Curriculum áĄáá áşááᯠáááşááá˝ážááşááŤáážááˇáş!
https://aka.ms/genai-js-course áááŻáˇ áá˝áŹá¸ááąáŹááşááźáŽá¸ á áááşááŤ!
- áĄááźáąááśááž RAG áĄáá áááşáááşá¸á áŹááťáŹá¸
- GenAI áážááˇáş áĄáá°áĄáᎠApp ááᯠáĄááŻáśá¸ááźáŻá ááááŻááşá¸áááŻááşáᏠáá°ááŻáášáááŻááşááťáŹá¸áážááˇáş áĄááźááşáĄáážááş áá˝áąá¸áá˝áąá¸ááŤ
- á áááşáááşá áŹá¸áá˝ááş ááŹááşáááşá¸áá áşááŻááşááźááˇáş áĄááťáááşáááŽá¸áá˝áŹá¸ááŤ!
áááşáááşá¸á áŹáááŻááşá¸áá˝ááş ááŻááşáááşá¸ááŹáááşááťáŹá¸á áĄáááááŹá á áşááąá¸áážáŻááťáŹá¸áážááˇáş áĄáááşá¸ááášáááťáŹá¸ ááŤáááşááźáŽá¸ áĄáąáŹááşááŤáĄááźáąáŹááşá¸áĄááŹááťáŹá¸ááᯠááąáˇááŹáááş áááşá¸áá˝ážááşááŤáááş-
- Prompting áážááˇáş Prompt Engineering
- Text áážááˇáş Image App áááşááąáŹááşááźááşá¸
- Search Apps
https://aka.ms/genai-js-course áááŻáˇ áá˝áŹá¸ááąáŹááşááźáŽá¸ á áááşááŤ!
đą á áááşáĄááŻáśá¸ááźáŻááźááşá¸
áááŹááťáŹá¸á á¤áááşáááşá¸á áŹááťáŹá¸ááᯠáĄááŻáśá¸ááźáŻáááş áĄááźáśááźáŻááťááşááťáŹá¸ááᯠááŽááąáᏠáá˝ááş áááˇáşáá˝ááşá¸ááŹá¸ááŤáááşá áááŹááťáŹá¸áĄáá˝ááş áá˝áąá¸áá˝áąá¸áážáŻáááŻáááş áá˝ááş áááˇáşáĄááźáśááźáŻááťááşááťáŹá¸ááᯠááťážááąááŤ!
áááşáá°áá°ááťáŹá¸á áááşáááşá¸á áŹáááŻááşá¸áĄáá˝ááş Pre-lecture Quiz ááźááˇáş á áááşááźáŽá¸ áááşáááşá¸á áŹáĄááźáąáŹááşá¸áĄááŹááťáŹá¸ááᯠáááşáážáŻááŤá ááŻááşáááşá¸ááťáŹá¸ááᯠááźáŽá¸ááźáąáŹááşá áąááźáŽá¸ Post-lecture Quiz ááźááˇáş áááşáááŹá¸áááşáážáŻááᯠá á áşááąá¸ááŤá
áááşáá°áážáŻáĄáá˝áąáˇáĄááźáŻáśááᯠááźážááˇáşáááşáááş ááááşáá˝áąááťáŹá¸áážááˇáş áá°á¸ááąáŤááşá¸ááźáŽá¸ Project ááťáŹá¸ááᯠáĄáá°áá°ááŻááşááąáŹááşááŤ! áá˝áąá¸áá˝áąá¸áážáŻáááŻáááş áá˝ááş áá˝áąá¸áá˝áąá¸áážáŻááťáŹá¸ááᯠáážáŻáśáˇááąáŹáşááźáŽá¸ ááťá˝ááşáŻááşáááŻáˇá Moderator áĄáá˝á˛áˇáááş áááˇáşááąá¸áá˝ááşá¸ááťáŹá¸ááᯠááźáąááźáŹá¸ááąá¸ááŤáááşá
áááşááááŹááąá¸ááᯠáááŻá¸áááşá áąáááş Microsoft Learn ááᯠááąáˇááŹáááş áĄáá°á¸áĄááźáśááźáŻááŤáááşá
đ áááşáˇáááşáááşá¸ááťááşááᯠá áááşáááşáááşááźááşá¸
á¤áááşáááşá¸á áŹááťáŹá¸áá˝ááş Development Environment ááᯠáĄáááˇáşáážáááźáŽá¸ áááşá áááşáááŻááşááŤáááş! Curriculum ááᯠCodespace (Browser-based, Install ááááŻáĄááşááąáŹ Environment) áááŻáˇáááŻááş áááşá Computer áá˝ááş Local áĄááąááźááˇáş Text Editor áá áşááŻááźááˇáş áĄááŻáśá¸ááźáŻáááŻááşááŤáááşá Programming Languages áážááˇáş Tools of the Trade áááşáááşá¸á áŹáá˝ááş áááşááááŻáĄááşááťááşááťáŹá¸áĄáá˝ááş áĄááąáŹááşá¸ááŻáśá¸ Tool ááťáŹá¸ááᯠáá˝áąá¸ááťááşáááş áááşá¸áá˝ážááşááŤáááşá
áááşá Repository ááᯠáááşááŽá¸ááŤ
áááşááĄááŻááşááťáŹá¸ááᯠáá˝ááşáá°á á˝áŹ ááááşá¸áááşá¸áááş áááşá Repository ááᯠáááşááŽá¸áááş áĄááźáśááźáŻááŤáááşá á¤áááşáááşá¸á áŹááťáŹá¸ááᯠáááşá GitHub Account áá˝ááş Copy ááŻááşááŹá¸ááąáŹ Repository áĄáá áşáá áşááŻááᯠáááşááŽá¸áááş Use this template áááŻááşááᯠáážáááşááŤá
áĄáááˇáşááťáŹá¸ááᯠáááŻááşááŹááŤ-
- Repository ááᯠFork ááŻááşááŤ: á¤á áŹááťááşáážáŹá áĄááąáŤáşááśááŹáááşáá˝ááşáážáááąáŹ "Fork" áááŻááşááᯠáážáááşááŤá
- Repository ááᯠClone ááŻááşááŤ:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Curriculum ááᯠCodespace áá˝ááş Run ááŻááşááźááşá¸
áááşáááşááŽá¸ááŹá¸ááąáŹ Repository áá˝ááş Code áááŻááşááᯠáážáááşááźáŽá¸ Open with Codespaces ááᯠáá˝áąá¸ááŤá á¤áááş áááşáĄááŻááşááŻááşáááş Codespace áĄáá áşáá áşááŻááᯠáááşááŽá¸ááąá¸ááŤáááşá
!Codespace./images/createcodespace.png)
Curriculum ááᯠáááşá Computer áá˝ááş Local áĄááąááźááˇáş Run ááŻááşááźááşá¸
Curriculum ááᯠáááşá Computer áá˝ááş Local áĄááąááźááˇáş Run ááŻááşáááş Text Editor, Browser áážááˇáş Command Line Tool áá áşááŻáááŻáĄááşááŤáááşá Programming Languages áážááˇáş Tools of the Trade áááşáááşá¸á áŹáá˝ááş Tool ááťáŹá¸ááᯠáá˝áąá¸ááťááşáááş áááşá¸áá˝ážááşááŤáááşá
ááťá˝ááşáŻááşáááŻáˇá áĄááźáśááźáŻááťááşáážáŹ Visual Studio Code ááᯠEditor áĄááźá áş áĄááŻáśá¸ááźáŻáááşááźá áşááźáŽá¸ Terminal ááᯠBuilt-in áĄááąááźááˇáş ááŤáááşáááşá Visual Studio Code ááᯠááŽááąáᏠááž Download ááŻááşááŤá
-
áááşá Repository ááᯠComputer áááŻáˇ Clone ááŻááşááŤá Code áááŻááşááᯠáážáááşááźáŽá¸ URL ááᯠCopy ááŻááşááŤ-
áááŻáˇááąáŹááş Visual Studio Code áá˝ááş Terminal ááᯠáá˝ááˇáşááźáŽá¸ áááş Copy ááŻááşááŹá¸ááąáŹ URL áááŻ
<your-repository-url>
áĄá áŹá¸áááŻá¸á áĄáąáŹááşá፠Command ááᯠRun ááŻááşááŤ-git clone <your-repository-url>
-
Visual Studio Code áá˝ááş Folder ááᯠáá˝ááˇáşááŤá File ááᯠáážáááşááźáŽá¸...
áááŻááşááŤáá˝ááˇáşááźáŽá¸ááąáŹáˇ áááşáááźáŹááąá¸ááŽá áááŻááşá¸ááŻááşááŹá¸áá˛áˇ áááŻááşááŤááᯠáá˝áąá¸ááťááşááŤá Visual Studio Code áĄáá˝ááş áĄááźáśááźáŻááŹá¸ááąáŹ Extension ááťáŹá¸:
- Live Server - Visual Studio Code áĄáá˝ááşá¸ HTML á áŹááťááşáážáŹááťáŹá¸ááᯠááźááˇáşáážáŻáááş
- Copilot - ááŻááşááąá¸ááŹá¸áážáŻááᯠáááŻáááŻááťááşááźááşá áąáááş
đ áááşáááşá¸á áŹáá áşááŻá áŽáá˝ááş ááŤáááşáááşááťáŹá¸:
- á áááşááźááŻááş sketchnote
- á áááşááźááŻááş áááşááąáŹááşá¸ááŽááŽáááŻ
- áááşáááşá¸á áŹááááŻááşáᎠáĄáá°áááşááąá¸áá˝ááşá¸
- ááąá¸ááŹá¸ááŹá¸ááąáŹ áááşáááşá¸á áŹ
- áááąáŹááťááşáĄááźáąááźáŻ áááşáááşá¸á áŹááťáŹá¸áĄáá˝ááş áááąáŹááťááşáááşááąáŹááşáááşá¸ áááşá¸áá˝ážááşááťááşááťáŹá¸
- áĄáááááŹá á áşááąá¸áážáŻááťáŹá¸
- á áááşááąáŤáşáážáŻ
- áááşááąáŹááşá¸áááşáážáŻáááş
- áĄáááşá áŹ
- áááşáááşá¸á áŹááźáŽá¸ááŻáśá¸ááźáŽá¸ááąáŹááş ááąá¸áá˝ááşá¸
ááąá¸áá˝ááşá¸ááťáŹá¸áĄááźáąáŹááşá¸ áážááşááťááş: ááąá¸áá˝ááşá¸áĄáŹá¸ááŻáśá¸ááᯠQuiz-app áááŻááşááŤáá˝ááş áááˇáşáá˝ááşá¸ááŹá¸ááźáŽá¸á ááąá¸áá˝ááşá¸ á ááŻááŤáááşááąáŹ á áŻá áŻááąáŤááşá¸ áá ááŻáážááááşá ááŽáážáŹ ááááŻááşááźáŽá¸á quiz app ááᯠááąááá˝ááşá¸áá˝ááş áĄááŻááşááŻááşá áąááźááşá¸ áááŻáˇáááŻááş Azure áá˝ááş áááşáááŻááşáááşá
quiz-app
áááŻááşááŤáĄáá˝ááşá¸áážá áááşá¸áá˝ážááşááťááşááťáŹá¸ááᯠáááŻááşááŹááŤá
đď¸ áááşáááşá¸á áŹááťáŹá¸
áááąáŹááťááşáĄáááş | áááşááźáŹá¸áááˇáşáĄááźáąáŹááşá¸áĄááŹááťáŹá¸ | áááşáá°ááááˇáşáááşáážááşá¸ááťááşááťáŹá¸ | áááşáááşá¸á áŹááťáááşáááş | á áŹááąá¸áá° | |
---|---|---|---|---|---|
01 | á áááşááźááşá¸ | Programming áážááˇáş Tools of the Trade áĄááźáąáŹááşá¸ááááşáááş | Programming ááŹááŹá ááŹá¸ááťáŹá¸á áĄááźáąááśáĄááźáąáŹááşá¸áĄááŹááťáŹá¸áážááˇáş áááąáŹáşáááşáážááşáááş Developer ááťáŹá¸áĄááŻááşááŻááşááŹáá˝ááş áĄááŻáśá¸ááźáŻááąáŹ ááąáŹáˇááşáá˛ááťáŹá¸ááᯠááąáˇááŹá፠| Programming ááŹááŹá ááŹá¸ááťáŹá¸áážááˇáş Tools of the Trade áĄááźáąáŹááşá¸ááááşáááş | Jasmine |
02 | á áááşááźááşá¸ | GitHub áĄááźáąááśááťáŹá¸á áĄáá˝á˛áˇáááŻááşáĄááŻááşááŻááşááźááşá¸áĄááŤáĄáááş | GitHub ááᯠáááşááááąáŹááťááşáá˝ááş áĄááŻáśá¸ááźáŻáááşá¸á áĄááźáŹá¸áá°ááťáŹá¸áážááˇáş ááŻááşáĄááźáąááśááąáŤáşáá˝ááş áá°á¸ááąáŤááşá¸ááąáŹááşáá˝ááşáááşá¸ | GitHub áĄááźáąááśááťáŹá¸ | Floor |
03 | á áááşááźááşá¸ | áááşááşáááşáážááşá¸ááŽáážáŻ | áááşááşáááşáážááşá¸ááŽáážáŻá áĄááźáąááśáĄááźáąáŹááşá¸áĄááŹááťáŹá¸ááᯠááąáˇááŹá፠| áááşááşáááşáážááşá¸ááŽáážáŻáĄááźáąááś | Christopher |
04 | JS áĄááźáąááś | JavaScript Data Types | JavaScript Data Types áĄááźáąááśáĄááźáąáŹááşá¸áĄááŹááťáŹá¸ | Data Types | Jasmine |
05 | JS áĄááźáąááś | Functions áážááˇáş Methods | Application á logic flow ááᯠá áŽááśáááş Functions áážááˇáş Methods áĄááźáąáŹááşá¸ááᯠááąáˇááŹá፠| Functions áážááˇáş Methods | Jasmine and Christopher |
06 | JS áĄááźáąááś | JS ááźááˇáş ááŻáśá¸ááźááşááťááşááťáŹá¸ááťááźááşá¸ | Decision-making áááşá¸áááşá¸ááťáŹá¸ááᯠáĄááŻáśá¸ááźáŻá áááşáááŻááşáá˝ááş áĄááźáąáĄááąááťáŹá¸ áááşááŽá¸áááşá¸ááᯠááąáˇááŹá፠| ááŻáśá¸ááźááşááťááşááťáŹá¸ááťááźááşá¸ | Jasmine |
07 | JS áĄááźáąááś | Arrays áážááˇáş Loops | JavaScript áá˝ááş Arrays áážááˇáş Loops ááᯠáĄááŻáśá¸ááźáŻá ááąááŹááťáŹá¸ááᯠá áŽááśá፠| Arrays áážááˇáş Loops | Jasmine |
08 | Terrarium | HTML ááᯠáááşáá˝áąáˇáĄááŻáśá¸ááźáŻááźááşá¸ | Layout áá áşááŻáááşááąáŹááşáááş áĄá˝ááşáááŻááşá¸ Terrarium áá áşááŻááᯠHTML ááźááˇáş áááşááąáŹááşá፠| HTML áĄááźáąáŹááşá¸ááááşáááş | Jen |
09 | Terrarium | CSS ááᯠáááşáá˝áąáˇáĄááŻáśá¸ááźáŻááźááşá¸ | CSS ááᯠáĄááŻáśá¸ááźáŻá áĄá˝ááşáááŻááşá¸ Terrarium ááᯠáĄáážáááşááŤá CSS áĄááźáąááśáĄááźáąáŹááşá¸áĄááŹááťáŹá¸áážááˇáş á áŹááťááşáážáŹááᯠresponsive ááźá áşá áąáááş áĄááźáąááśááťáŹá¸ááᯠáĄáŹááŻáśá ááŻááşá፠| CSS áĄááźáąáŹááşá¸ááááşáááş | Jen |
10 | Terrarium | JavaScript Closures, DOM ááᯠá áŽááśááźááşá¸ | Drag/drop interface áĄááźá áş Terrarium ááᯠááŻááşááąáŹááşá áąáááş JavaScript ááᯠáááşááąáŹááşááŤá Closures áážááˇáş DOM ááᯠá áŽááśááźááşá¸áĄááąáŤáş áĄáŹááŻáśá ááŻááşá፠| JavaScript Closures, DOM ááᯠá áŽááśááźááşá¸ | Jen |
11 | Typing Game | Typing Game áá áşáᯠáááşááąáŹááşááźááşá¸ | JavaScript app á logic ááᯠkeyboard events áĄááŻáśá¸ááźáŻá á áŽááśáááşá¸ááᯠááąáˇááŹá፠| Event-Driven Programming | Christopher |
12 | Green Browser Extension | Browser ááťáŹá¸áážááˇáş áĄááŻááşááŻááşááźááşá¸ | Browser ááťáŹá¸áĄááŻááşááŻááşááŻáśá áááşá¸áááŻáˇá ááááŻááşá¸ááźáąáŹááşá¸áážááˇáş Browser Extension á áááááŻáśá¸ elements ááťáŹá¸ááᯠscaffold áááşááąáŹááşáááşá¸ááᯠááąáˇááŹá፠| Browser ááťáŹá¸áĄááźáąáŹááşá¸ | Jen |
13 | Green Browser Extension | Form áá áşááŻáááşááąáŹááşááźááşá¸á API áá áşááŻááᯠááąáŤáşááŻáśá¸ááźááşá¸áážááˇáş local storage áá˝ááş variable ááťáŹá¸ááááşá¸ááźááşá¸ | Local storage áá˝ááş ááááşá¸ááŹá¸ááąáŹ variable ááťáŹá¸ááᯠáĄááŻáśá¸ááźáŻá API áá áşááŻááᯠááąáŤáşááŻáśá¸áááş Browser Extension á JavaScript elements ááťáŹá¸ááᯠáááşááąáŹááşá፠| APIs, Forms, áážááˇáş Local Storage | Jen |
14 | Green Browser Extension | Browser á Background Processes, Web Performance | Extension á icon ááᯠá áŽááśáááş Browser á Background Processes ááᯠáĄááŻáśá¸ááźáŻááŤá Web Performance áážááˇáş áĄááťááŻáˇááąáŹ Optimization ááťáŹá¸ááᯠááąáˇááŹá፠| Background Tasks áážááˇáş Performance | Jen |
15 | Space Game | JavaScript ááźááˇáş áĄáááˇáşááźááˇáş Game Development | Game áá áşááŻáááşááąáŹááşáááş Class áážááˇáş Composition áážááˇáş Pub/Sub pattern ááᯠáĄááŻáśá¸ááźáŻá Inheritance áĄááźáąáŹááşá¸ááᯠááąáˇááŹá፠| áĄáááˇáşááźááˇáş Game Development áĄááźáąáŹááşá¸ááááşáááş | Chris |
16 | Space Game | Canvas ááąáŤáşáá˝ááş ááąá¸áá˝á˛ááźááşá¸ | Canvas API áĄááźáąáŹááşá¸ááᯠááąáˇááŹááŤá áááşá¸ááᯠáĄááŻáśá¸ááźáŻá Screen ááąáŤáşáá˝ááş Element ááťáŹá¸ááᯠááąá¸áá˝á˛á፠| Canvas ááąáŤáşáá˝ááş ááąá¸áá˝á˛ááźááşá¸ | Chris |
17 | Space Game | Screen ááąáŤáşáá˝ááş Element ááťáŹá¸ááᯠáá˝ážáąáˇááźááşá¸ | Cartesian Coordinates áážááˇáş Canvas API ááᯠáĄááŻáśá¸ááźáŻá Element ááťáŹá¸ááᯠáá˝ážáąáˇááťáŹá¸á áąááźááşá¸áĄááźáąáŹááşá¸ááᯠáážáŹáá˝áąá፠| Element ááťáŹá¸ááᯠáá˝ážáąáˇááźááşá¸ | Chris |
18 | Space Game | Collision Detection | Element ááťáŹá¸ááᯠáááŻááşáááŻááşá áąááźáŽá¸á keypress ááťáŹá¸ááᯠáĄááŻáśá¸ááźáŻá ááŻáśáˇááźááşáážáŻááťáŹá¸ááᯠáááşááŽá¸ááŤá Game á Performance ááᯠáĄáŹááŻáśá ááŻááşáááş Cooldown Function áá áşáᯠáááˇáşáá˝ááşá¸á፠| Collision Detection | Chris |
19 | Space Game | áĄáážááşáá˝ááşááźááşá¸ | Game á Status áážááˇáş Performance áĄááąáŤáşáá°áááşá áááşášááťáŹáá˝ááşááťááşáážáŻááťáŹá¸ááᯠááąáŹááşáá˝ááşá፠| áĄáážááşáá˝ááşááźááşá¸ | Chris |
20 | Space Game | Game ááᯠáĄááŻáśá¸áááşááźááşá¸áážááˇáş ááźááşá ááźááşá¸ | Game ááᯠáĄááŻáśá¸áááşááźááşá¸áážááˇáş ááźááşá ááźááşá¸áĄááźáąáŹááşá¸ááᯠááąáˇááŹááŤá Asset ááťáŹá¸ááᯠáážááşá¸áááşá¸ááźááşá¸áážááˇáş Variable áááşáááŻá¸ááťáŹá¸ááᯠááźááşáááşáááşáážááşááźááşá¸áĄááŤáĄáááş | áĄááŻáśá¸áááşáĄááźáąáĄááą | Chris |
21 | Banking App | Web App áá áşááŻáá˝ááş HTML Templates áážááˇáş Routes | Multipage Website Architecture áá áşááŻá Scaffold ááᯠRouting áážááˇáş HTML Templates áĄááŻáśá¸ááźáŻá áááşááąáŹááşáááşá¸ááᯠááąáˇááŹá፠| HTML Templates áážááˇáş Routes | Yohan |
22 | Banking App | Login áážááˇáş Registration Form áá áşáᯠáááşááąáŹááşááźááşá¸ | Form áá áşááŻáááşááąáŹááşááźááşá¸áážááˇáş Validation Routines ááᯠáááŻááşáá˝ááşáááşá¸ | Forms | Yohan |
23 | Banking App | Data ááᯠááá°ááźááşá¸áážááˇáş áĄááŻáśá¸ááźáŻááźááşá¸áááşá¸áááşá¸ááťáŹá¸ | áááşá App áĄáá˝ááşá¸ Data ááťáŹá¸ á áŽá¸áááşá¸ááŻáśá áááşá¸ááᯠááá°áááşá¸á ááááşá¸áááşá¸áááşá¸áážááˇáş áááşáážáŹá¸áááşá¸ | Data | Yohan |
24 | Banking App | State Management á áĄááźáąáŹááşá¸áĄááŹááťáŹá¸ | áááşá App á State ááᯠáááşáááŻááááşá¸ááááşá¸ááááşáážááˇáş Programmatically áĄááąáŹááşáĄáááşááąáŹáşáááşá¸ááᯠááąáˇááŹá፠| State Management | Yohan |
25 | Browser/VScode Code | VScode áážááˇáş áĄááŻááşááŻááşááźááşá¸ | Code Editor áĄááŻáśá¸ááźáŻáááşá¸ááᯠááąáˇááŹá፠| VScode Code Editor áĄááŻáśá¸ááźáŻááźááşá¸ | Chris |
26 | AI Assistants | AI áážááˇáş áĄááŻááşááŻááşááźááşá¸ | áááşááááŻááşáááŻááş AI Assistant áá áşáᯠáááşááąáŹááşáááşá¸ááᯠááąáˇááŹá፠| AI Assistant Project | Chris |
đŤ áááşááźáŹá¸áážáŻáááşá¸áááŹ
ááťá˝ááşáŻááşáááŻáˇá áááşáááŻá¸áá˝ážááşá¸áááşá¸ááᯠáĄááá áááşááźáŹá¸áážáŻáááşá¸áááŹáážá áşááŻááᯠáĄááźáąááśá ááŽáááŻááşá¸áá˝á˛ááŹá¸ááŤáááş:
- áááąáŹááťááşáĄááźáąááźáŻ áááşááźáŹá¸áážáŻ
- áááźáŹáá ááąá¸áá˝ááşá¸ááťáŹá¸
ááŽáĄá áŽáĄá ááşáááş JavaScript, HTML, CSS á áĄááźáąááśáĄááźáąáŹááşá¸áĄááŹááťáŹá¸áážááˇáş áááąáˇ Web Developer ááťáŹá¸áĄááŻáśá¸ááźáŻááąááąáŹ ááąáŹááşááŻáśá¸ááąáŤáş Tools áážááˇáş áááşá¸áááşá¸ááťáŹá¸ááᯠáááşááźáŹá¸ááąá¸ááŤáááşá ááťáąáŹááşá¸ááŹá¸ááťáŹá¸áááş Typing Game, Virtual Terrarium, Eco-Friendly Browser Extension, Space-Invader-Style Game, áážááˇáş á áŽá¸áá˝áŹá¸ááąá¸ááŻááşáááşá¸ááťáŹá¸áĄáá˝ááş Banking App áááŻáˇááᯠáááşááąáŹááşááźááşá¸ááźááˇáş áááşáá˝áąáˇáĄáá˝áąáˇáĄááźáŻáśááážááááşááźá áşáááşá áááşáááŻá¸áá˝ážááşá¸áááşá¸á áĄááŻáśá¸áá˝ááş ááťáąáŹááşá¸ááŹá¸ááťáŹá¸áááş Web Development áĄááźáąáŹááşá¸ááᯠáááŻááşááŹá á˝áŹ ááŹá¸áááşáá˝áŹá¸áááşááźá áşáááşá
đ áááşá¤áááşáááŻá¸áá˝ážááşá¸áááşá¸á áááááŻáśá¸ áááşáááşá¸á áŹáĄááťááŻáˇááᯠMicrosoft Learn áá˝ááş Learn Path áĄááźá áş ááąáˇááŹáááŻááşááŤáááşá
áááąáŹááťááşááťáŹá¸áážááˇáş áĄááźáąáŹááşá¸áĄááŹááťáŹá¸ááᯠáááŻááşááŽá áąáááş ááąááťáŹá á˝áŹ á áŽá ááşááŹá¸ááąáŹááźáąáŹááˇáş ááťáąáŹááşá¸ááŹá¸ááťáŹá¸áĄáá˝ááş áááŻáááŻá áááşáááşá áŹá¸á áąááźáŽá¸ áĄááźáąáŹááşá¸áĄááŹááťáŹá¸ááᯠáááŻáááŻáážááşááá áąááŤáááşá JavaScript áĄááźáąááśááťáŹá¸ááᯠááááşáááşáááˇáş áááşáááşá¸á áŹáĄááťááŻáˇááᯠ"Beginners Series to: JavaScript" ááŽááŽááᯠTutorial á áŻá ááşá¸áážáŻááž ááŽááŽáááŻáá áşááŻáážááˇáş áá˝á˛áááşááąá¸ááŹá¸ááŹá¸ááŤáááşá á¤áááşáááŻá¸áá˝ážááşá¸áááşá¸ááᯠááąá¸ááŹá¸ááŹáá˝ááş áĄááťááŻáˇááąáŹá áŹááąá¸áá°ááťáŹá¸áááşá¸ ááŤáááşáá˛áˇááŤáááşá
áááŻáˇáĄááźááşá áááşáááşá¸á áŹááááŻááşáᎠááąá¸áá˝ááşá¸áá áşááŻáááş ááťáąáŹááşá¸ááŹá¸á áĄáŹááŻáśá ááŻááşáážáŻááᯠáááşáááşá¸á áŹáĄááźáąáŹááşá¸áááŻáˇ áŚá¸áááşá áąááźáŽá¸á áááşáááşá¸á áŹááźáŽá¸ááąáŹááş ááąá¸áá˝ááşá¸áá áşááŻáááş áĄááźáąáŹááşá¸áĄááŹááťáŹá¸ááᯠáááŻáááŻáážááşááá áąááŤáááşá á¤áááşáááŻá¸áá˝ážááşá¸áááşá¸ááᯠáá áşááŻááŻáśá¸ áááŻáˇáááŻááş áĄá áááşáĄáááŻááşá¸áĄááťááŻáˇáᏠááąáˇááŹáááŻááşááźáŽá¸á Flexible áážááˇáş ááťáąáŹáşáá˝ážááşá áąáááş ááŽáááŻááşá¸áá˝á˛ááŹá¸ááŤáááşá áááąáŹááťááşááťáŹá¸áááş ááąá¸áááşááąáŹáĄáááˇáşááž á áááşááźáŽá¸ áá áááşáĄáá˝ááşá¸ áĄáááˇáşááźááˇáşááźá áşááŹáááşááźá áşáááşá
JavaScript Framework ááťáŹá¸ááᯠááááşáááşááźááşá¸ááᯠáážáąáŹááşááźááşááŹá¸ááźáŽá¸ Framework áá áşááŻááᯠááąáˇááŹáᎠWeb Developer áĄááźá áş á
- Data Science for Beginners
- ML for Beginners
- Cybersecurity for Beginners
- Web Dev for Beginners
- IoT for Beginners
- XR Development for Beginners
- Mastering GitHub Copilot for Agentic use
- Mastering GitHub Copilot for C#/.NET Developers
- Choose Your Own Copilot Adventure
áááŻááşá ááş
ᤠrepository áááş MIT áááŻááşá ááşáĄáąáŹááşáá˝ááş áááŻááşá ááşááážáááŹá¸ááŤáááşá áááŻáááŻáááážááááŻááŤá LICENSE áááŻááşááᯠááźááˇáşááŤá
áĄááźáąáŹááşá¸ááźáŹá¸ááťááş:
á¤á
áŹáá˝ááşá
áŹáááşá¸ááᯠAI ááŹááŹááźááşáááşááąáŹááşáážáŻ Co-op Translator ááᯠáĄááŻáśá¸ááźáŻá ááŹááŹááźááşááŹá¸ááŤáááşá ááťá˝ááşáŻááşáááŻáˇáááş ááááťáážáŻáĄáá˝ááş ááźááŻá¸á
áŹá¸ááąááąáŹáşáááşá¸á áĄáááŻáĄááťáąáŹááş ááŹááŹááźááşáážáŻááťáŹá¸áá˝ááş áĄáážáŹá¸ááťáŹá¸ áááŻáˇáááŻááş áááááťáážáŻááťáŹá¸ ááŤáááşáááŻááşáááşááᯠáááááźáŻááŤá áá°áááşá¸á
áŹáá˝ááşá
áŹáááşá¸ááᯠáááşá¸á áá°áááŹááŹá
ááŹá¸ááźááˇáş áĄáŹááŹáááŹá¸áážáááąáŹ áĄáááşá¸áĄááźá
áşáĄááźá
áş áááşáážááşáááˇáşááŤáááşá áĄááąá¸ááźáŽá¸ááąáŹ áĄááťááşáĄáááşááťáŹá¸áĄáá˝ááş áá°áˇááŹááŹááźááşáááŹáážááşááťáŹá¸ááž áááąáŹáşáááşáážááşáááş ááŹááŹááźááşáážáŻááᯠáĄááźáśááźáŻááŤáááşá á¤ááŹááŹááźááşáážáŻááᯠáĄááŻáśá¸ááźáŻááźááşá¸ááž ááźá
áşááąáŤáşááŹááąáŹ áĄáá˝á˛áĄáá˝ááşááťáŹá¸ áááŻáˇáááŻááş áĄááŹá¸áá°áážáŻáážáŹá¸ááťáŹá¸áĄáá˝ááş ááťá˝ááşáŻááşáááŻáˇáááş ááŹáááşááá°ááŤá