Web-Dev-For-Beginners/translations/ml

തുടക്കക്കാർക്ക് വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു കോർസ്സ്

Microsoft Cloud Advocates ഒരുക്കുന്ന 12 ആഴ്ചകളിലായി മുഴുവനായുള്ള കോഴ്‌സിലൂടെ വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക. 24 പാഠങ്ങളിലൊരൊന്ന് JavaScript, CSS, HTML എന്നിവ കൈകൊണ്ട് ചെയ്യാവുന്ന പ്രോജക്ടുകളായ ടെറരിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്‌പേസ് ഗെയിമുകൾ തുടങ്ങിയവയിലൂടെയാണ് പഠിപ്പിക്കുന്നത്. ക്വിസുകൾ, ചർച്ചകൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിലും പങ്കെടുക്കുക. വിന്യസാധ്യമായ പ്രോജക്റ്റ്-അടിസ്ഥാന പഠനരീതിയിലൂടെ നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും അറിവ് മെച്ചപ്പെടുത്തുകയും ചെയ്യുക. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കൂ!

Azure AI Foundry Discord Community യിൽ ചേരൂ

ഈ വിഭവങ്ങൾ ഉപയോഗിച്ച് ആരംഭിക്കാൻ താഴെപ്പറയുന്ന ഘട്ടങ്ങൾ പാലിക്കുക:

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'

ഇതുവഴി നിങ്ങൾക്ക് കോഴ്‌സ് പൂർത്തിയാക്കാൻ വേണ്ടിയുള്ള എല്ലാ കാര്യങ്ങളും വളരെ വേഗത്തിൽ ഡൗൺലോഡ് ചെയ്യാവുന്നതാണ്.

കൂടുതൽ വിവർത്തന ഭാഷകൾ ഈ ലിങ്കിൽ ചുരുക്കി നൽകിയിട്ടുണ്ട് ഇവിടെ

🧑‍🎓 നിങ്ങൾ ഒരു വിദ്യാർത്ഥിയാണോ?

സ്റ്റുഡന്റ് ഹബ് പേജ് സന്ദർശിക്കുക, അവിടെ നിങ്ങൾക്ക് തുടക്കക്കാരുടെ വിഭവങ്ങൾ, സ്റ്റുഡന്റ് പാക്കുകൾ, ഒരു സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗച്ചർ നേടാനുള്ള മാർഗ്ഗങ്ങൾ എന്നിവ ലഭ്യമാണ്. മാസേന ഉള്ളടക്കം മാറ്റുന്നതിനാൽ ഈ പേജ് ബുക്ക്മാർക്ക് ചെയ്ത് ഇടയ്ക്ക് പരിശോധിക്കുന്നതാണ് ഏറ്റവും നല്ലത്.

📣 അറിയിപ്പ് - പുതിയ GitHub Copilot Agent മോഡ് വെല്ലുവിളികൾ പൂർത്തിയാക്കുക!

പുതിയ വെല്ലുവിളി ചേർത്തു, "GitHub Copilot Agent Challenge 🚀" എന്നതു കൂടുതലായുള്ള അദ്ധ്യായങ്ങളിൽ കാണാം. GitHub Copilot, Agent മോഡ് ഉപയോഗിച്ച് പൂർത്തിയാക്കാനുള്ള പുതിയ വെല്ലുവിളിയാണ് ഇത്. മുൻപ് Agent മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ, ഇത് തവണ കൂടാതെ എഴുത്ത് സൃഷ്ടിക്കാനും ഫയലുകൾ സൃഷ്ടിക്കാനും സെങ്കിൽ എഡിറ്റ് ചെയ്യാനും, കമാൻഡ് ഓടിക്കാനും കഴിയും.

📣 അറിയിപ്പ് - Generative AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്ട്

പുതിയ AI Assistant പ്രോജക്ട് ചേർത്തു, ഇത് പരിശോധിക്കുക project

📣 അറിയിപ്പ് - JavaScript നു വേണ്ടി പുതിയ Generative AI കോറിക്കുലം

പുതിയ Generative 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 നിങ്ങൾക്കായി സൃഷ്ടിക്കും.

നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ കോറിക്കുലം ലോക്കലായി ഓടിക്കുക

