Web-Dev-For-Beginners/translations/km/3-terrarium/3-intro-to-DOM-and-closures/assignment.md

ការប្រាស់និន្នាការធាតុ DOM

ទិដ្ឋភាពទូទៅ

ឥឡូវនេះដែលអ្នកបានជួបប្រទៈនូវអំណាចនៃការគ្រប់គ្រង DOM ដោយផ្ទាល់ អ្នកបានពេលវេលាដើម្បីស្វែងយល់អំពីពិភពធំទូលាយនៃរូបមន្ត DOM។ ការប្រឡងនេះនឹងពង្រឹងការយល់ដឹងរបស់អ្នកអំពីរបៀបដែលបច្ចេកវិទ្យាវែបផ្សេងៗទំនាក់ទំនងជាមួយ DOM លើសពីការទាញធាតុ។

គោលបំណងរៀន

តាមរយៈការបញ្ចប់ការប្រឡងនេះ អ្នកនឹង៖

• ស្រាវជ្រាវ និងយល់ដឹងជ្រៅអំពីរូបមន្ត DOM មួយជាក់លាក់
• វិភាគ ការអនុវត្តជាក់ស្តែងនៃការគ្រប់គ្រង DOM
• ភ្ជាប់ គំនិតទ្រឹស្តីទៅនឹងកម្មវិធីជាក់ស្តែង
• អភិវឌ្ឍ ជំនាញក្នុងការសរសេរឯកសារ និងវិភាគបច្ចេកទេស

សេចក្តីណែនាំ

ជំហាន ១៖ ជ្រើសរើសរូបមន្ត DOM របស់អ្នក

ចូលទៅកាន់បញ្ជីពេញលេញ ចំណងជើងរូបមន្ត DOM នៅលើ MDN ហើយជ្រើសរើសរូបមន្តដែលអ្នកមានចំណាប់អារម្មណ៍។ សូមពិចារណាជ្រើសរើសពីចំណាត់ថ្នាក់ទាំងនេះសម្រាប់ភាពចម្រុះ៖

ជម្រើសសមរម្យសម្រាប់អ្នកចាប់ផ្ដើម៖

• Element.classList - ការគ្រប់គ្រងថ្នាក់ CSS យ៉ាង δυναμμικό
• Document.querySelector() - ការជ្រើសរើសធាតុជាន់ខ្ពស់
• Element.addEventListener() - ការគ្រប់គ្រងព្រឹត្តិការណ៍លើសពីព្រឹត្តិការណ៍មូលដ្ឋាន
• Window.localStorage - ការផ្ទុកទិន្នន័យនៅផ្នែកអតិថិជន

ការបញ្ចេញបញ្ហាកម្រិតមធ្យម៖

• Intersection Observer API - ការទទួលស្គាល់ភាពមើលឃើញនៃធាតុ
• MutationObserver - ការគ្រប់គ្រងការផ្លាស់ប្តូរនៅក្នុង DOM
• Drag and Drop API - ជំរើសផ្សេងពីវិធី pointer-based របស់យើង
• Geolocation API - ការចូលប្រើទីតាំងអ្នកប្រើប្រាស់

ការស្វែងយល់ជម្រៅ៖

• Web Components - ធាតុកំណត់ផ្ទាល់ និង shadow DOM
• Canvas API - ក្រាហ្វិកកម្មវិធី
• Web Workers - ការដំណើរការប្រមូលផ្តុំក្រោយកញ្ចក់
• Service Workers - មុខងារឥតចូល​បណ្ដាញ

ជំហាន ២៖ ស្រាវជ្រាវ និងចុះឯកសារ

បង្កើតវិភាគជម្រៅ (300-500 ពាក្យ) រួមមានៈ

ទិដ្ឋភាពបច្ចេកទេស

• កំណត់ រួមបញ្ចូលពីរូបមន្តដែលអ្នកបានជ្រើសក្នុងភាសាសាមញ្ញ និងសម្រួលសម្រាប់អ្នកចាប់ផ្ដើម
• ពន្យល់ អំពីវិធីសាស្រ្ត សម្បត្តិ ឬព្រឹត្តិការណ៍ដែលរូបមន្តផ្តល់ជូន
• ពណ៌នា ប្រភេទបញ្ហាដែលវាត្រូវបានបង្កើតសម្រាប់ដោះស្រាយ

ការអនុវត្តជាក់ស្តែង

