LUMIFY WORK Angular 12 პროგრამირება

რატომ შეისწავლეთ ეს კურსი

Angular 12 პროგრამირების ეს ყოვლისმომცველი კურსი არის თეორიული სწავლისა და პრაქტიკული ლაბორატორიების კომბინაცია, რომელიც მოიცავს შესავალს Angular-ში, რასაც მოჰყვება TypeScript, კომპონენტები, დირექტივები, სერვისები, HTTP კლიენტი, ტესტირება და გამართვა.
კურსი დატვირთულია სასარგებლო და ქმედითი ინფორმაციით, რომელიც შეგიძლიათ დაუყოვნებლივ მიმართოთ თქვენს სამუშაოს. შეიტყვეთ Angular 12-ის ძირითადი განვითარების საფუძვლები, როგორიცაა ერთგვერდიანი ბრაუზერის აპლიკაციები, საპასუხო webსაიტები და ჰიბრიდული მობილური აპლიკაციები.
შენიშვნა: ჩვენ ასევე შეგვიძლია ჩავატაროთ ტრენინგი Angular-ის სხვა ვერსიებზე. გთხოვთ დაგვიკავშირდეთ მოთხოვნის გასაკეთებლად ან თქვენი ინტერესის დასარეგისტრირებლად.

რას ისწავლით
ამ კურსის წარმატებით გავლის შემდეგ თქვენ შეძლებთ:

• შექმენით ერთგვერდიანი Angular აპლიკაციები Typescript-ის გამოყენებით
• დააყენეთ სრული Angular განვითარების გარემო
• შექმენით კომპონენტები, დირექტივები, სერვისები, მილები, ფორმები და მორგებული ვალიდატორები
• გაუმკლავდეთ ქსელის მონაცემთა მოპოვების გაფართოებულ ამოცანებს Observables-ის გამოყენებით. მოიხმარეთ მონაცემები REST-დან web სერვისები Angular HT TP Client-ის გამოყენებით Push-data კავშირების დამუშავება Webსოკეტების პროტოკოლი
• იმუშავეთ Angular Pipes-თან მონაცემების ფორმატირებისთვის
• გამოიყენეთ გაფართოებული Angular Component Router ფუნქციები
• შეამოწმეთ და გამართეთ Angular აპლიკაციები ჩაშენებული ხელსაწყოების გამოყენებით.

კურსის საგნები

თავი 1. Angular-ის გაცნობა

• რა არის Angular?
• Angular Framework-ის შესაბამისი გამოყენების შემთხვევების ცენტრალური მახასიათებლები
• კუთხოვანი აპლიკაციის სამშენებლო ბლოკები კუთხოვანი აპლიკაციის ძირითადი არქიტექტურა კუთხის აპლიკაციის ინსტალაცია და გამოყენება
• კუთხოვანი აპლიკაციის ანატომია აპლიკაციის გაშვებით
• აპლიკაციის Angular-ის შექმნა და დანერგვა მშობლიური მობილური აპლიკაციებისთვის
• რეზიუმე

თავი 2. შესავალი TypeScript-ში

• პროგრამირების ენები Angular TypeScript სინტაქსით გამოსაყენებლად
• პროგრამირების რედაქტორები
• ტიპის სისტემა - ცვლადების განსაზღვრა
• ტიპის სისტემა - მასივების განსაზღვრა
• ძირითადი პრიმიტიული ტიპები
• ჩაწერეთ ფუნქციები
• ტიპი დასკვნა
• კლასების განსაზღვრა
• კლასის მეთოდები
• ხილვადობის კონტროლი
• კლასის კონსტრუქტორები
• კლასის კონსტრუქტორები – ალტერნატიული ფორმის არაინიციალიზებული ველები
• ინტერფეისები
• ES6 მოდულებთან მუშაობა
• var vs ნება
• ისრის ფუნქციები
• ისრის ფუნქცია Compact Syntax Template Strings
• გენერიკა კლასში
• გენერიკა ფუნქციაშია
• რეზიუმე

თავი 3. კომპონენტები

• რა არის კომპონენტი?
• ყოფილიample კომპონენტი
• კომპონენტის შექმნა Angular CLI-ის გამოყენებით
• კომპონენტების კლასი
• @კომპონენტის დეკორატორი
• კომპონენტის რეგისტრაცია მისი მოდულის კომპონენტის შაბლონში
• Example: HelloComponent შაბლონი
• Example: HelloComponent კლასი კომპონენტის გამოყენებით
• გაუშვით აპლიკაცია
• კომპონენტის იერარქია
• განაცხადის ძირეული კომპონენტი
• Bootstrap File
• კომპონენტის სასიცოცხლო ციკლის კაკვები მაგample Lifecycle Hooks
• CSS სტილები
• რეზიუმე

