54 KiB
പുതിയവർക്കുള്ള വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി
Microsoft Cloud Advocates ഒരുക്കുന്ന 12-വാര വ്യാപ്തിയുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിലായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയെ ഇവിടെ തൊട്ടു പഠിക്കുന്ന പ്രാക്ടിക്കൽ പ്രോജക്ടുകൾ മുഖേന അടിയുറച്ചു പഠനമാണ്, ഉദാഹരണമായി ടെറേറിയം, ബ്രൗസർ എക്സടൻഷനുകൾ, സ്പേസ് ഗെയിംസ് എന്നിവ. ക്വിസുകൾ, സംവാദങ്ങൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളികളാകുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും നിങ്ങൾ പഠിച്ച കാര്യങ്ങൾ നല്ല രീതിയിൽ പകർന്നു വെക്കുകയും ചെയ്യുക നമ്മുടെ ഫലപ്രദമായ പ്രോജക്ട് അധിഷ്ഠിത പഠനരീതികൾ ഉപയോഗിച്ച്. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കൂ!
Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേർക്കുക
ഈ വിഭവങ്ങൾ ഉപയോഗിച്ച് ആരംഭിക്കാൻ ഈ പടികളേ പിന്തുടരുക:
- റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക: ക്ലിക്ക് ചെയ്യൂ
- റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - 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
ഏകദേശം ക്ലോൺ ചെയ്യാൻ ആഗ്രഹമുണ്ടോ?
ഈ റിപോസിട്ടറിയിൽ 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 പേജ് സന്ദർശിക്കൂ, ഇവിടെ നിങ്ങൾക്ക് തുടക്കദിശാസൂചനുകൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചറുകൾ ലഭിക്കും. മാസത്തിലെ മാറ്റങ്ങൾക്കനുസരിച്ച് ഇതു താങ്കളുടെ ബുക്ക്മാർക്കാക്കി ഇടയ്ക്ക് പരിശോധിക്കേണ്ട ഈ പേജ് ആണ്.
📣 പ്രഖ്യാപന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
🌱 ആരംഭിക്കൽ
ടീച്ചർമാർക്ക്, ഈ പాఠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിൽ കുറച്ച് നിർദ്ദേശങ്ങളും ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് for-teachers.md. നിങ്ങളുടെ അഭിപ്രായങ്ങൾ സംവാദ ഫോറത്തിൽ പ്രതീക്ഷിക്കുന്നു!
പഠിതാക്കൾ, ഓരോ പാഠവും പ്രീ-ലെക്ചർ ക്വിസിലൂടെ തുടങ്ങുക, മുൻപിൽ നൽകുന്ന പാഠവസ്തു വായിച്ചുക, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി, പിന്നീട് പോസ്റ്റ്-ലെക്ചർ ക്വിസ് ചെയ്താൽ തിരിച്ചറിയൽ ഉറപ്പാക്കാം.
നിങ്ങളുടെ പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടരോടൊപ്പം ചേർന്നു പ്രോജക്ടുകൾ നിർവ്വഹിക്കൂ! സംവാദങ്ങൾക്ക് ഞങ്ങളുടെ സംവാദ ഫോറം ഉണ്ട്, അവിടെ ഞങ്ങളുടെ മോദറേറ്റിംഗ് ടീം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് മറുപടി നൽകുന്നതാണ്.
കൂടുതൽ പഠനം ആഗ്രഹിക്കുന്നവർക്ക്, Microsoft Learn ഇവിടെ ഉപയോഗിച്ച് കൂടുതൽ പഠനപദ്ധതികൾ തേടാൻ ഞങ്ങൾ നിർദേശിക്കുന്നു.
📋 നിങ്ങളുടെ പരിസരമൊരുക്കൽ
ഈ പാഠ്യപദ്ധതിക്ക് തയ്യാറായ വികസന പരിസരം ഉണ്ട്! തുടങ്ങുമ്പോൾ, ഇത് ഒരു Codespace (ബ്രൗസർ അധിഷ്ഠിത, ഇൻസ്റ്റാൾ ആവശ്യമില്ലാത്ത പരിസരം) എന്ന നിലയിൽ ഓടിക്കാൻ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ Visual Studio Code പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് ലോക്കൽ ആയി ഓടിക്കാം.
നിങ്ങളുടെ റിപോസിറ്ററി സൃഷ്ടിക്കുക
നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ ബുക്ക് ചെയ്യാൻ, ഈ റിപോസിറ്ററിയുടെ ഒരു കോപ്പി സൃഷ്ടിക്കാൻ ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള Use this template ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ ഇത് നിങ്ങളുടെ GitHub അക്കൗട്ടിൽ പുതിയ റിപോസിറ്ററി സൃഷ്ടിക്കും, അതിൽ ഈ പാഠ്യപദ്ധതി ഉൾപ്പെടും.
പടികൾ അനുസരിച്ച്:
- റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക: ഈ പേജിന്റെ മുകളിൽ വലത് കോണിൽ "Fork" ബട്ടണിൽ ക്ലിക്കുചെയ്യുക.
- റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക:
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 ഇവിടെയായാണ് ഡൗൺലോഡ് ചെയ്യുക.
-
നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ Code ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL കോപ്പി ചെയ്യാം:
ശേഷം, Visual Studio Codeൽ ഉള്ള Terminal തുറന്ന് താഴെയുള്ള കമാൻഡ് പ്രവർത്തിപ്പിക്കുക,
<your-repository-url>എന്നിടത്തു കോപ്പി ചെയ്ത URL അടിക്കുക:git clone <your-repository-url> -
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 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | Data Types | ജാസ്മിൻ |
| 05 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ഫങ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലൊജിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫങ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | Functions and Methods | ജാസ്മിൻ & ക്രിസ്റ്റോഫർ |
| 06 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനം എടുക്കൽ | decision making രീതികൾ ഉപയോഗിച്ച് കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ പഠിക്കുക | Making Decisions | ജാസ്മിൻ |
| 07 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | അറെയ്സ്, ലൂപ്പുകൾ | JS-യിൽ അറെയ്സും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ പ്രവർത്തനം | Arrays and Loops | ജാസ്മിൻ |
| 08 | ടെറേറിയം | HTML പ്രായോഗികം | ഒരു ഓൺലൈൻ ടെറേറിയം രൂപപ്പെടുത്താനുള്ള HTML നിർമ്മാണം, ലേഔട്ടിനെ കേന്ദ്രീകരിച്ച് | Introduction to HTML | ജെൻ |
| 09 | ടെറേറിയം | CSS പ്രായോഗികം | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലിംഗിനു CSS നിർമ്മിക്കുക, പ്രധാനമായ CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആക്കൽ | Introduction to CSS | ജെൻ |
| 10 | ടെറേറിയം | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മ্যানിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ് ഇൻറർഫേസ് ആകാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോഷറുകൾക്കും DOM-ഉം കേന്ദ്രീകരിച്ചുള്ള പ്രവർത്തനം | JavaScript Closures, DOM manipulation | ജെൻ |
| 11 | ടൈപ്പിംഗ് ഗെയിം | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിച്ച് ജാവാസ്ക്രിപ്റ്റ് ലൊജിക് ചലിപ്പിക്കുക | Event-Driven Programming | ക്രിസ്റ്റോഫർ |
| 12 | ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ | ബ്രൗസറുകളുമായി പ്രവൃത്തി | ബ്രൗസറുകളും അവയുടെ ചരിത്രവും എങ്ങനെ പ്രവർത്തിക്കുന്നു, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ മുഖ്യ ഘടകങ്ങൾ നിർമ്മിക്കാനന്ത്രം | About Browsers | ജെൻ |
| 13 | ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ | ഫോം നിർമ്മിച്ച് API വിളിക്കുകയും ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സേവ് ചെയ്യുകയും ചെയ്യൽ | API-നെ വിളിക്കാൻ Local Storage-ൽ സൂക്ഷിച്ച വേരിയബിളുകൾ ഉപയോഗിച്ച് ബ്രൗസർ എക്സ്റ്റൻഷൻ ജാവാസ്ക്രിപ്റ്റ് വിഷയങ്ങൾ തയ്യാറാക്കുക | APIs, Forms, and Local Storage | ജെൻ |
| 14 | ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷനിന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും അതിന്റെ ഓപ്റ്റിമൈസേഷനുകളും അറിയുക | Background Tasks and Performance | ജെൻ |
| 15 | സ്പേസ് ഗെയിം | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് മെച്ചപ്പെട്ട ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനിൽ കാണപ്പെടുന്ന ഇൻഹെറിറ്റൻസ്, പബ്/സബ് പാറ്റേൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിനു തയ്യാറെടുക്കൽ | Introduction to Advanced Game Development | ക്രിസ് |
| 16 | സ്പേസ് ഗെയിം | കാൻവാസിൽ വരയ്ക്കൽ | സ്ക്രീനിൽ എലമെന്റുകൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന Canvas APIക്കുറിച്ച് പഠിക്കുക | Drawing to Canvas | ക്രിസ് |
| 17 | സ്പേസ് ഗെയിം | സ്ക്രീനിൽ എലമെന്റുകൾ നീക്കം ചെയ്യൽ | കോട്ടേഷ്യൻ Coordinates ഉപയോഗിച്ച് ഇലമെന്റുകൾക്ക് ചലനമുണ്ടാക്കാൻ പഠിക്കുക, Canvas API ഉപയോഗിച്ച് | Moving Elements Around | ക്രിസ് |
| 18 | സ്പേസ് ഗെയിം | തകരാഴ് കണ്ടെത്തൽ | കീപ്രസ്സ് മുഖാന്തിരം എലമെന്റുകൾ തമ്മിൽ തകരാറിലാക്കുകയും അവർ പരസ്പരം പ്രതികരിക്കുകയും ചെയ്യുക; ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ കൂള്ഡൗൺ ഫങ്ഷൻ നൽകുക | Collision Detection | ക്രിസ് |
| 19 | സ്പേസ് ഗെയിം | സ്കോർ നൽകൽ | ഗെയിമിന്റെ സ്ഥിതി പ്രകാരം ഗണിത കണക്കുകൂട്ടലുകൾ ചെയ്യുക | Keeping Score | ക്രിസ് |
| 20 | സ്പേസ് ഗെയിം | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ, ആസ്തുക്കൾ സംസ്കരിക്കൽ, വേരിയബിൾ മൂല്യങ്ങൾ റീസെറ്റ് ചെയ്യൽ എന്നിവ പഠിക്കുക | The Ending Condition | ക്രിസ് |
| 21 | ബാങ്കിംഗ് ആപ്പ് | വെബ് ആപ്പിൽ HTML ടেম്പ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിംഗ് ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ സ്കാഫോൾഡ് നിർമ്മിക്കുന്നത്, HTML ടেম്പ്ലേറ്റുകൾ നിർമ്മിക്കുന്നത് പഠിക്കുക | 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 എന്നിങ്ങനെ ഈ പാഠ്യരീതി ആരംഭിക്കാൻ ആഗ്രഹിക്കുന്നവർക്ക് ഏതാനും പാഠങ്ങൾ തിരഞ്ഞെടുക്കാം!
പദ്ധതികളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുന്നതിനാൽ, വിദ്യാർത്ഥികൾക്ക് പഠന പ്രക്രിയ കൂടുതൽ ആകർഷകവും ആശയങ്ങളുടെ ദൃઢമായ നിലനിൽക്കും. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്താൻ ഞങ്ങൾ നിരവധി സ്റ്റാർട്ടർ പാഠങ്ങൾ തയ്യാറാക്കി, അവയ്ക്ക് "Beginners Series to: JavaScript" എന്ന വീഡിയോ ട്യൂട്ടോർസിന്റെ വിഡിയോ കൂടെ നൽകിയിട്ടുണ്ട്. ഇതിലെ ചില രചയിതാക്കൾ ഈ പാഠകുറിപ്പ് രൂപകൽപ്പന ചെയ്യുന്നതിൽ പങ്കെടുത്തു.
ക്ലാസിന് മുൻപ് കുറുപ്പാം ക്വിസ് ഒരു വിഷയത്തിൽ വിദ്യാർഥിയുടെ മനോഭാവം സജ്ജമാക്കുകയും, ക്ലാസിന് ശേഷം സംഗ്രഹിക്കാനുള്ള രണ്ടാം ക്വിസ് ആശയം നിലനിർത്താൻ സഹായിക്കുകയും ചെയ്യും. ഈ പാഠ്യരീതി സൗകര്യപ്രദവും രസകരവുമായതാണ്, പൂർണ്ണമായി അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാം. പ്രോജക്റ്റുകൾ തുടക്കത്തിൽ ചെറിയതായിട്ട് ഒടുവിൽ കൂടുതൽ സങ്കീർണ്ണമാവും, 12 ആഴ്ചകളുടെ ചക്രത്തിൽ.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പരിചയപ്പെടുത്തലുകൾ ഉൾപ്പെടുത്താതെ വെബ് ഡെവലപ്പർക്ക് അ ബേസ്ലൈൻ സ്കിൽ കാത്തു നിൽക്കാൻ തയ്യാറായിട്ടുള്ള ഈ പാഠ്യക്രമം കഴിഞ്ഞ് അടുത്ത് പഠിക്കേണ്ടത് Node.js ജോലികൾ അറിയുന്നതിനായുള്ള "Beginner Series to: Node.js" എന്ന വീഡിയോ സ്കൂളാണ്.
ഞങ്ങളുടെ Code of Conduct ഉം Contributing നയങ്ങളും സന്ദർശിക്കുക. നിങ്ങളുടെ സാമ്പത്തിക സംവൃത്തിക്കുള്ള നല്ല അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു!
🧭 ഓഫ്ലൈൻ ആക്സസ്
Docsify ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈൻ പ്രവർത്തിപ്പിക്കാം. ഈ റിപൊ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലൊക്കൽ മെഷീനിൽ Docsify ഇൻസ്റ്റാൾ ചെയ്യുക, പിന്നീട് ഈ റിപൊയുടെ മൂല ഫോൾഡറിൽ docsify serve എന്ന കമാൻഡ് ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് your localhost ൽ പോർട്ട് 3000ൽ ലഭിക്കും: localhost:3000.
എല്ലാ പാഠങ്ങളും അടങ്ങിയ ഒരു PDF ഇവിടെ ലഭ്യമാണ് here.
🎒 മറ്റ് കോഴ്സുകൾ
ഞങ്ങളുടെ ടീം മറ്റ് കോഴ്സുകളും ഒരുക്കുന്നു! കാണുക:
LangChain
Azure / Edge / MCP / Agents
Genเരative AI Series
കേർ ലേണിംഗ്
കോപ്പൈലറ്റ് സീരീസ്
സഹായം നേടുന്നു
നിങ്ങൾ കുടുങ്ങുകയാണെങ്കിൽ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കാൻ പറ്റിയ ചോദ്യങ്ങളുണ്ടെങ്കിൽ. MCP യുമായി ബന്ധപ്പെട്ട ചർച്ചകളിൽ അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും അനുഭവ പ്രവർത്തകരും ചേർന്ന് പഠിക്കുക. ചോദ്യങ്ങൾ സ്വാഗതം ചെയ്യുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്, അറിവ് സ്വതന്ത്രമായി പങ്കിടുന്നു.
നിർമാണസമയം ഉൽപ്പന്ന ഫീഡ്ബാക്കും പിശകുകളും ഉണ്ടെങ്കിൽ സന്ദർശിക്കുക:
ലൈസൻസ്
ഈ സംഭരണിയിലെവലം MIT ലൈസൻസെയുടെ অধീനമാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് LICENSE ഫയൽ കാണുക.
സ്പഷ്ടികരണം:
ഈ പ്രമാണം Co-op Translator എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നമ്മൾ ക്രമാണുസൃതതയ്ക്ക് ശ്രമിച്ചിരുന്നാലും, സ്വയം പ്രവർത്തിക്കുന്ന വിവർത്തനങ്ങളിൽ തെറ്റുകൾ അല്ലെങ്കിൽ അശുദ്ധതകൾ ഉള്ളതായി ശ്രദ്ധിക്കുക. സ്വതന്ത്ര ഭാഷയിൽ ഉള്ള ഓരിജിനൽ പ്രമാണം പ്രാമാണിക ഉറവിടമായി വേണമെന്ന് കണ്ടവം പ്രധാനമാണ്. പ്രാധാന്യമർഹിക്കുന്ന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്കോ വ്യാഖ്യാനങ്ങളിലോ ഞങ്ങൾ ബാധ്യത വഹിക്കുന്നില്ല.


