ការសរសេរកម្មវិធី LUMIFY WORK Angular 12

ហេតុអ្វីត្រូវសិក្សាវគ្គសិក្សានេះ។

វគ្គសិក្សាកម្មវិធី Angular 12 ដ៏ទូលំទូលាយនេះគឺជាការរួមបញ្ចូលគ្នានៃការរៀនទ្រឹស្តី និងមន្ទីរពិសោធន៍ដោយដៃ ដែលរួមបញ្ចូលការណែនាំអំពី Angular អមដោយ TypeScript សមាសធាតុ ការណែនាំ សេវាកម្ម HTTP Client ការធ្វើតេស្ត និងការបំបាត់កំហុស។
វគ្គសិក្សាគឺពោរពេញទៅដោយព័ត៌មានមានប្រយោជន៍ និងអាចអនុវត្តបាន ដែលអ្នកអាចអនុវត្តចំពោះការងាររបស់អ្នកបានភ្លាមៗ។ ស្វែងយល់ពីមូលដ្ឋានគ្រឹះនៃការអភិវឌ្ឍន៍មូលដ្ឋាន Angular 12 ដូចជាកម្មវិធីកម្មវិធីរុករកតាមអ៊ីនធឺណិតតែមួយទំព័រ ឆ្លើយតប webគេហទំព័រ និងកម្មវិធីទូរស័ព្ទកូនកាត់។
ចំណាំ៖ យើងក៏អាចផ្តល់ការបណ្តុះបណ្តាលលើកំណែផ្សេងទៀតនៃ Angular ផងដែរ។ សូមទាក់ទងមកយើងខ្ញុំដើម្បីសាកសួរ ឬចុះឈ្មោះចំណាប់អារម្មណ៍។

អ្វីដែលអ្នកនឹងរៀន
នៅពេលបញ្ចប់វគ្គសិក្សានេះដោយជោគជ័យ អ្នកនឹងអាច៖

• បង្កើតកម្មវិធី Angular ទំព័រតែមួយដោយប្រើ Typescript
• រៀបចំបរិយាកាសអភិវឌ្ឍន៍ Angular ពេញលេញ
• បង្កើតសមាសធាតុ សេចក្តីណែនាំ សេវាកម្ម បំពង់ ទម្រង់ និងសុពលភាពផ្ទាល់ខ្លួន
• ដោះស្រាយកិច្ចការទាញយកទិន្នន័យបណ្តាញកម្រិតខ្ពស់ដោយប្រើ Observables ប្រើប្រាស់ទិន្នន័យពី REST web សេវាកម្មដោយប្រើប្រាស់ Angular HT TP Client Handle push-data connections ដោយប្រើ Webពិធីការរន្ធ
• ធ្វើការជាមួយ Angular Pipes ដើម្បីធ្វើទ្រង់ទ្រាយទិន្នន័យ
• ប្រើមុខងារ Angular Component Router កម្រិតខ្ពស់
• សាកល្បង និងបំបាត់កំហុសកម្មវិធី Angular ដោយប្រើឧបករណ៍ដែលភ្ជាប់មកជាមួយ។

មុខវិជ្ជាសិក្សា

ជំពូកទី 1. ការណែនាំអំពី Angular

• តើ Angular ជាអ្វី?
• លក្ខណៈកណ្តាលនៃ Angular Framework ករណីប្រើប្រាស់សមស្រប
• ការកសាងប្លុកនៃកម្មវិធី Angular ស្ថាបត្យកម្មមូលដ្ឋាននៃកម្មវិធី Angular ការដំឡើង និងការប្រើប្រាស់ Angular
• កាយវិភាគសាស្ត្រនៃកម្មវិធី Angular កំពុងដំណើរការកម្មវិធី
• ការកសាង និងដាក់ពង្រាយ Application Angular សម្រាប់កម្មវិធីទូរស័ព្ទដើម
• សង្ខេប

ជំពូកទី 2. ការណែនាំអំពី TypeScript