თავი 4. კომპონენტის შაბლონები

• შაბლონები
• შაბლონის ადგილმდებარეობა
• ულვაში {{ }} სინტაქსი
• DOM ელემენტის თვისებების დაყენება
• ელემენტის სხეულის ტექსტის დაყენება
• ღონისძიების სავალდებულო
• გამოხატვის ღონისძიების დამმუშავებელი
• ნაგულისხმევი დამუშავების თავიდან აცილება
• ატრიბუტების დირექტივები
• გამოიყენეთ სტილი CSS კლასების შეცვლით
• Example: ngClass
• სტილების პირდაპირ გამოყენება
• სტრუქტურული დირექტივები
• პირობითად შეასრულეთ შაბლონი
• Example: ngთუ
• Looping გამოყენებით ngFor
• ng ლოკალური ცვლადებისთვის
• კოლექციის მანიპულირება მაგample - ნივთის წაშლა
• ელემენტის თვალის დევნება ng-ით ელემენტების გაცვლა ngSwitch დაჯგუფების ელემენტებით
• შაბლონის მითითების ცვლადის შეჯამება

თავი 5. კომპონენტთაშორისი კომუნიკაცია

• კომუნიკაციის საფუძვლები
• მონაცემთა ნაკადის არქიტექტურა
• ბავშვის მომზადება მონაცემების მისაღებად
• გაგზავნეთ მონაცემები მშობლისგან
• მეტი თვისებების დაყენების შესახებ
• ღონისძიების გასროლა კომპონენტიდან
• @Output() მაგample – Child კომპონენტი @Output() მაგample – მშობელი კომპონენტი
• სრული ორმხრივი შეკვრა
• მშობელში მონაცემთა ორმხრივი დაკავშირების დაყენება
• რეზიუმე

თავი 6. შაბლონზე ორიენტირებული ფორმები

• შაბლონის ორიენტირებული ფორმები
• ფორმების იმპორტის მოდული
• ძირითადი მიდგომა
• ფორმის დაყენება
• მომხმარებლის შეყვანის მიღება
• ngForm ატრიბუტის გამოტოვება
• გააკეთეთ ფორმის ინიცირება
• ორმხრივი მონაცემთა სავალდებულო
• ფორმის დადასტურება
• კუთხური ვალიდატორები
• ვალიდაციის მდგომარეობის ჩვენება კლასების დამატებითი შეყვანის ტიპების გამოყენებით
• მოსანიშნი ველები
• აირჩიეთ (ჩასაშლელი) ველები
• თარიღის ველების არჩევის (ჩასაშლელი) რენდერის ვარიანტები
• რადიო ღილაკები
• რეზიუმე

თავი 7. რეაქტიული ფორმები

• რეაქტიული ფორმები დასრულდაview
• სამშენებლო ბლოკები
• ReactiveFormsModule-ის იმპორტი
• შექმენით ფორმა
• შაბლონის დიზაინი
• შეყვანის მნიშვნელობების მიღება
• შეყვანის ველების ინიცირება
• ფორმის მნიშვნელობების დაყენება
• შეყვანის ცვლილებების გამოწერა
• ვალიდაცია
• ჩამონტაჟებული ვალიდატორები
• ვალიდაციის შეცდომის ჩვენება
• მორგებული ვალიდატორი
• მორგებული ვალიდიატორის გამოყენება
• კონფიგურაციის მიწოდება Custom Validator-ზე
• FormArray – დინამიურად დაამატეთ შეყვანები
• FormArray – კომპონენტის კლასი
• FormArray – შაბლონი
• FormArray – ღირებულებები
• Sub FormGroups – კომპონენტების კლასი
• Sub FormGroups – HTML შაბლონი
• რატომ გამოვიყენოთ Sub FormGroups
• რეზიუმე

თავი 8. სერვისები და დამოკიდებულების ინექცია

• რა არის სერვისი?
• ძირითადი სერვისის შექმნა
• სერვისის კლასი
• რა არის დამოკიდებულების ინექცია?
• სერვისის ინსტანციის ინექცია
• ინჟექტორები
• ინჟექტორის იერარქია
• სერვისის რეგისტრაცია Root Injector-ით
• სერვისის რეგისტრაცია კომპონენტის ინჟექტორით
• დაარეგისტრირეთ სერვისი ფუნქციური მოდულის ინჟექტორით
• სად დაარეგისტრირო სერვისი?
• დამოკიდებულების ინექცია სხვა არტეფაქტებში, განხორციელების ალტერნატიული დამოკიდებულების ინექცია და @host
• დამოკიდებულების ინექცია და @სურვილისამებრ
• რეზიუმე