• ស្វែងរក វែបសាយមួយដែលប្រើរូបមន្តដែលអ្នកជ្រើស (ពិនិត្យកូដឬស្រាវជ្រាវឧទាហរណ៍)
• ចុះឯកសារ ការអនុវត្តជាក់លាក់ជាមួយកូដខ្នាតខ្នាតប្រសិនបើអាចធ្វើទៅបាន
• វិភាគ ហេតុអ្វីបានជ المطورين ជ្រើសរើសវិធីនេះ
• ពន្យល់ របៀបវាប្រែប្រួលបទពិសោធន៍អ្នកប្រើប្រាស់

ការអនុវត្តជាក់ស្តែង

• ប្រៀបធៀប រូបមន្តរបស់អ្នកជាមួយបច្ចេកទេសដែលយើងប្រើនៅក្នុងគម្រោង terrarium
• **ស្នើសុំពីរបៀបដែលរូបមន្តរបស់អ្នកអាចបង្កើន ឬបន្តភាពអាចប្រើប្រាស់របស់ terrarium
• កំណត់ គម្រោងផ្សេងទៀតដែលរូបមន្តនេះនឹងមានតម្លៃ

ជំហាន ៣៖ ឧទាហរណ៍កូដ

រួមបញ្ចូលឧទាហរណ៍កូដសាមញ្ញ និងដំណើរការដែលបង្ហាញរូបមន្តរបស់អ្នក។ វាគួរតែ៖

• ដំណើរការ - កូដគួរតែដំណើរការពិតប្រាកដពេលបានសាកល្បង
• មានមតិយោបល់ - ពន្យល់អំពីអ្វីដែលមុខម្ខាងទាំងអស់ធ្វើ
• ពាក់ព័ន្ធ - តភ្ជាប់ទៅករណីប្រើប្រាស់ដែលជារូបភាពពិត
• សមរម្យសម្រាប់អ្នកចាប់ផ្ដើម - ងាយយល់សម្រាប់អ្នករៀនអភិវឌ្ឍវែប

ទម្រង់ការដាក់ស្នើ

រៀបចំការដាក់ស្នើរបស់អ្នកជាមួយចំណងជើងច្បាស់លាស់៖

# [Interface Name] DOM Investigation

## What It Does
[Technical overview]

## Real-World Example
[Website analysis and implementation details]

## Code Demonstration
[Your working example with comments]

## Reflection
[How this connects to our terrarium project and future applications]

វិធីសម្រាប់វាយតម្លៃ

កាលាដ្ឋាន	ល្អឥតខ្ចោះ (A)	មានជំនាញ (B)	កំពុងអភិវឌ្ឍ (C)	ត្រូវការកែលម្អ (D)
ការយល់ដឹងផ្នែកបច្ចេកទេស	បង្ហាញការយល់ដឹងជ្រៅជាមួយការពន្យល់ត្រឹមត្រូវនិងពាក្យបច្ចេកទេសសមរម្យ	បង្ហាញការយល់ដឹងរឹងមាំ ជាមួយការពន្យល់ត្រឹមត្រូវភាគច្រើន	មានការយល់ដឹងមូលដ្ឋាន និងកំហុសខ្លះៗ	ចាញ់ការយល់ដឹងខ្លាំង ជាមួយកំហុសធំនានា
វិភាគពីពិភពពិត	កំណត់ និងវិភាគការអនុវត្តជាក់ស្តែងជាមួយខ្លឹមសារត្រឹមត្រូវ	រកឃើញឧទាហរណ៍ជាក់ស្តែងសឹងតែមានការវិភាគគ្រប់គ្រាន់	រកឃើញឧទាហរណ៍ ប៉ុន្តែការវិភាគមិនមានជម្រៅ	ភ្ជាប់មិនច្បាស់ ឬខុសពីពិភពពិត
ឧទាហរណ៍កូដ	កូដដំណើរការប្រកបដោយមតិយោបល់ច្បាស់លាស់បង្ហាញរូបមន្ត	កូដដំណើរការជាមួយមតិយោបល់គ្រប់គ្រាន់	កូដដំណើរការ ប៉ុន្តែត្រូវការ​ព័ត៌មានបន្ថែម	កូដកំហុស ឬពន្យល់មិនច្បាស់
គុណភាពសរសេរ	សរសេរប្រាប់បែបច្បាស់ តូបពិសោធន៏ ជាមួយរចនាសម្ព័ន្ធត្រឹមត្រូវ	រៀបចំបានល្អ ជាមួយសម្រិតសរសេរបច្ចេកទេសល្អ	រៀបចំបានគ្រប់គ្រាន់ និងច្បាស់លាស់	រៀបចំខ្សោយ ឬអសកម្មភាពកិច្ចសម្រួល
គំនិតវិគ្គចារណា	បង្កើតការតភ្ជាប់ឆ្លាតវៃចំពោះគំនិត និងស្នើសុំ ការអនុវត្តថ្មីៗ	បង្ហាញគំនិតវិភាគល្អ និងតភ្ជាប់ពាក់ព័ន្ធ	មានវិភាគមួយចំនួន ប៉ុន្តែមិនជ្រៅ	គ្មានភស្តុតាងបង្ហាញពីគំនិតវិគ្គចារណា