• ភាសាសរសេរកម្មវិធីសម្រាប់ប្រើជាមួយ Angular TypeScript Syntax
• កម្មវិធីនិពន្ធកម្មវិធី
• ប្រព័ន្ធប្រភេទ - ការកំណត់អថេរ
• ប្រព័ន្ធប្រភេទ - ការកំណត់អារេ
• ប្រភេទបឋមមូលដ្ឋាន
• វាយបញ្ចូលមុខងារ
• ប្រភេទការសន្និដ្ឋាន
• ការកំណត់ថ្នាក់
• វិធីសាស្រ្តថ្នាក់
• ការគ្រប់គ្រងភាពមើលឃើញ
• អ្នកសាងសង់ថ្នាក់
• អ្នកសាងសង់ថ្នាក់ - ទម្រង់ជំនួសវាលដែលមិនទាន់បង្កើត
• ចំណុចប្រទាក់
• ធ្វើការជាមួយម៉ូឌុល ES6
• var vs let
• មុខងារព្រួញ
• អនុគមន៍ព្រួញបង្រួមខ្សែអក្សរគំរូវាក្យសម្ព័ន្ធ
• ហ្សែននៅក្នុងថ្នាក់
• ហ្សែននៅក្នុងមុខងារ
• សង្ខេប

ជំពូកទី 3. សមាសធាតុ

• តើសមាសធាតុជាអ្វី?
• អតីតample សមាសភាគ
• ការបង្កើតសមាសធាតុដោយប្រើ Angular CLI
• ថ្នាក់សមាសភាគ
• អ្នកតុបតែង @Component
• ការចុះឈ្មោះសមាសភាគមួយទៅគំរូសមាសភាគម៉ូឌុលរបស់វា។
• Example: HelloComponent Template
• Example: ថ្នាក់ HelloComponent ដោយប្រើ Component
• ដំណើរការកម្មវិធី
• ឋានានុក្រមសមាសភាគ
• សមាសភាគ Root កម្មវិធី
• Bootstrap File
• Component Lifecycle Hooks Example Lifecycle Hooks
• រចនាប័ទ្ម CSS
• សង្ខេប

ជំពូកទី 4. គំរូសមាសភាគ

• គំរូ
• ទីតាំងគំរូ
• Mustache {{ }} វាក្យសម្ព័ន្ធ
• ការកំណត់លក្ខណៈសម្បត្តិធាតុ DOM
• ការកំណត់អត្ថបទតួធាតុ
• ការចងព្រឹត្តិការណ៍
• កម្មវិធីដោះស្រាយព្រឹត្តិការណ៍បញ្ចេញមតិ
• ទប់ស្កាត់ការគ្រប់គ្រងលំនាំដើម
• សេចក្តីណែនាំអំពីគុណលក្ខណៈ
• អនុវត្តរចនាប័ទ្មដោយការផ្លាស់ប្តូរថ្នាក់ CSS
• Exampឡេ៖ ngClass
• អនុវត្តរចនាប័ទ្មដោយផ្ទាល់
• សេចក្តីណែនាំអំពីរចនាសម្ព័ន្ធ
• ប្រតិបត្តិគំរូតាមលក្ខខណ្ឌ
• Exampលេ: ngIf
• រង្វិលជុំដោយប្រើ ngFor
• ng សម្រាប់អថេរមូលដ្ឋាន
• ការរៀបចំការប្រមូល Example - ការលុបធាតុមួយ។
• ការតាមដានធាតុជាមួយ ngFor ការផ្លាស់ប្តូរធាតុជាមួយ ngSwitch ធាតុដាក់ជាក្រុម
• សេចក្តីសង្ខេបនៃអថេរយោងគំរូ

ជំពូកទី 5. ការទំនាក់ទំនងអន្តរសមាសធាតុ

• មូលដ្ឋានទំនាក់ទំនង
• ស្ថាបត្យកម្មលំហូរទិន្នន័យ
• ការរៀបចំកុមារឱ្យទទួលទិន្នន័យ
• ផ្ញើទិន្នន័យពីមាតាបិតា
• បន្ថែមទៀតអំពីការកំណត់លក្ខណៈសម្បត្តិ
• ការបញ្ឆេះព្រឹត្តិការណ៍ពីសមាសធាតុមួយ។
• @Output() ឧample – Child Component @Output() Example - សមាសធាតុមេ
• ការចងពីរផ្លូវពេញលេញ
• ការដំឡើងការចងទិន្នន័យពីរផ្លូវនៅក្នុងមេ
• សង្ខេប