თავი 9. HTTP კლიენტი

• Angular HT TP კლიენტი
• T he HT TP Client–ის გამოყენება – დასრულდაview
• მიმდინარეობს HttpClientModule-ის იმპორტი
• სერვისი HttpClient-ის გამოყენებით
• GET მოთხოვნის გაკეთება
• რას აკეთებს დაკვირვებადი ობიექტი?
• სერვისის გამოყენება კომპონენტში
• PeopleService კლიენტის კომპონენტის შეცდომის დამუშავება
• შეცდომის ობიექტის მორგება
• POST მოთხოვნის გაკეთება
• PUT მოთხოვნის გაკეთება
• DELETE მოთხოვნის გაკეთება

თავი 10. მილები და მონაცემთა ფორმატირება

• რა არის მილები?
• ჩამონტაჟებული მილები
• მილების გამოყენება HTML შაბლონის მიჯაჭვულ მილებს
• ინტერნაციონალიზებული მილები (i18n) იტვირთება ლოკალური მონაცემები
• თარიღი Pipe
• ნომერი Pipe
• ვალუტის მილი
• შექმენით საბაჟო მილები
• Custom Pipe Example
• მორგებული მილების გამოყენება
• მილის გამოყენება ngFor-ით
• ფილტრის მილი
• მილების კატეგორია: სუფთა და უწმინდური
• რეზიუმე
• Pure Pipe Example
• უწმინდური მილის ყოფილიample
• რეზიუმე

თავი 11. ერთგვერდიანი აპლიკაციების შესავალი

• რა არის ერთი გვერდიანი აპლიკაცია (SPA) ტრადიციული Web განაცხადი
• SPA სამუშაო პროცესი
• ერთი გვერდიანი განაცხადის Advantagეს არის HTML5 History API
• SPA გამოწვევები
• SPA-ის დანერგვა კუთხური შეჯამების გამოყენებით

თავი 12. კუთხოვანი კომპონენტის როუტერი

• კომპონენტის როუტერი
• View ნავიგაცია
• Angular Router API
• როუტერის ჩართული აპლიკაციის შექმნა
• მარშრუტირებული კომპონენტების ჰოსტინგი
• ნავიგაცია ბმულების და ღილაკების გამოყენებით
• პროგრამული ნავიგაცია
• მარშრუტის პარამეტრების გავლა
• ნავიგაცია მარშრუტის პარამეტრებით
• მარშრუტის პარამეტრის მნიშვნელობების მიღება
• მარშრუტის პარამეტრის სინქრონულად აღდგენა
• მარშრუტის პარამეტრის ასინქრონულად მიღება
• შეკითხვის პარამეტრები
• შეკითხვის პარამეტრების მიწოდება
• მოთხოვნის პარამეტრების ასინქრონულად მოძიება
• პრობლემები სახელმძღვანელოსთან URL შესვლა და სანიშნე
• რეზიუმე

თავი 13. გაფართოებული HTTP კლიენტი

• მოთხოვნის ვარიანტები
• HttpResponse ობიექტის დაბრუნება
• მოთხოვნის სათაურების დაყენება
• ახალი დაკვირვებების შექმნა
• მარტივი დაკვირვების შექმნა
• დაკვირვებადი კონსტრუქტორის მეთოდი დაკვირვებადი ოპერატორები
• რუკა და ფილტრის ოპერატორები
• flatMap() ოპერატორი
• ჩამოსასხმელი() ოპერატორი
• zip() კომბინატორი
• HT TP პასუხის ქეშირება
• თანმიმდევრული HT TP ზარების განხორციელება
• პარალელური ზარების განხორციელება
• შეცდომის ობიექტის მორგება catchError()-ით
• შეცდომა Pipeline-ში
• შეცდომის აღდგენა
• რეზიუმე

თავი 14. კუთხოვანი მოდულები

• რატომ კუთხოვანი მოდულები?
• მოდულის კლასის ანატომია
• @NgModule Properties
• მხატვრული მოდულები
• Exampმოდულის სტრუქტურა
• შექმენით დომენის მოდული
• შექმენით მარშრუტირებული / მარშრუტიზაციის მოდულის წყვილი
• შექმენით სერვისის მოდული
• საერთო მოდულების შექმნა

თავი 15. გაფართოებული მარშრუტიზაცია

