ការអភិវឌ្ឍន៍គេហទំព័រសម្រាប់អ្នកចាប់ផ្តើម - មេរៀនមួយ

សូមរៀនមូលដ្ឋាននៃការអភិវឌ្ឍន៍គេហទំព័រជាមួយវគ្គសិក្សារយៈពេល 12 សប្តាហ៍ដែលមានការរួមចំណែកយ៉ាងទូលំទូលាយដោយ Microsoft Cloud Advocates។ មេរៀនទាំង 24 នីមួយៗនាំចូលទៅកាន់ការរៀនភាសា JavaScript, CSS, និង HTML តាមរយៈគម្រោងជាក់ស្តែងដូចជា terrariums, browser extensions, និងហ្គេមអាកាស។ សូមចូលរួមជាមួយនឹងសំណួរសម្លប់, ការពិភាក្សា និងការងារអនុវត្តន៍ផ្ទាល់។ បង្កើនជំនាញរបស់អ្នកហើយបង្កើតការចងចាំបានល្អជាមួយវិធីសាស្រ្តបង្រៀនផ្អែកលើគម្រោងយ៉ាងមានប្រសិទ្ធភាព។ ចាប់ផ្តើមដំណើរការកូដរបស់អ្នកថ្ងៃនេះ! ចូលរួមជាមួយសហគមន៍ Azure AI Foundry Discord អនុវត្តតាមជំហានទាំងនេះដើម្បីចាប់ផ្តើមប្រើប្រាស់ធនធានទាំងនេះ៖ 1. ចម្លង Repository: ចុច 2. គំលោប Repository: 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 | 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 ដែលអ្នកនឹងឃើញធនធានសម្រាប់អ្នកចាប់ផ្តើម, ឯកសារសិស្ស, និងវិធីសាស្រ្តដទៃទៀតសម្រាប់ទទួលបានសំបុត្រសម្ងាត់ឥតគិតថ្លៃ។ ទំព័រនេះជាទំព័រដែលអ្នកគួរជួយដាក់សញ្ញាទុកហើយត្រឡប់មកពិនិត្យវាប្រចាំខែ ដែលដោយយើងធ្វើការកែប្រែមាតិកាឲ្យទាន់សម័យ។ ### 📣 សេចក្តីប្រកាស - ជម្រើស GitHub Copilot Agent ថ្មីសម្រាប់បញ្ចប់! មានការបន្ថែមជម្រើសថ្មី សូមស្វែងរក "GitHub Copilot Agent Challenge 🚀" នៅក្នុងជំពូកភាគច្រើន។ នេះគឺជាជម្រើសថ្មីសម្រាប់អ្នកបញ្ចប់ដោយប្រើ GitHub Copilot និងមុខងារ Agent mode។ ប្រសិនបើអ្នកមិនបានប្រើ Agent mode មុននេះ វាមានសមត្ថភាពមិនត្រឹមតែបង្កើតអក្សរ ទេ តែថែមទាំងអាចបង្កើត និងកែប្រែឯកសារ, រត់ពាក្យបញ្ជា និងដូច្នោះទៀត។ ### 📣 សេចក្តីប្រកាស - គម្រោងថ្មីសម្រាប់បង្កើតដោយ Generative AI គម្រោងជំនួយ AI ថ្មីបានបន្ថែមមក សូមពិនិត្យមើល គម្រោង ### 📣 សេចក្តីប្រកាស - មេរៀនថ្មី ស្តីពី Generative AI សម្រាប់ JavaScript ត្រូវបានបញ្ចេញ កុំភ្លេចមេរៀនថ្មី Generative AI របស់យើង! សូមចូលទៅ https://aka.ms/genai-js-course ដើម្បីចាប់ផ្តើម! - មេរៀនគ្របដណ្តប់ទាំងមូលពីមូលដ្ឋានដល់ RAG។ - អាចបញ្ជាក់សកម្មភាពជាមួយតួអង្គប្រវត្តិសាស្ត្រដោយប្រើ GenAI និងកម្មវិធីជំនួយរបស់យើង។ - រឿងរ៉ាវគួរឱ្យសប្បាយនិងគួរឱ្យចាប់អារម្មណ៍ ដែលអ្នកនឹងធ្វើដំណើរតាមពេលវេលា! មេរៀននីមួយៗរួមមានការងារជាក់ស្តែង សំណួរត្រួតពិនិត្យចំណេះដឹង និងបញ្ហាស្វែងយល់ដើម្បីណែនាំអ្នកលើប្រធានបទដូចជា: - ការស្នើសុំ និងជំនាញបច្ចេកទេសស្នើសុំ - ការបង្កើតកម្មវិធីអក្សរនិងរូបភាព - កម្មវិធីស្វែងរក សូមចូលទៅ https://aka.ms/genai-js-course ដើម្បីចាប់ផ្តើម! ## 🌱 ការចាប់ផ្តើម និស្សិត សម្រាប់មេរៀននីមួយៗ ចាប់ផ្តើមជាមួយសំណួរមុនបង្រៀន ហើយអនុវត្តតាមមាតិកាបង្រៀន ការចប់ការងារប្រកបដោយជោគជ័យ និងពិនិត្យការយល់ដឹងរបស់អ្នកជាមួយសំណួរផ្សេងទៀតបន្ទាប់ពីបង្រៀន។ ដើម្បីបង្កើតបទពិសោធន៍រៀនសូត្រពិតប្រាកដ សូមភ្ជាប់ការងារជាក្រុម និងការពិភាក្សាជាមួយមិត្តរបស់អ្នក! ការពិភាក្សាទាំងនេះត្រូវបានគាំទ្រនៅក្នុង វេទិកាពិភាក្សារបស់យើង ដែលមានក្រុមModerators រងចាំឆ្លើយសំណួររបស់អ្នក។ ដើម្បីបន្តការសិក្សាឡើងទៀត យើងណែនាំឲ្យស្វែងយល់ពី Microsoft Learn សម្រាប់ឯកសារសិក្សាបន្ថែម។ ### 📋 ការតំឡើងបរិយាកាសរបស់អ្នក មេរៀននេះមានបរិយាកាសអភិវឌ្ឍន៍រួចស្រេចហើយ! នៅពេលអ្នកចាប់ផ្តើម អ្នកអាចជ្រើសរើសដំណើរការមេរៀននៅក្នុង Codespace (បរិយាកាសប្រើក្នុងកម្មវិធីរកមើល ដែលមិនត្រូវការតំឡើង), ឬជាស្រេចលើកុំព្យូទ័រផ្ទាល់ឲ្យប្រើកម្មវិធីកែសម្រួលអក្សរដូចជា Visual Studio Code។ #### បង្កើត repository របស់អ្នក ដើម្បីអោយអ្នករក្សាទុកការងារនៅកាន់ថ្នាក់ខ្ពស់, យើងណែនាំឲ្យអ្នកបង្កើតច្បាប់ដែលមានច្បាស់របស់អ្នកផ្ទាល់។ អ្នកអាចធ្វើបាននេះដោយចុចប៊ូតុង Use this template នៅលើផ្ទាំងនេះ។ វានឹងបង្កើត repository ថ្មីនៅក្នុងគណនី GitHub របស់អ្នកជាមួយច្បាប់មេរៀន។ អនុវត្តតាមជំហានទាំងនេះ៖ 1. ចម្លង Repository: ចុចលើប៊ូតុង "Fork" នៅជាងកំពូលខាងលើខាងស្តាំរបស់ទំព័រនេះ។ 2. គំលោប Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git #### ដំណើរការមេរៀននៅក្នុង Codespace នៅក្នុងច្បាប់ដែលអ្នកបានបង្កើតឡើង ចុចប៊ូតុង Code ហើយជ្រើស Open with Codespaces។ វានឹងបង្កើត Codespace ថ្មីសម្រាប់អ្នកធ្វើការនៅក្នុងការងារ។ #### ដំណើរការមេរៀននៅលើកុំព្យូទ័រផ្ទាល់ ដើម្បីដំណើរការមេរៀននេះនៅលើកុំព្យូទ័រជាក់ស្តែង អ្នកត្រូវការអ្នកកែសម្រួលអក្សរ, កម្មវិធីរកមើល និងឧបករណ៍បញ្ជា Command Line Tool។ មេរៀនដំបូងរបស់យើង បើកផ្លូវទៅភាសាព្រមទាំងកម្មវិធីនានា នឹងណែនាំអ្នកជម្រើសកម្មវិធីនានាសម្រាប់ឧបករណ៍ទាំងនេះដើម្បីជួយទៅរកអ្វីដែលសមរម្យសម្រាប់អ្នកបំផុត។ យើងណែនាំឲ្យប្រើ Visual Studio Code ជាកម្មវិធីកែសម្រួលរបស់អ្នក ដោយវាក៏មានផ្នែក Terminal ជាស្រេចផងដែរ។ អ្នកអាចទាញយក Visual Studio Code នៅទីនេះ។ 1. ក្លូនផ្ទុក repository របស់អ្នកទៅកុំព្យូទ័ររបស់អ្នក។ អ្នកអាចធ្វើបានដោយចុចប៊ូតុង Code ហើយចម្លង URL៖ CodeSpace បន្ទាប់មក បើក Terminal នៅក្នុង Visual Studio Code ហើយរត់ពាក្យបញ្ជាដូចខាងក្រោម ដោយជំនួស ជា URL ដែលអ្នកទើបចម្លង៖ bash git clone <your-repository-url> 2. បើកថតក្នុង Visual Studio Code។ អ្នកអាចធ្វើបានដោយចុច File > Open Folder ហើយជ្រើសរើសថតដែលអ្នកទើបក្លូន។ ## 📂 មេរៀនមួយមួយរួមមាន៖ - សេចក្តីសូមចំណាំជាគំរូ - វីដេអូបន្ថែមជាជម្រើស - សំនួរសាកល្បងមុនមេរៀន - មេរៀនដែលបានសរសេរ - សម្រាប់មេរៀនលើគម្រោង មានមគ្គុទេសក៍ជំហាន-ដោយ-ជំហានអំពីរបៀបសង់គម្រោង - ការត្រួតពិនិត្យចំណេះដឹង - បញ្ហាប្រឈម - ការអានបន្ថែម - បេសកកម្ម - សំនួរសាកល្បងបន្ទាប់ម៉េរៀន ## 🗃️ មេរៀន ## 🏫 វិធីសាស្រ្តបង្រៀន កម្មវិធីសិក្សារបស់យើងត្រូវបានរចនាឡើងជាមួយគោលការណ៍បង្រៀនសំខាន់ពីរប្រភេទ៖ * ការសិក្សាដោយគម្រោង * សំនួរសាកល្បងជាញឹកញាប់ កម្មវិធីបង្រៀនមូលដ្ឋាន JavaScript, HTML និង CSS រួមទាំងឧបករណ៍ និងបច្ចេកទេសថ្មីៗដែលអ្នកអភិវឌ្ឍវេបសាយប្រើប្រាស់នៅថ្ងៃនេះ។ សិស្សនឹងមានឱកាសអភិវឌ្ឍបទពិសោធន៍ដៃគូដោយសាងសង់ហ្គេមវាយអក្សរ Terrarium តាមអ៊ិនធឺរណេត កម្មវិធីលំនាំ Firefox មិត្តបរិស្ថានហ្គេមល្ខៅល្ខៅលើអេក្រង់ និងកម្មវិធីធនាគារសម្រាប់អាជីវកម្ម។ បញ្ចប់ស៊េរីនេះ សិស្សនឹងមានការយល់ដឹងជ្រាលជ្រៅអំពីការអភិវឌ្ឍវេប។ ដោយធានាថាខ្លឹមសារត្រូវតែស្របទៅតាមគម្រោង នេះធ្វើឲ្យដំណើរការបង្រៀនមានការចាប់អារម្មណ៍សម្រាប់សិស្ស និងកែលម្អការចងចាំគំនិត។ យើងក៏បានសរសេរមេរៀនដំបូងជាច្រើននៅវិស័យ JavaScript មូលដ្ឋានសម្រាប់បង្ហាញគំនិតរួមជាមួយវីដេអូពី "Beginners Series to: JavaScript" ជាការប្រមូលផ្តុំវីដេអូដែលអ្នកនិពន្ធមួយចំនួនបានរួមចំណែកក្នុងកម្មវិធីនេះ។ បន្ថែមពីនេះ ការសាកល្បងមួយមុនថ្នាក់បង្ហាត់ដាក់បំណងក្តីចង់រៀនរបស់សិស្សមួយ ជាមួយសំនួរសាកល្បងទីពីរពីរបន្ទាប់បន្ទាប់គឺធានាការចងចាំបន្ថែម។ កម្មវិធីនេះរចនាឡើងឱ្យបត់បែន និងរីករាយ ហើយអាចយកទាំងស្រុងឬផ្នែកមួយចំណែកមកអានបាន។ គម្រោង​តូចៗ តែរីកចម្រើនកាន់តែស្មុគស្មាញតាមរយៈរយៈពេល 12 សប្ដាហ៍។ នៅពេលយើងបានជ្រើសរើសមិនណែនាំខ្នាត JavaScript frameworks ទេ ដើម្បីផ្តោតលើជំនាញមូលដ្ឋានដែលត្រូវការជាអ្នកអភិវឌ្ឍវេបមុនពេលយក framework មួយ។ ជំហានបន្ទាប់ល្អដើម្បីបញ្ចប់កម្មវិធីនេះគឺរៀនអំពី Node.js តាមប្រមូលផ្តុំវីដេអូផ្សេងទៀត៖ "Beginner Series to: Node.js"។ ## 🧭 ការចូលប្រើក្រៅបណ្ដាញ អ្នកអាចរត់ឯកសារនេះក្រៅបណ្ដាញដោយប្រើ Docsify! នៅក្នុង repo នេះ សូម fork, ដំឡើង Docsify លើកុំព្យូទ័រប្រព័ន្ធរបស់អ្នក ហើយនៅក្នុងថត root នៃ repo នេះវាយ docsify serve ។ គេហទំព័រនឹងរត់នៅកំពង់ផែ 3000 នៅ localhost របស់អ្នក៖ localhost:3000។ ## 📘 PDF ការបោះពុម្ព PDF របស់មេរៀនទាំងអស់អាចរកបាន tại đây។ ## 🎒វគ្គសិក្សាផ្សេងទៀត ក្រុមការងាររបស់យើងផលិតវគ្គសិក្សាផ្សេងទៀតផងដែរ! សូមមើល៖ ### LangChain --- ### Azure / Edge / MCP / Agents --- ### ស៊េរី Generative AI -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) --- ### ការសិក្សាមូលដ្ឋាន --- ### ស៊េរី Copilot ## ទទូលជំនួយ បើអ្នកជួបបញ្ហា ឬមានសំណួរណាមួយអំពីការបង្កើតកម្មវិធី AI។ ចូលរួមជាមួយអ្នករៀនរួម និងអ្នកអភិវឌ្ឍដែលមានបទពិសោធន៍ ក្នុងការពិភាក្សាអំពី MCP។ នេះគឺជាសហគមន៍គាំទ្រដែលសំណួរត្រូវបានស្វាគមន៍ ហើយចំណេះដឹងត្រូវបានចែករំពែកដោយសេរី។ បើអ្នកមានមតិយោបល់អំពីផលិតផល ឬកំហុសពេលកំពុងបង្កើត សូមចូលរួមពិនិត្យ៖ ## អាជ្ញាប័ណ្ណ ឃ្លាំងទិន្នន័យនេះមានអាជ្ញាបណ្ណក្រោមអាជ្ញាបណ្ណ MIT។ សូមមើលឯកសារ LICENSE ដើម្បីទទួលបានព័ត៌មានបន្ថែម។ --- ការបដិសេធ៖ ឯកសារនេះត្រូវបានប្រែជាភាសាខ្មែរ ដោយប្រើសេវាកម្មបម្លែងភាសា AI Co-op Translator។ ខណៈពេលដែលយើងព្យាយាមអោយបានត្រឹមត្រូវអត្ថន័យ សូមយល់ថាការប្រែដោយស្វ័យប្រវត្តិកម្មនេះអាចមានកំហុស ឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមជាភាសាបង្កើតគឺជាជាលក្ខណៈប្រភពពិតប្រាកដ។ សម្រាប់ព័ត៌មានដ៏សំខាន់ សូមប្រើការប្រែដោយមនុស្សជាន់ខ្ពស់ជាជម្រើស។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ខុស ឬការបកប្រែខុសពីការប្រើប្រាស់ការប្រែនេះឡើយ។