ជំពូកទី 6. ទម្រង់ជំរុញគំរូ

• ទម្រង់ជំរុញគំរូ
• ការនាំចូលម៉ូឌុលទម្រង់
• វិធីសាស្រ្តមូលដ្ឋាន
• ការកំណត់ទម្រង់បែបបទ
• ទទួល​បាន​ការ​បញ្ចូល​អ្នក​ប្រើ
• ការលុបគុណលក្ខណៈ ngForm
• ចាប់ផ្តើមទម្រង់
• ការចងទិន្នន័យពីរផ្លូវ
• សុពលភាពទម្រង់
• ឧបករណ៍ផ្ទៀងផ្ទាត់មុំ
• ការបង្ហាញស្ថានភាពសុពលភាពដោយប្រើថ្នាក់ ប្រភេទបញ្ចូលបន្ថែម
• ប្រអប់ធីក
• ជ្រើសរើស (ទម្លាក់ចុះ) វាល
• ជម្រើសបង្ហាញសម្រាប់ការជ្រើសរើស (ទម្លាក់ចុះ) វាលកាលបរិច្ឆេទ
• ប៊ូតុងវិទ្យុ
• សង្ខេប

ជំពូកទី 7. ទម្រង់ប្រតិកម្ម

• ទម្រង់ប្រតិកម្មហួសview
• ប្លុកអាគារ
• នាំចូល ReactiveFormsModule
• បង្កើតទម្រង់
• រចនាគំរូ
• ការទទួលបានតម្លៃបញ្ចូល
• ការចាប់ផ្តើមវាលបញ្ចូល
• ការកំណត់តម្លៃទម្រង់
• ការជាវការផ្លាស់ប្តូរការបញ្ចូល
• សុពលភាព
• ឧបករណ៍ផ្ទៀងផ្ទាត់ដែលភ្ជាប់មកជាមួយ
• បង្ហាញកំហុសក្នុងសុពលភាព
• កម្មវិធីកំណត់សុពលភាពផ្ទាល់ខ្លួន
• ដោយប្រើ Custom Validator
• ការផ្គត់ផ្គង់ការកំណត់រចនាសម្ព័ន្ធទៅ Custom Validator
• FormArray - បន្ថែមធាតុបញ្ចូលថាមវន្ត
• FormArray - ថ្នាក់សមាសធាតុ
• FormArray - គំរូ
• FormArray - តម្លៃ
• ក្រុមរងទម្រង់ - ថ្នាក់សមាសធាតុ
• ក្រុមរងទម្រង់ - គំរូ HTML
• ហេតុអ្វីត្រូវប្រើក្រុមរង FormGroups
• សង្ខេប

ជំពូកទី 8. សេវា និងការចាក់ថ្នាំអាស្រ័យ

• តើសេវាកម្មគឺជាអ្វី?
• ការបង្កើតសេវាកម្មមូលដ្ឋាន
• ថ្នាក់សេវាកម្ម
• តើការចាក់ថ្នាំអាស្រ័យគឺជាអ្វី?
• ការចាក់បញ្ចូលសេវាកម្ម
• ឧបករណ៍ចាក់
• ឋានានុក្រមចាក់
• ការចុះឈ្មោះសេវាកម្មជាមួយ Root Injector
• ការចុះឈ្មោះសេវាកម្មជាមួយ Injector របស់សមាសធាតុ
• ចុះឈ្មោះសេវាកម្មជាមួយឧបករណ៍បញ្ចូលម៉ូឌុលលក្ខណៈពិសេស
• កន្លែងដែលត្រូវចុះឈ្មោះសេវាកម្ម?
• ការចាក់ដោយភាពអាស្រ័យនៅក្នុងវត្ថុបុរាណផ្សេងទៀតដែលផ្តល់នូវការចាក់បញ្ចូលភាពអាស្រ័យនៃការអនុវត្តជំនួស និង @Host
• ការចាក់តាមតម្រូវការ និង @ជម្រើស
• សង្ខេប

ជំពូកទី 9. ម៉ាស៊ីនភ្ញៀវ HTTP

