പുതിയവർക്കുള്ള വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി

Microsoft Cloud Advocates ഒരുക്കുന്ന 12-വാര വ്യാപ്തിയുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിലായി ജാവാസ്ക്രിപ്റ്റ്, 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 ആക്‌ഷൻ വഴി പിന്തുണ (സ്വയം പ്രവർത്തിക്കുകയും എപ്പോഴും പുതുക്കുകയാണ്) 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 നിങ്ങൾക്ക് കൂടുതൽ തർജ്ജമാ ഭാഷകൾ വേണ്ടെങ്കിൽ അവ ഇവിടെ പട്ടികപ്പെടുത്തിയിട്ടുണ്ട് #### 🧑‍🎓 നീങ്ങൾ വിദ്യാർത്ഥിയാണോ? Student Hub പേജ് സന്ദർശിക്കൂ, ഇവിടെ നിങ്ങൾക്ക് തുടക്കദിശാസൂചനുകൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചറുകൾ ലഭിക്കും. മാസത്തിലെ മാറ്റങ്ങൾക്കനുസരിച്ച് ഇതു താങ്കളുടെ ബുക്ക്‌മാർക്കാക്കി ഇടയ്ക്ക് പരിശോധിക്കേണ്ട ഈ പേജ് ആണ്. ### 📣 പ്രഖ്യാപനo - GitHub Copilot Agent മോഡ് വെല്ലുവിളികൾ പൂർത്തിയാക്കൂ! പുതിയ വെല്ലുവിളി ചേർക്കപ്പെട്ടിരിക്കുന്നു, അധികം അധ്യായങ്ങളിൽ "GitHub Copilot Agent Challenge 🚀" എന്ന് നോക്കൂ. GitHub Copilot-ഉം Agent മോഡും ഉപയോഗിച്ച് പൂർത്തിയാക്കാവുന്ന പുതിയ വെല്ലുവിളിയാണ് ഇത്. Agent മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ വായിച്ച് നോക്കൂ, ഇത് ടെക്സ്റ്റ് സൃഷ്ടിക്കുന്നതിനുപുറവും ഫയലുകൾ സൃഷ്ടിക്കുകയും തിരുത്തുകയും കമാൻഡുകൾ चलിപ്പിക്കുകയും മുതലായവ ചെയ്യാൻ കഴിയും. ### 📣 പ്രഖ്യാപനo - ജനറേറ്റീവ് AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്ട് നിർമ്മിക്കൂ പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പേസ്റ്റ് ചെയ്തിരിക്കുന്നു, പ്രോജക്ട് നിരീക്ഷിക്കുക ### 📣 പ്രഖ്യാപനo - ജനറേറ്റീവ് AI-യ്ക്കായി ജാവാസ്ക്രിപ്റ്റ് പുതിയ പാഠ്യപദ്ധതി പുതിയ ജനറേറ്റീവ് 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 സൃഷ്ടിക്കും. #### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലോക്കൽ ആയി പാഠ്യപദ്ധതി ഓടിക്കൽ ഈ പാഠ്യപദ്ധതി ലോക്കലായി ഓടിക്കാൻ, നിങ്ങൾക്ക് ഒരു ടെക്സ്റ്റ് എഡിറ്ററും ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും ആവശ്യമാണ്. ആദ്യം പാഠം Programming Languages and Tools of the Trade-ലേക്ക് പരിചയം എന്നതിൽ ഈ ഉപകരണങ്ങളിൽ നിന്നെ തിരഞ്ഞെടുക്കാനുള്ള വഴികൾ വിശദമാക്കും. ഞങ്ങളുടെ ശുപാർശ Visual Studio Code ആണ്, ഇതിൽ നിർമ്മിച്ച Terminal ഉണ്ട്. Visual Studio Code ഇവിടെയായാണ് ഡൗൺലോഡ് ചെയ്യുക. 1. നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ Code ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL കോപ്പി ചെയ്യാം: CodeSpace ശേഷം, Visual Studio Codeൽ ഉള്ള Terminal തുറന്ന് താഴെയുള്ള കമാൻഡ് പ്രവർത്തിപ്പിക്കുക, എന്നിടത്തു കോപ്പി ചെയ്ത URL അടിക്കുക: bash git clone <your-repository-url> 2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. ഇതിനു File > Open Folder ക്ലിക്ക് ചെയ്ത് നിങ്ങൾ നിലവിൽ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്താൽ മതി. ## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്: - ഐച്ഛിക സ്കെച്‌నോട്ട് - ഐച്ഛിക സവഹായ വീഡിയോ - പാഠത്തിന് മുൻപ് വെയർം-അപ്പ് ക്വിസ് - എഴുത്തുകാരന്‍റെ പാഠം - പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്ക്, പ്രോജക്ട് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായുള്ള മാർഗനിർദ്ദേശങ്ങൾ - നോളേജ് ചെക്കുകൾ - ഒരു ചാലഞ്ച് - യാത്രക്കാർ വായന - അസൈൻമെന്റ് - പാഠത്തിനുശേഷം ക്വിസ് ## 🗃️ പാഠങ്ങൾ ## 🏫 പാഠ്യരീതി നമ്മുടെ പാഠക്രമം രണ്ട് പ്രധാന പാഠ്യേതര സിദ്ധാന്തങ്ങളാൽ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു: * പ്രോജക്റ്റ് അടിസ്ഥാന പഠനം * പലതവണ ക്വിസുകൾ നടത്തൽ ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾ മാത്രമല്ല ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, ഇക്കോ-ഫ്രണ്ട്ലി ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സ് ലക്ഷ്യമിട്ടുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈയിൽ പ്രായോഗിക അനുഭവം നേടാൻ അവസരം ഉണ്ടായിരിക്കും. പരമ്പരയുടെ അവസാനം, വിദ്യാർത്ഥികൾക്ക് വെബ്ഡെവലപ്പ്മെന്റിന്റെ ഉറച്ച് മനസ്സിലാക്കൽ ഉണ്ടാകും. പദ്ധതികളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുന്നതിനാൽ, വിദ്യാർത്ഥികൾക്ക് പഠന പ്രക്രിയ കൂടുതൽ ആകർഷകവും ആശയങ്ങളുടെ ദൃઢമായ നിലനിൽക്കും. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്താൻ ഞങ്ങൾ നിരവധി സ്റ്റാർട്ടർ പാഠങ്ങൾ തയ്യാറാക്കി, അവയ്ക്ക് "Beginners Series to: JavaScript" എന്ന വീഡിയോ ട്യൂട്ടോർസിന്റെ വിഡിയോ കൂടെ നൽകിയിട്ടുണ്ട്. ഇതിലെ ചില രചയിതാക്കൾ ഈ പാഠകുറിപ്പ് രൂപകൽപ്പന ചെയ്യുന്നതിൽ പങ്കെടുത്തു. ക്ലാസിന് മുൻപ് കുറുപ്പാം ക്വിസ് ഒരു വിഷയത്തിൽ വിദ്യാർഥിയുടെ മനോഭാവം സജ്ജമാക്കുകയും, ക്ലാസിന് ശേഷം സംഗ്രഹിക്കാനുള്ള രണ്ടാം ക്വിസ് ആശയം നിലനിർത്താൻ സഹായിക്കുകയും ചെയ്യും. ഈ പാഠ്യരീതി സൗകര്യപ്രദവും രസകരവുമായതാണ്, പൂർണ്ണമായി അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാം. പ്രോജക്റ്റുകൾ തുടക്കത്തിൽ ചെറിയതായിട്ട് ഒടുവിൽ കൂടുതൽ സങ്കീർണ്ണമാവും, 12 ആഴ്ചകളുടെ ചക്രത്തിൽ. ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പരിചയപ്പെടുത്തലുകൾ ഉൾപ്പെടുത്താതെ വെബ് ഡെവലപ്പർക്ക് അ ബേസ്‌ലൈൻ സ്കിൽ കാത്തു നിൽക്കാൻ തയ്യാറായിട്ടുള്ള ഈ പാഠ്യക്രമം കഴിഞ്ഞ് അടുത്ത് പഠിക്കേണ്ടത് Node.js ജോലികൾ അറിയുന്നതിനായുള്ള "Beginner Series to: Node.js" എന്ന വീഡിയോ സ്കൂളാണ്. ## 🧭 ഓഫ്‌ലൈൻ ആക്സസ് Docsify ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്‌ലൈൻ പ്രവർത്തിപ്പിക്കാം. ഈ റിപൊ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലൊക്കൽ മെഷീനിൽ Docsify ഇൻസ്റ്റാൾ ചെയ്യുക, പിന്നീട് ഈ റിപൊയുടെ മൂല ഫോൾഡറിൽ docsify serve എന്ന കമാൻഡ് ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് your localhost ൽ പോർട്ട് 3000ൽ ലഭിക്കും: localhost:3000. ## 📘 PDF എല്ലാ പാഠങ്ങളും അടങ്ങിയ ഒരു PDF ഇവിടെ ലഭ്യമാണ് here. ## 🎒 മറ്റ് കോഴ്സുകൾ ഞങ്ങളുടെ ടീം മറ്റ് കോഴ്സുകളും ഒരുക്കുന്നു! കാണുക: ### LangChain --- ### Azure / Edge / MCP / Agents --- ### Genเരative AI Series -9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9) --- ### കേർ ലേണിംഗ് --- ### കോപ്പൈലറ്റ് സീരീസ് ## സഹായം നേടുന്നു നിങ്ങൾ കുടുങ്ങുകയാണെങ്കിൽ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കാൻ പറ്റിയ ചോദ്യങ്ങളുണ്ടെങ്കിൽ. MCP യുമായി ബന്ധപ്പെട്ട ചർച്ചകളിൽ അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും അനുഭവ പ്രവർത്തകരും ചേർന്ന് പഠിക്കുക. ചോദ്യങ്ങൾ സ്വാഗതം ചെയ്യുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്, അറിവ് സ്വതന്ത്രമായി പങ്കിടുന്നു. നിർമാണസമയം ഉൽപ്പന്ന ഫീഡ്ബാക്കും പിശകുകളും ഉണ്ടെങ്കിൽ സന്ദർശിക്കുക: ## ലൈസൻസ് ഈ സംഭരണിയിലെവലം MIT ലൈസൻസെയുടെ অধീനമാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് LICENSE ഫയൽ കാണുക. --- സ്പഷ്ടികരണം: ഈ പ്രമാണം Co-op Translator എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്‌തതാണ്. നമ്മൾ ക്രമാണുസൃതതയ്ക്ക് ശ്രമിച്ചിരുന്നാലും, സ്വയം പ്രവർത്തിക്കുന്ന വിവർത്തനങ്ങളിൽ തെറ്റുകൾ അല്ലെങ്കിൽ അശുദ്ധതകൾ ഉള്ളതായി ശ്രദ്ധിക്കുക. സ്വതന്ത്ര ഭാഷയിൽ ഉള്ള ഓരിജിനൽ പ്രമാണം പ്രാമാണിക ഉറവിടമായി വേണമെന്ന് കണ്ടവം പ്രധാനമാണ്. പ്രാധാന്യമർഹിക്കുന്ന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്കോ വ്യാഖ്യാനങ്ങളിലോ ഞങ്ങൾ ബാധ്യത വഹിക്കുന്നില്ല.