ഈ കോറിക്കുലം നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലോക്കലായി ഓടിക്കാൻ, ഒരു ടെക്സ്റ്റ് എഡിറ്റർ, ഒരു ബ്രൗസർ, ഒരു കമാൻഡ് ലൈൻ ഉപകരണം എന്നിവ ആവശ്യമാണ്. നമ്മുടെ ആദ്യ പാഠമായ Introduction to Programming Languages and Tools of the Trade നിങ്ങൾക്കായി ഓരോ ടൂളിനും ലഭ്യമായ ഓപ്ഷനുകൾ വിശദീകരിക്കുന്നു.

നിങ്ങളുടെ എഡിറ്ററായി Visual Studio Code ഉപയോഗിക്കാൻ ഞങ്ങൾ ശിപാർശ ചെയ്യുന്നു, ഇതിൽ തന്നെ Terminal ബിൽറ്റ്-ഇൻ ആയി ഉണ്ട്. Visual Studio Code ഇവിടെ നിന്ന് ഡൗൺലോഡ് ചെയ്യാം ഇവിടെ.

1. നിങ്ങളുടെ റിപോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ, Code ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL പകർപ്പിക്കുക:

   CodeSpace അപ്പോൾ, Visual Studio Codeയിൽ Terminal തുറന്ന്, നിങ്ങൾക്ക് تازهപ്പുൽ किया url-ഇനായി <your-repository-url> മാറ്റി താഴെ കാണിക്കുന്ന കമാൻഡ് റൺ ചെയ്യുക:

   git clone <your-repository-url>
   

2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. ഇത് ചെയ്യാൻ File > Open Folder ക്ലിക്ക് ചെയ്ത് നിങ്ങൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കുക.

ശുപാർശ ചെയ്യപ്പെട്ട Visual Studio Code എക്സ്റ്റൻഷനുകൾ:

• Live Server - Visual Studio Code-ൽ HTML പേജുകൾ മുൻകാഴ്ച്ച ചെയ്യാൻ
• Copilot - കോഡ് വേഗത്തിൽ എഴുതാനായി സഹായിക്കാൻ

📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്:

• ഓപ്ഷണൽ സ്കെച്ച്നോട്ട്
• ഓപ്ഷണൽ സെപ്ലിമെന്റൽ വീഡിയോ
• പാഠം മുമ്പുള്ള വാറ്മപ്പ് ക്വിസ്
• എഴുതിയ പാഠം
• പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്ക് പ്രോജക്ട് നിർമ്മിക്കുന്നതിനുള്ള കാൽവെയിലുകൾ
• നോളജ് ചെക്കുകൾ
• ഒരു ചലഞ്ച്
• അനുബന്ധ വായന
• അസൈൻമെന്റ്
• പോസ്റ്റ്-പാഠം ക്വിസ്

ക്വിസ്സുകൾക്കുറിച്ചുള്ള ഒരു കുറിപ്പ്: എല്ലാ ക്വിസ്സുകളും Quiz-app ഫോൾഡറിലെ ഉള്ളതാണ്, ഓരോന്നിൽ മൂന്ന് ചോദ്യങ്ങളോടുകൂടിയ 48 ക്വിസ്സ് ഉണ്ട്. അവ ഇവിടെ ലഭ്യമാണ്. ക്വിസ് ആപ്പ് ലോക്കലായി റൺ ചെയ്യാം അല്ലെങ്കിൽ Azure-ലേക്ക് ഡിപ്ലോയുചെയ്യാം; നിര്‍ദേശങ്ങള്‍ quiz-app ഫോൾഡറില്‍ കാണുക.

🗃️ പാഠങ്ങൾ

	പ്രോജക്ട് നാമം	പഠിപ്പിച്ച ആശയങ്ങൾ	പഠന ലക്ഷ്യങ്ങൾ	ബന്ധമുള്ള പാഠം	ലേഖകൻ