• អតិថិជន Angular HT TP
• ការប្រើប្រាស់ T he HT TP Client – ​​Overview
• កំពុងនាំចូល HttpClientModule
• សេវាកម្មដោយប្រើ HttpClient
• ការស្នើសុំ GET
• តើវត្ថុដែលអាចសង្កេតបានធ្វើអ្វី?
• ការប្រើប្រាស់សេវាកម្មនៅក្នុងសមាសធាតុមួយ។
• ការដោះស្រាយកំហុសផ្នែកម៉ាស៊ីនភ្ញៀវសេវា PeopleService
• ការប្ដូរវត្ថុកំហុសតាមបំណង
• ធ្វើសំណើ POST
• ការស្នើសុំ PUT
• ធ្វើសំណើលុប

ជំពូកទី 10. បំពង់ និងការធ្វើទ្រង់ទ្រាយទិន្នន័យ

• តើបំពង់គឺជាអ្វី?
• បំពង់ដែលភ្ជាប់មកជាមួយ
• ការប្រើប្រាស់បំពង់ក្នុងទម្រង់ HTML ខ្សែសង្វាក់បំពង់
• Internationalized Pipes (i18n) កំពុងផ្ទុកទិន្នន័យមូលដ្ឋាន
• កាលបរិច្ឆេទបំពង់
• លេខបំពង់
• បំពង់រូបិយប័ណ្ណ
• បង្កើតបំពង់ផ្ទាល់ខ្លួន
• បំពង់ផ្ទាល់ខ្លួន Example
• ការប្រើប្រាស់បំពង់ផ្ទាល់ខ្លួន
• ការប្រើប្រាស់បំពង់ជាមួយ ngFor
• បំពង់តម្រង
• ប្រភេទបំពង់៖ សុទ្ធនិងមិនបរិសុទ្ធ
• សង្ខេប
• បំពង់សុទ្ធ Example
• បំពង់មិនបរិសុទ្ធ Example
• សង្ខេប

ជំពូកទី 11. ការណែនាំអំពីកម្មវិធីទំព័រតែមួយ

• តើអ្វីទៅជាកម្មវិធីទំព័រតែមួយ (SPA) ប្រពៃណី Web ការដាក់ពាក្យ
• លំហូរការងារ SPA
• ពាក្យស្នើសុំទំព័រតែមួយ Advantages HTML5 History API
• ការប្រកួតប្រជែង SPA
• ការអនុវត្ត SPA ដោយប្រើការសង្ខេប Angular

ជំពូកទី 12. រ៉ោតទ័រសមាសភាគមុំ

• រ៉ោតទ័រសមាសភាគ
• View ការរុករក
• Angular Router API
• បង្កើតកម្មវិធីបើករ៉ោតទ័រ
• ធ្វើជាម្ចាស់ផ្ទះនៃសមាសភាគដែលបានកំណត់
• ការរុករកដោយប្រើតំណភ្ជាប់ និងប៊ូតុង
• ការរុករកតាមកម្មវិធី
• ឆ្លងកាត់ប៉ារ៉ាម៉ែត្រផ្លូវ
• ការរុករកជាមួយប៉ារ៉ាម៉ែត្រផ្លូវ
• ការទទួលបានតម្លៃប៉ារ៉ាម៉ែត្រផ្លូវ
• ការទាញយកប៉ារ៉ាម៉ែត្រផ្លូវធ្វើសមកាលកម្ម
• ទាញយកប៉ារ៉ាម៉ែត្រផ្លូវអសមកាល
• ប៉ារ៉ាម៉ែត្រសំណួរ
• ការផ្គត់ផ្គង់ប៉ារ៉ាម៉ែត្រសំណួរ
• ទាញយកប៉ារ៉ាម៉ែត្រសំណួរអសមកាល
• បញ្ហាជាមួយសៀវភៅដៃ URL ការចូលនិងចំណាំ
• សង្ខេប

ជំពូកទី 13. ម៉ាស៊ីនភ្ញៀវ HTTP កម្រិតខ្ពស់