គន្លឹះសម្រាប់ជោគជ័យ

យុទ្ធសាស្ត្រស្រាវជ្រាវ៖

• ចាប់ផ្តើម ជាមួយឯកសារពី MDN សម្រាប់ព័ត៌មានផ្តល់អំណាច
• ស្វែងរក ឧទាហរណ៍កូដនៅ GitHub ឬ CodePen
• ពិនិត្យ វែបសាយពេញនិយមដោយប្រើឧបករណ៍អភិវឌ្ឍន៍កម្មវិធីរក្សាទុកកម្មវិធីរុករក
• មើល វីដេអូសិក្សាសម្រាប់ការពន្យល់ផ្ទាំង

គន្លឹះសរសេរ៖

• ប្រើ ពាក្យរបស់អ្នកផ្ទាល់ មិនកូពីឯកសារព័ត៌មាន
• រួមបញ្ចូល ឧទាហរណ៍ និងឧទាហរណ៍កូដជាក់លាក់
• ពន្យល់ គំនិតបច្ចេកទេសដូចជាកំពុងបង្រៀនមិត្តភក្តិ
• ភ្ជាប់ រូបមន្តរបស់អ្នកទៅនឹងគំនិតអភិវឌ្ឍន៍វែបទូលំទូលាយ

គំនិតឧទាហរណ៍កូដ៖

• បង្កើត ដេមូសាមញ្ញដែលបង្ហាញមុខងារចម្បងរបស់រូបមន្ត
• សាងសង់ លើគំនិតពីគម្រោង terrarium របស់យើង ប្រសិនបើមានភាពពាក់ព័ន្ធ
• ផ្តោត លើមុខងារ ជាងរចនាបថ
• សាកល្បង កូដរបស់អ្នកដើម្បីធៀបប្រតិបត្តិការឲ្យបានត្រឹមត្រូវ

កាលបរិច្ឆេទដាក់ស្នើ

[បន្ថែមកាលបរិច្ឆេទនៅទីនេះ]

សំណួរណាមួយ?

ប្រសិនបើអ្នកត្រូវការពន្យល់បន្ថែមអំពីផ្នែកណាមួយនៃការប្រឡងនេះ សូមកុំស្ទាក់ស្ទើរពួកគេ! ការស្រាវជ្រាវនេះនឹងពង្រឹងការយល់ដឹងរបស់អ្នកអំពីរបៀបដែល DOM បណ្ដាលឲ្យមានបទពិសោធន៍វែបចម្រង់ចរណ៍ដែលយើងប្រើគ្រប់ថ្ងៃ។

---

ការបដិសេធ៖
ឯកសារនេះត្រូវបានបកប្រែដោយប្រើសេវាបកប្រែ AI Co-op Translator។ ខណៈពេលយើងខិតខំប្រឹងប្រែងឱ្យបានត្រឹមត្រូវ សូមដឹងថាការបកប្រែដោយស្វ័យប្រវត្តិក្នុងជើងនេះអាចមានកំហុស ឬមិនត្រឹមត្រូវ។ ឯកសារដើមក្នុងភាសាម្តាយគួរត្រូវបានគេចាត់ទុកជាមូលដ្ឋានដែលមានប្រយោជន៍។ សម្រាប់ព័ត៌មាន​សំខាន់ៗ សូមណែនាំឱ្យបកប្រែដោយអ្នកជំនាញផ្នែកមនុស្ស។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកប្រែខុសដែលកើតឡើងពីការប្រើប្រាស់ការបកប្រែនេះឡើយ។