01	തുടക്കം കുറിക്കുന്നു	പ്രോഗ്രാമിംഗ് പരിചയം, വാടക സാധനങ്ങൾ	പല പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാന ഘടനകളും പ്രൊഫഷണൽ ഡെവലപ്പർമാര്‍ക്ക് സഹായം ചെയ്യുന്നതുമായ സോഫ്റ്റ്‌വയറുകൾ പഠിക്കുക	Intro to Programming Languages and Tools of the Trade	ജാസ്മിൻ
02	തുടക്കം കുറിക്കുന്നു	GitHub അടിസ്ഥാനങ്ങൾ, ടീംവർക്കിനുള്ള പ്രവർത്തനം	നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub ഉപയോഗിക്കുകയും മറ്റു കോഡുകളും സഹകരിച്ച് ഉപയോഗിക്കാനും പഠിക്കുക	Intro to GitHub	ഫ്ലോർ
03	തുടക്കം കുറിക്കുന്നു	ആക്സസ്ബിലിറ്റി	വെബ് ആക്സസ്ബിലിറ്റി അടിസ്ഥാനങ്ങൾ പഠിക്കുക	Accessibility Fundamentals	ക്രിസ്റ്റോഫർ
04	JS ബേസിക്സ്	ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ	ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ	Data Types	ജാസ്മിൻ
05	JS ബേസിക്സ്	ഫംഗ്ഷനുകൾ, മെത്തഡുകൾ	ഒരു ആപ്ലിക്കേഷൻ ലജിക് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫംഗ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക	Functions and Methods	ജാസ്മിൻ, ക്രിസ്റ്റോഫർ
06	JS ബേസിക്സ്	ജാവാസ്ക്രിപ്റ്റിലൂടെ തീരുമാനം എടുക്കൽ	നിർദ്ദേശങ്ങൾ സൃഷ്ടിക്കുന്ന രീതികൾ പഠിക്കുക	Making Decisions	ജാസ്മിൻ
07	JS ബേസിക്സ്	അറേസും ലൂപ്പുകളും	ജാവാസ്ക്രിപ്റ്റിൽ അറേയും ലൂപ്പുകളും ഉപയോഗിച്ചു ഡാറ്റ കൈകാര്യം ചെയ്യുക	Arrays and Loops	ജാസ്മിൻ
08	ടെറേരിയം	HTML പ്രയോഗം	ഓൺലൈൻ ടെറേരിയം സൃഷ്ടിക്കാൻ HTML നിർമ്മിക്കുക, ലേഔട്ട് നിർമ്മിക്കുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക	Introduction to HTML	ജെൻ
09	ടെറേരിയം	CSS പ്രയോഗം	ഓൺലൈൻ ടെറേരിക്ക CSS സ്റ്റൈൽ നൽകുക; പേജ് റെസ്പോൺസീവ് ആക്കുന്നതിൽ അടിസ്ഥാനങ്ങൾ ഉൾകൊള്ളുക	Introduction to CSS	ജെൻ
10	ടെറേരിയം	ജാവാസ്ക്രിപ്റ്റ് ക്ലോസറുകൾ, DOM മാനിപ്പുലേഷൻ	ടെറേരിയം ഒരു ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് ആയി പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോസറുകളും DOM മാനിപ്പുലേഷനും ശ്രദ്ധിക്കുക	JavaScript Closures, DOM manipulation	ജെൻ
11	ടൈപ്പിംഗ് ഗെയിം	ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക	ജാവാസ്ക്രിപ്റ്റ് ആപ്ലിക്കേഷൻ ലജിക് ചലിപ്പിക്കാൻ കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിക്കുക	Event-Driven Programming	ക്രിസ്റ്റോഫർ
12	ഗ്രീൻ ബ്രൗസ് എക്സ്റ്റൻഷൻ	ബ്രൗസറുകളുടെ പ്രവർത്തനം	ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവയുടെ ചരിത്രം, ഒരു ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ആദ്യ ഘടകങ്ങൾ നിർമ്മിക്കുന്നത് പഠിക്കുക	About Browsers	ജെൻ
13	ഗ്രീൻ ബ്രൗസ് എക്സ്റ്റൻഷൻ	ഫാർം നിർമ്മിച്ചു API വിളിച്ച് ലോക്കൽ സ്റ്റോറേജിൽ തരങ്ങൾ സൂക്ഷിക്കൽ	API വിളിക്കാനായി ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ സൂക്ഷിച്ചിട്ടുള്ള തരങ്ങൾ ഉപയോഗിച്ചു	APIs, Forms, and Local Storage	ജെൻ
14	ഗ്രീൻ ബ്രൗസ് എക്സ്റ്റൻഷൻ	ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം	എക്സ്റ്റൻഷന്റെ ഐക്കൺ മാനേജുചെയ്യാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും കുറച്ച് മെച്ചപ്പെടുത്തലുകളും പഠിക്കുക	Background Tasks and Performance	ജെൻ
15	സ്പേസ് ഗെയിം	ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ പുരോഗമിച്ച ഗെയിം വികസനം	ക്ലാസ്സുകളും കോംപോസിഷനും ഉപയോഗിച്ച ഈറിറ്റൻസിന്റെയും പബ്ലിഷ്/സബ്സ്ക്രൈബ് പാറ്റേണിന്റെയും പഠനം, ഗെയിം നിർമ്മാണത്തിനുള്ള ഒരുക്കം	Introduction to Advanced Game Development	ക്രിസ്
16	സ്പേസ് ഗെയിം	ക്യാൻവാസ് ലേഖനം	എന്തൊക്കെ സ്‌ക്രീനിലേക്ക് വരയ്ക്കാനായി ക്യാൻവാസ് API ഉപയോഗം	Drawing to Canvas	ക്രിസ്
17	സ്പേസ് ഗെയിം	സ്‌ക്രീനിലെ ഘടകങ്ങൾ സഞ്ചരിക്കൽ	ഘടകങ്ങൾക്ക് ചലനം ലഭിക്കുന്ന രീതി കാർട്ടീഷ്യൻ കോഓർഡിനേറ്റുകളും ക്യാൻവാസ് API-ഉം ഉപയോഗിച്ച് അറിയുക	Moving Elements Around	ക്രിസ്
18	സ്പേസ് ഗെയിം	ഏറ്റുമുട്ടൽ കണ്ടെത്തൽ	ഘടകങ്ങൾ തമ്മിൽ പട്ട്, കീപ്രസ്സ് ഉപയോഗിച്ച് പ്രതികരതുകയും ഗെയിം പ്രകടനത്തിനായി കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകുകയും ചെയ്യുക	Collision Detection	ക്രിസ്
19	സ്പേസ് ഗെയിം	സ്‌കോർ സൂക്ഷിക്കൽ	ഗെയിം സ്റ്റാറ്റസും പ്രകടനത്തിനും അടിസ്ഥാനമാക്കിയുള്ള ഗണിത കണക്കുകൂട്ടലുകൾ നടത്തുക	Keeping Score	ക്രിസ്
20	സ്പേസ് ഗെയിം	ഗെയിം അവസാനിപ്പിച്ച് വീണ്ടും ആരംഭിക്കൽ	ഗെയിം അവസാനിപ്പിക്കൽ, റീസ്റ്റാർട്ട് ചെയ്യൽ, ആസ്തികൾ ശുചീകരിക്കുക, വേരിയബിൾ മൂല്യങ്ങൾ പുനഃസജ്ജീകരിക്കുക പഠിക്കുക	The Ending Condition	ക്രിസ്
21	ബാങ്കിംഗ് ആപ്പ്	വെബ് ആപ്പിൽ HTML ടേംപ്ലേറ്റുകളും റൂട്ടുകളും	മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ ആർക്കിടെക്ചർ സൃഷ്ടിക്കാൻ റൂട്ടിംഗും HTML ടേംപ്ലേറ്റുകളും ഉപയോഗിച്ച് Scaffold നിർമ്മിക്കുക	HTML Templates and Routes	യോഗൻ
22	ബാങ്കിംഗ് ആപ്പ്	ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോം നിർമ്മിക്കുക	ഫോം നിർമ്മാണവും വാലിഡേഷൻ റൂട്ടീനുകളും പഠിക്കുക	Forms	യോഗൻ
23	ബാങ്കിംഗ് ആപ്പ്	ഡാറ്റ ഏറി വാങ്ങുന്നതിന്റെയും ഉപയോഗത്തിന്റെയും രീതികൾ	ആപ്പിൽ ഡാറ്റ എളുപ്പത്തിൽ എടുക്കാനും സൂക്ഷിക്കാനുമായും ഉപയോഗിക്കുകയും ചെയ്യുന്നതെങ്ങനെ	Data	യോഗൻ
24	ബാങ്കിംഗ് ആപ്പ്	സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ	നിങ്ങളുടെ ആപ്പ് സ്റ്റേറ്റ് എങ്ങനെ നിലനിർത്തുകയും പ്രോഗ്രാമാറ്റിക്കായി എങ്ങനെ മാനേജുചെയ്യുകയും ചെയ്യുന്നു എന്ന് പഠിക്കുക	State Management	യോഗൻ
25	Browser/VScode Code	VScode ഉപയോഗം	കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക	Use VScode Code Editor	ക്രിസ്
26	AI അസിസ്റ്റന്റുകൾ	AI ഉപയോഗം	നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കാൻ പഠിക്കുക	AI Assistant project	ക്രിസ്