• მარშრუტიზაციის ჩართული ფუნქციის მოდული
• ფუნქციის მოდულის გამოყენება
• ზარმაცი იტვირთება ფუნქციის მოდული
• ფუნქციების მოდულის კომპონენტების ბმულების შექმნა
• მეტი Lazy Loading-ის შესახებ
• მოდულების წინასწარ ჩატვირთვა
• ნაგულისხმევი მარშრუტი
• Wildcard მარშრუტის ბილიკი
• გადამისამართება To
• ბავშვის მარშრუტები
• ბავშვის მარშრუტების განსაზღვრა
• ბავშვთა მარშრუტებისთვის
• ბმულები ბავშვთა მარშრუტებისთვის
• ნავიგაციის მცველები
• გვარდიის იმპლემენტაციების შექმნა
• მცველების გამოყენება მარშრუტზე
• რეზიუმე

თავი 16. კუთხური აპლიკაციების ერთეული ტესტირება

• ერთეულის ტესტირება კუთხოვანი არტეფაქტები
• ტესტირების ინსტრუმენტები
• ტიპიური ტესტირების ეტაპები
• ტესტის შედეგები
• Jasmine Test Suites
• ჟასმინის სპეციფიკაციები (ერთეულის ტესტები)
• მოლოდინები (განცხადებები)
• მატჩები
• Exampმატჩების გამოყენება
• არა საკუთრების გამოყენება
• დაყენება და დაშლა Unit Test Suites-ში
• Exampწინა და შემდეგ ყოველი ფუნქციები
• კუთხოვანი ტესტის მოდული
• Exampკუთხოვანი ტესტის მოდული
• სერვისის ტესტირება
• სერვისის ინსტანციის ინექცია
• სინქრონული მეთოდის ტესტირება
• შეამოწმეთ ასინქრონული მეთოდი
• იმიტირებული HT TP კლიენტის გამოყენებით
• დაკონსერვებული პასუხის მიწოდება
• კომპონენტის ტესტირება
• კომპონენტის ტესტის მოდული
• კომპონენტის მაგალითის შექმნა
• ComponentFixture კლასი
• ძირითადი კომპონენტების ტესტები
• DebugElement კლასი
• მომხმარებლის ურთიერთქმედების სიმულაცია
• რეზიუმე

თავი 17. გამართვა

• დასრულდაview კუთხური გამართვის შესახებ
• ViewTypeScript კოდის შეყვანა Debugger-ში
• გამართვის საკვანძო სიტყვის გამოყენება
• გამართვის ჟურნალი
• რა არის Angular DevTools?
• Angular DevTools-ის გამოყენება
• Angular DevTools – კომპონენტის სტრუქტურა
• Angular DevTools – ცვლილების გამოვლენის შესრულება
• სინტაქსის შეცდომების დაჭერა
• რეზიუმე

ლაბორატორიული სავარჯიშოები

• ლაბორატორია 1. შესავალი Angular-ში
• ლაბორატორია 2. შესავალი TypeScript-ში
• ლაბორატორია 3. კომპონენტების შესავალი
• ლაბორატორია 4. კომპონენტის შაბლონი
• ლაბორატორია 5. შექმენით ფოტო გალერეის კომპონენტი
• ლაბორატორია 6. შაბლონის ორიენტირებული ფორმა
• ლაბორატორია 7. შექმენით რედაქტირების ფორმა
• ლაბორატორია 8. რეაქტიული ფორმა
• ლაბორატორია 9. სერვისის შემუშავება
• ლაბორატორია 10. HT TP კლიენტის შემუშავება
• ლაბორატორია 11. გამოიყენეთ მილები
• ლაბორატორია 12. ძირითადი ერთი გვერდიანი აპლიკაცია როუტერის ლაბორატორიის გამოყენებით 13. შექმენით ერთი გვერდიანი აპლიკაცია (SPA)
• ლაბორატორია 14. Advanced HT TP Client
• ლაბორატორია 15. Angular Bootstrap-ის გამოყენება
• ლაბორატორია 16. Lazy Module Loading
• ლაბორატორია 17. გაფართოებული მარშრუტიზაცია
• ლაბორატორია 18. ერთეული ტესტირება
• ლაბორატორია 19. კუთხური აპლიკაციების გამართვა

ვისთვის არის კურსი?
ეს კურსი განკუთვნილია ყველასთვის, ვინც უნდა ისწავლოს 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 პროგრამირება, Angular, 12 პროგრამირება, პროგრამირება

ცნობები

• მომხმარებლის სახელმძღვანელო