• ស្នើសុំជម្រើស
• ត្រឡប់វត្ថុ HttpResponse
• ការកំណត់ក្បាលសំណើ
• ការបង្កើតការសង្កេតថ្មី។
• បង្កើតការសង្កេតសាមញ្ញ
• វិធីសាស្រ្ត Observable Constructor Operators Observable
• ផែនទីនិងតម្រងប្រតិបត្តិករ
• ប្រតិបត្តិករ flatMap()
• ប្រតិបត្តិករ tap()
• zip() Combinator
• ការរក្សាទុកការឆ្លើយតប HT TP
• ធ្វើការហៅតាមលំដាប់លំដោយ HT TP
• ការហៅទូរសព្ទស្របគ្នា។
• ប្ដូរវត្ថុកំហុសតាមបំណងជាមួយ catchError()
• កំហុសនៅក្នុងបំពង់
• ការស្ដារឡើងវិញនូវកំហុស
• សង្ខេប

ជំពូកទី 14. ម៉ូឌុលមុំ

• ហេតុអ្វីបានជា Angular Modules?
• កាយវិភាគសាស្ត្រនៃថ្នាក់ម៉ូឌុល
• @NgModule Properties
• ម៉ូឌុលមុខងារ
• Exampរចនាសម្ព័ន្ធម៉ូឌុល
• បង្កើត Domain Module
• បង្កើត​គូ​ម៉ូឌុល​កំណត់​ផ្លូវ
• បង្កើតម៉ូឌុលសេវាកម្ម
• ការបង្កើតម៉ូឌុលទូទៅ

ជំពូកទី 15. ការកំណត់ផ្លូវកម្រិតខ្ពស់

• កំណត់ផ្លូវសម្រាប់ម៉ូឌុលមុខងារដែលបានបើក
• ដោយប្រើម៉ូឌុលមុខងារ
• ខ្ជិលផ្ទុកម៉ូឌុលមុខងារ
• ការបង្កើតតំណភ្ជាប់សម្រាប់សមាសភាគម៉ូឌុលលក្ខណៈពិសេស
• បន្ថែមទៀតអំពី Lazy Loading
• កំពុងផ្ទុកម៉ូឌុលជាមុន
• ផ្លូវលំនាំដើម
• ផ្លូវសញ្ញាជំនួស
• បញ្ជូនបន្តទៅ
• ផ្លូវកុមារ
• ការកំណត់ផ្លូវកុមារ
• សម្រាប់ផ្លូវកុមារ
• តំណភ្ជាប់សម្រាប់ផ្លូវកុមារ
• ឆ្មាំរុករក
• ការបង្កើតការអនុវត្តឆ្មាំ
• ការប្រើប្រាស់ Guards នៅក្នុងផ្លូវមួយ។
• សង្ខេប

ជំពូកទី 16. Unit Testing Angular Applications

• ឯកតាតេស្តវត្ថុបុរាណ
• ឧបករណ៍សាកល្បង
• ជំហានសាកល្បងធម្មតា។
• លទ្ធផលតេស្ត
• ឈុតសាកល្បងផ្កាម្លិះ
• លក្ខណៈបច្ចេកទេសរបស់ផ្កាម្លិះ (ការធ្វើតេស្តឯកតា)
• ការរំពឹងទុក (ការអះអាង)
• អ្នកផ្គូផ្គង
• Examples នៃការប្រើប្រាស់ Matchers
• ការប្រើប្រាស់មិនមែនទ្រព្យសម្បត្តិ
• ការដំឡើង និងការរុះរើនៅក្នុង Unit Test Suites
• Example នៃ មុននីមួយៗ និងក្រោយមុខងារនីមួយៗ
• ម៉ូឌុលតេស្តមុំ
• Exampម៉ូឌុលតេស្តមុំ
• ការសាកល្បងសេវាកម្ម
• ការចាក់បញ្ចូលសេវាកម្ម
• សាកល្បងវិធីសាស្រ្តធ្វើសមកាលកម្ម
• សាកល្បងវិធីសាស្ត្រអសមកាល
• ការប្រើប្រាស់ Mock HT TP Client
• ការផ្គត់ផ្គង់ការឆ្លើយតបកំប៉ុង
• ការធ្វើតេស្តសមាសធាតុ
• ម៉ូឌុលសាកល្បងសមាសធាតុ
• ការបង្កើតសមាសធាតុឧទាហរណ៍
• ថ្នាក់ ComponentFixture
• ការធ្វើតេស្តសមាសធាតុមូលដ្ឋាន
• ថ្នាក់ DebugElement
• ក្លែងធ្វើអន្តរកម្មអ្នកប្រើប្រាស់
• សង្ខេប