🏫 പാഠ്യരീതിശാസ്ത്രം

നമ്മുടെ സിലബസ് രണ്ട് പ്രധാന പാഠ്യരീതിശാസ്ത്ര അടിസ്ഥാനങ്ങളോടെയാണ് രൂപപ്പെടുത്തിയിരിക്കുന്നത്:

• പ്രോജക്ട് അടിസ്ഥാന പഠനം
• വീണ്ടും വീണ്ടും ക്വിസ്സുകൾ

ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS-ന്റെ അടിസ്ഥാനങ്ങളും ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും ഈ പ്രോഗ്രാം പഠിപ്പിക്കുന്നു. ടൈപ്പിംഗ് ഗെയിം, വെർച്ച്വൽ ടെറേരിക്കം, പച്ചപ്പെട്ട ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇൻവേഡർ സ്റ്റൈൽ ഗെയിം, ബിസിനസ്用 ബാങ്കിംഗ് ആപ്പ് തുടങ്ങി വിവിധ പ്രോജക്ടുകൾ നിർമ്മിച്ച് പ്രായോഗിക പരിചയം നേടാൻ വിദ്യാർത്ഥികൾക്ക് അവസരം ലഭിക്കും. പരമ്പരയുടെ അവസാനം, വിദ്യാർത്ഥികൾ വെബ് ഡെവലപ്‌മെന്റിന്റെ ശക്തമായ അവബോധം നേടിയിരിക്കുമെന്ന് ഉറപ്പ്.