ជំពូកទី 17. ការបំបាត់កំហុស

• ជាងview នៃការបំបាត់កំហុស Angular
• Viewដោយប្រើ TypeScript Code នៅក្នុង Debugger
• ការប្រើពាក្យគន្លឹះបំបាត់កំហុស
• ការ​កំណត់​កំហុស
• តើ Angular DevTools ជាអ្វី?
• ការប្រើប្រាស់ Angular DevTools
• Angular DevTools - រចនាសម្ព័ន្ធសមាសធាតុ
• Angular DevTools - ការប្រតិបត្តិការរកឃើញការផ្លាស់ប្តូរ
• ចាប់កំហុសវាក្យសម្ព័ន្ធ
• សង្ខេប

លំហាត់មន្ទីរពិសោធន៍

• បន្ទប់ពិសោធន៍ 1. ការណែនាំអំពី Angular
• មន្ទីរពិសោធន៍ 2. ការណែនាំអំពី TypeScript
• មន្ទីរពិសោធន៍ 3. ការណែនាំអំពីសមាសធាតុ
• បន្ទប់ពិសោធន៍ 4. គំរូសមាសភាគ
• បន្ទប់ពិសោធន៍ 5. បង្កើតសមាសធាតុវិចិត្រសាលរូបថត
• បន្ទប់ពិសោធន៍ 6. ទម្រង់ជំរុញគំរូ
• បន្ទប់ពិសោធន៍ 7. បង្កើតទម្រង់កែសម្រួល
• បន្ទប់ពិសោធន៍ 8. ទម្រង់ប្រតិកម្ម
• មន្ទីរពិសោធន៍ 9. បង្កើតសេវាកម្មមួយ។
• មន្ទីរពិសោធន៍ 10. បង្កើតអតិថិជន HT TP
• មន្ទីរពិសោធន៍ 11. ប្រើបំពង់
• Lab 12. Basic Single Page Application using Router Lab 13. Build a Single Page Application (SPA)
• Lab 14. Advanced HT TP Client
• Lab 15. ការប្រើប្រាស់ Angular Bootstrap
• Lab 16. Lazy Module Loading
• មន្ទីរពិសោធន៍ 17. ការកំណត់ផ្លូវកម្រិតខ្ពស់
• មន្ទីរពិសោធន៍ 18. ការធ្វើតេស្តឯកតា
• បន្ទប់ពិសោធន៍ 19. បំបាត់កំហុសកម្មវិធី Angular

តើវគ្គសិក្សាសម្រាប់អ្នកណា?
វគ្គសិក្សានេះមានគោលបំណងសម្រាប់អ្នកដែលត្រូវការរៀនមូលដ្ឋានគ្រឹះនៃការអភិវឌ្ឍន៍ Angular 12 ហើយអនុវត្តវាដើម្បីបង្កើត web កម្មវិធីភ្លាមៗ។ យើងក៏អាចផ្តល់ជូន និងប្ដូរតាមបំណងនូវវគ្គបណ្តុះបណ្តាលនេះសម្រាប់ក្រុមធំជាងមុនផងដែរ – សន្សំពេលវេលា ប្រាក់ និងធនធានរបស់ស្ថាប័នរបស់អ្នក។

តម្រូវការជាមុន
Web បទពិសោធន៍នៃការអភិវឌ្ឍន៍ដោយប្រើ HTML, CSS និង JavaScript គឺត្រូវបានទាមទារ ដើម្បីទទួលបានអត្ថប្រយោជន៍ច្រើនបំផុតពីវគ្គសិក្សា Angular នេះ។ ចំណេះដឹងអំពីកម្មវិធីរុករក DOM ក៏មានប្រយោជន៍ផងដែរ។ បទពិសោធន៍ Angular ពីមុនជាមួយ AngularJS ឬកំណែណាមួយនៃ Angular មិនត្រូវបានទាមទារទេ។
https://www.lumifywork.com/en-au/courses/angular-12-programming/

ឯកសារ/ធនធាន

ការសរសេរកម្មវិធី LUMIFY WORK Angular 12 [pdf] ការណែនាំអ្នកប្រើប្រាស់ Angular 12 Programming, Angular, 12 Programming, Programming

ឯកសារយោង

• សៀវភៅណែនាំអ្នកប្រើប្រាស់