🎓 ഈ പാഠ്യപദ്ധതിയിലെ ആദ്യ പാഠങ്ങൾ Microsoft Learn-ൽ Learn Path എന്ന രൂപത്തിൽ പഠിക്കാം!

വിഷയങ്ങൾ പ്രോജക്ടുകളുമായി ഏകോപിപ്പിക്കുന്നതിലൂടെ വിദ്യാർത്ഥികൾക്ക് പഠനം കൂടുതൽ ആകർഷകവും ആശയങ്ങൾ മനസ്സിലാക്കൽ മെച്ചപ്പെടുത്തുന്നതുമായിരിക്കുമെന്ന് ഉറപ്പുവരുത്തുന്നു. ചില തുടങ്ങി പാഠങ്ങൾ ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങളിൽ എഴുതിയിട്ടുണ്ട്, "ബിഗിൻസേഴ്സ് സീരീസ് ടു: ജാവാസ്ക്രിപ്റ്റ്" വീഡിയോ ട്യൂട്ടോറിയൽ ശേഖരത്തിലെ ഒരു വീഡിയോയും ഉൾപ്പെടുത്തിയാണ്; ഇതിന്റെ ചില ലേഖകർ ഈ പാഠ്യപദ്ധതിയിലേക്കും സഹകരിച്ചിട്ടുണ്ട്.

ക്ലാസ് തുടങ്ങുന്നതിന് മുമ്പുള്ള ഒരു കുറച്ച് ക്വിസ് വിദ്യാർത്ഥിയുടെ പഠന ലക്ഷ്യത്തെ നിർണയിക്കാനും ക്ലാസ് കഴിഞ്ഞ് മറ്റൊരു ക്വിസ് അറിവിന്റെ ഉറപ്പ് നൽകാനും സഹായിക്കുന്നു. ഈ സിലബസ് ഫ്ലെക്സിബിള്‍ ആയും രസകരവുമാണ്, മുഴുവൻ അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാം. പ്രോജക്ടുകൾ ചെറിയതുതന്നെ ആരംഭിച്ച് 12 ആഴ്ച കാലയളവിന്റെ അവസാനത്തിലെങ്കിൽ സങ്കീർണ്ണവും നവീനവുമായവയാവും.

ഫ്രെയിംവർക്ക് അവതരിപ്പിക്കുന്നതിൽ നിന്നും ലഘുത്വം നോക്കിക്കൊണ്ട് വെബ് ഡെവലപ്പർക്ക് ആവശ്യമായ അടിസ്ഥാനമുൻകെട്ടുകളെക്കുറിച്ചു ശ്രദ്ധ കേന്ദ്രീകരിച്ചിരുന്നുവെങ്കിലും, ഈ സിലബസ് പൂർത്തിയാക്കാനായി അടുത്തത് "ബിഗിൻസേഴ്സ് സീരിസ് ടു: Node.js" വീഡിയോ ശേഖരം കൂടി പഠിക്കുക എന്നതാണ് നല്ലത്.

ഞങ്ങളുടെ Code of Conductയും Contributing മാർഗനിർദേശങ്ങളും സന്ദർശിക്കുക. നിങ്ങളുടെ ഗുണപരമായ സുഹൃത്തുക്കൾ ഞങ്ങൾക്ക് സ്വാഗതമാണ്!

🧭 ഓഫ്‌ലൈൻ ആക്‌സസ്

Docsify ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്‌ലൈൻ ആക്കാം. ഈ റിപൊ ഫോർക്ക് ചെയ്ത്, നിങ്ങളുടെ ലോക്കൽ യന്ത്രത്തിൽ Docsify ഇൻസ്റ്റാൾ ചെയ്യുക, പിന്നെ ഈ റിപൊയുടെ റൂട്ട് ഫോൾഡറിൽ docsify serve എന്ന് ടൈപ്പ് ചെയ്‌താൽ വെബ്‌സൈറ്റ് ലൊക്കൽഹോസ്റ്റിൽ പോർട്ട് 3000-ൽ സേർവ് ചെയ്യും: localhost:3000.

📘 PDF

എല്ലാ പാഠങ്ങളും അടങ്ങിയ ഒരു PDF ഇവിടെ ലഭ്യമാണ് ഇവിടെ.

🎒 മറ്റ് കോഴ്സുകൾ

നമ്മളുടെ ടീം മറ്റ് കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക:

LangChain

---

Azure / Edge / MCP / ഏജന്റുകൾ

---

ജനറേറ്റീവ് AI പരമ്പര

---

കോർ ലേണിംഗ്

---

കോപൈലറ്റ് പരമ്പര

സഹായം ലഭിക്കുന്നത് എങ്ങനെ

നിങ്ങൾ അടഞ്ഞുപോകുകയോ AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിൽ എന്തെങ്കിലും ചോദ്യം ഉണ്ടായിട്ടുണ്ടോ? MCP-യെക്കുറിച്ച് fellow learners-ഉം പരിചയസമ്പന്നരായ ഡെവലപ്പർമാരും കൂടിച്ചേരുന്ന ചര്‍ച്ചകളിൽ ചേർക്കുക. ചോദ്യങ്ങൾ സ്വാഗതം ചെയ്യപ്പെടുന്ന, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കപ്പെടുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്.

നിങ്ങൾക്ക് ഉത്പന്നത്തെക്കുറിച്ചുള്ള പ്രതികരണങ്ങളോ, നിർമ്മാണത്തിനിടെ സംഭവിക്കുന്ന പിശകുകളോ ഉണ്ടെങ്കിൽ സന്ദർശിക്കുക:

ലൈസൻസ്

ഈ റിപ്പോസിറ്ററി MIT ലൈസൻസിനായി ലൈസൻസിദ്ധമാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് LICENSE ഫയൽ കാണുക.

---

ഡിസ്ക്ലെയിമർ:
ഈ ദസ്താവേദം Co-op Translator എന്ന എഐ അനുഭവത്തിൽ ആണ് വിവർത്തനം ചെയ്തിരിക്കുന്നത്. ഞങ്ങൾ ശരിയായ വിവർത്തനത്തിന് ശ്രമിക്കുന്നു എങ്കിലും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിഴവുകൾ അല്ലെങ്കിൽ കൃത്യതാ കുറവുകൾ ഉണ്ടായേക്കാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. സ്വന്തം ഭാഷയിലെ മൗലിക ദസ്താവേദം അതിന്റെ പ്രാമാണികമായ ഉറവിടമായി പരിഗണിക്കണം. നിർണ്ണായകമായ വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മാനവ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ നിന്ന് ഉണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്ക് ഞങ്ങൾക്ക് ഉത്തരവാദിത്വം ഇല്ല.