აპლიკაცია და WEB განვითარება
Angular 15 პროგრამირება
სიგრძე 5 დღე
ვერსია 15

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

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

ANGULAR AT LUMIFY WORK

რას ისწავლით

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

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

ჩემმა ინსტრუქტორმა შესანიშნავად შეძლო სცენარების გადატანა რეალურ სამყაროში, რომლებიც დაკავშირებულია ჩემს კონკრეტულ სიტუაციასთან.
მე მივაღწიე თავს მისასალმებლად ჩამოსვლის მომენტიდან და ჯგუფურად ჯდომის შესაძლებლობა კლასის გარეთ, რათა განეხილათ ჩვენი სიტუაციები და ჩვენი მიზნები, ძალიან ღირებული იყო.
ბევრი რამ ვისწავლე და ვიგრძენი, რომ მნიშვნელოვანია, რომ ჩემი მიზნები ამ კურსზე დასწრებით მიღწეულიყო.
შესანიშნავი სამუშაო Lumify Work გუნდი.ამანდა ნიკოლ
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED

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

1. წარმოგიდგენთ Angular
   • რა არის Angular?
   • Angular Framework-ის ცენტრალური მახასიათებლები
   • შესაბამისი გამოყენების შემთხვევები
   • კუთხოვანი აპლიკაციის სამშენებლო ბლოკები
   • კუთხოვანი აპლიკაციის ძირითადი არქიტექტურა
   • Angular-ის ინსტალაცია და გამოყენება
   • კუთხოვანი აპლიკაციის იონის ანატომია
   • აპლიკაციის იონის გაშვება
   • აპლიკაციის შექმნა და დანერგვა
   • Angular მშობლიური მობილური აპებისთვის
2. TypeScript-ის შესავალი
   • პროგრამირების ენები Angular-თან გამოსაყენებლად
   • TypeScript სინტაქსი
   • პროგრამირების რედაქტორები
   • ტიპის სისტემა – ცვლადების განსაზღვრა
   • ტიპის სისტემა – მასივების განსაზღვრა
   • ძირითადი პრიმიტიული ტიპები
   • ჩაწერეთ ფუნქცია იონები
   • ტიპი დასკვნა
   • კლასების განსაზღვრა
   • კლასის მეთოდები
   • ხილვადობის კონტროლი
   • კლასის კონსტრუქტორები
   • კლასის კონსტრუქტორები – ალტერნატიული ფორმა
   • არაინიციალიზებული ველები
   • ინტერფეისები
   • ES6 მოდულებთან მუშაობა
   • var vs let
   • ისრის ფუნქციები
   • ისრის ფუნქციის კომპაქტური სინტაქსი
   • შაბლონის სიმები
   • გენერიკა კლასში
   • გენერიკა ფუნქცია იონში
3. კომპონენტები
   • რა არის კომპონენტი?
   • ყოფილიample კომპონენტი
   • კომპონენტის შექმნა Angular CLI-ის გამოყენებით
   • კომპონენტების კლასი
   • @კომპონენტის დეკორატორი
   • კომპონენტის რეგისტრაცია მის მოდულში
   • კომპონენტის შაბლონი
   • ყოფილიample: HelloComponent შაბლონი
   • ყოფილიample: HelloComponent კლასი
   • კომპონენტის გამოყენება
   • გაუშვით აპლიკაცია
   • კომპონენტის იერარქია
   • Application ion Root კომპონენტი
   • Bootstrap File
   • კომპონენტის სასიცოცხლო ციკლის კაკვები
   • ყოფილიample Lifecycle Hooks
   • CSS სტილები
4. კომპონენტის შაბლონები
   • შაბლონები
   • შაბლონის ადგილმდებარეობა
   • ულვაში {{ }} სინტაქსი
   • DOM ელემენტის თვისებების დაყენება
   • ელემენტის სხეულის ტექსტის დაყენება
   • ღონისძიების სავალდებულო
   • Expression Event Handler
   • ნაგულისხმევი დამუშავების თავიდან აცილება
   • ატრიბუტების დირექტივები
   • სტილების გამოყენება CSS კლასების შეცვლით
   • ყოფილიample: ngClass
   • სტილების პირდაპირ გამოყენება
   • სტრუქტურული დირექტივები
   • პირობითად შესრულება შაბლონი
   • ყოფილიample: ngთუ
   • Looping გამოყენებით ngFor
   • ngLocal Variables
   • კოლექციის მანიპულირება
   • ყოფილიample - ნივთის წაშლა
   • ნივთების თვალყურის დევნება ngFor-ით
   • ელემენტების შეცვლა ngSwitch-ით
   • ელემენტების დაჯგუფება
   • შაბლონის მითითების ცვლადი
5. კომპონენტთაშორისი კომუნიკაცია
   • კომუნიკაციის საფუძვლები
   • მონაცემთა ნაკადის არქიტექტურა
   • ბავშვის მომზადება მონაცემების მისაღებად
   • მონაცემთა გაგზავნა მშობლისგან
   • მეტი დაყენების თვისებების შესახებ
   • ღონისძიების გასროლა კომპონენტიდან
   • @Output() მაგample – ბავშვის კომპონენტი
   • @Output() მაგample – მშობელი კომპონენტი
   • სრული ორმხრივი აკინძვა
   • მშობელში მონაცემთა ორმხრივი დაკავშირების დაყენება
6. შაბლონი და ამოძრავებული ფორმები
   • შაბლონზე ორიენტირებული ფორმები
   • იმპორტის ფორმების მოდული
   • ძირითადი მიდგომა
   • ფორმის დაყენება
   • მომხმარებლის შეყვანის მიღება
   • ngForm ატრიბუტის გამოტოვება
   • ფორმის ინიცირება
   • მონაცემთა ორმხრივი შეკვრა
   • ფორმის ვალიდაცია
   • Angular Validators
   • Validat ion State-ის ჩვენება კლასების გამოყენებით
   • დამატებითი შეყვანის ტიპები
   • მონიშვნის ველები
   • აირჩიეთ (ჩასაშლელი) ველები
   • რენდერის ოფციები არჩევისთვის (ჩამოშლილი)
   • თარიღის ველები
   • რადიო ღილაკები
7. რეაქტიული ფორმები
   • რეაქტიული ფორმები დასრულდაview
   • სამშენებლო ბლოკები
   • Reactive FormsModule-ის იმპორტი
   • ფორმის აგება
   • შაბლონის დიზაინი
   • შეყვანის მნიშვნელობების მიღება
   • შეყვანის ველების ინიციალიზაცია
   • ფორმის მნიშვნელობების დაყენება
   • შეყვანის ცვლილებების გამოწერა
   • ვალიდაცია
   • ჩაშენებული ვალიდატორები
   • ვალიდაციის შეცდომის ჩვენება
   • Custom Validator
   • Custom Validator-ის გამოყენება
   • კონფიგურაციის მიწოდება Custom Validator-ზე
   • FormArray – დინამიურად დაამატეთ შეყვანები
   • FormArray – კომპონენტის კლასი
   • FormArray – შაბლონი
   • FormArray – მნიშვნელობები
   • Sub FormGroups – კომპონენტების კლასი
   • Sub FormGroups – HTML შაბლონი
   • რატომ გამოვიყენოთ Sub FormGroups
8. სერვისები და დამოკიდებულების ინექცია
   • რა არის სერვისი?
   • ძირითადი სერვისის შექმნა
   • მომსახურების კლასი
   • რა არის დამოკიდებულების ინექცია?
   • სერვისის ინსტანციის ინექცია
   • ინჟექტორები
   • ინჟექტორის იერარქია
   • სერვისის რეგისტრაცია Root Injector-ით
   • სერვისის რეგისტრაცია კომპონენტის ინჟექტორით
   • დაარეგისტრირეთ სერვისი ფუნქციური მოდულის ინჟექტორით
   • სად დაარეგისტრირო სერვისი?
   • დამოკიდებულების ინექცია სხვა არტეფაქტებში
   • ალტერნატიული განხორციელების უზრუნველყოფა
   • Dependency Injection და @Host
   • დამოკიდებულების ინექცია და @სურვილისამებრ
9. HTTP კლიენტი
   • Angular HTTP კლიენტი
   • HTTP კლიენტის გამოყენება – დასრულდაview
   • HttpClientModule-ის იმპორტი
   • სერვისი HttpClient-ის გამოყენებით
   • GET მოთხოვნის გაკეთება
   • რას აკეთებს დაკვირვებადი ობიექტი?
   • სერვისის კომპონენტში გამოყენება
   • PeopleService კლიენტის კომპონენტი
   • შეცდომების დამუშავება
   • შეცდომის ობიექტის მორგება
   • POST მოთხოვნის გაკეთება
   • PUT მოთხოვნის გაკეთება
   • DELETE მოთხოვნის გაკეთება
10. მილები და მონაცემთა ფორმატირება
    • რა არის მილები?
    • ჩამონტაჟებული მილები
    • მილების გამოყენება HTML შაბლონში
    • ჯაჭვის მილები
    • საერთაშორისო ნაციონალიზებული მილები (i18n)
    • ლოკალური მონაცემების ჩატვირთვა
    • თარიღის მილი
    • ნომერი Pipe
    • ვალუტის მილი
    • შექმენით Custom Pipe
    • Custom Pipe Example
    • საბაჟო მილების გამოყენება
    • მილის გამოყენება ngFor-ით
    • ფილტრის მილი
    • მილების კატეგორია: სუფთა და უწმინდური
    • Pure Pipe Example
    • უწმინდური მილის ყოფილიample
11. ერთგვერდიანი აპლიკაციების შესავალი
    • რა არის ერთგვერდიანი აპლიკაციის იონი (SPA)
    • ტრადიციული Web განაცხადი
    • SPA სამუშაო პროცესი
    • ერთი გვერდიანი აპლიკაციის Advantages
    • HTML5 History API
    • SPA გამოწვევები
    • SPA-ის დანერგვა Angular-ის გამოყენებით
12. კუთხოვანი კომპონენტის როუტერი
    • კომპონენტის როუტერი
    • View ნავიგაცია
    • Angular Router API
    • როუტერის ჩართული აპლიკაციის შექმნა
    • მარშრუტირებული კომპონენტების ჰოსტინგი
    • ნავიგაცია ბმულების და ღილაკების გამოყენებით
    • პროგრამული ნავიგაცია
    • მარშრუტის პარამეტრების გავლა
    • მარშრუტის პარამეტრებით ნავიგაცია
    • მარშრუტის პარამეტრის მნიშვნელობების მიღება
    • მარშრუტის პარამეტრის სინქრონულად მოძიება
    • მარშრუტის პარამეტრის ასინქრონულად მიღება
    • შეკითხვის პარამეტრები
    • შეკითხვის პარამეტრების მიწოდება
    • მოთხოვნის პარამეტრების ასინქრონულად მიღება
    • სახელმძღვანელოსთან დაკავშირებული პრობლემები URL შესვლა და სანიშნე
13. გაფართოებული HTTP კლიენტი
    • მოთხოვნის ოფციები
    • HttpResponse ობიექტის დაბრუნება
    • მოთხოვნის სათაურების დაყენება
    • ახალი დაკვირვებების შექმნა
    • მარტივი დაკვირვების შექმნა
    • დაკვირვებადი კონსტრუქტორის მეთოდი
    • დაკვირვებადი ოპერატორები
    • რუკა და ფილტრის ოპერატორები
    • flatMap() ოპერატორი
    • ჩამოსასხმელი() ოპერატორი
    • zip() კომბინატორი
    • HTTP პასუხის ქეშირება
    • თანმიმდევრული HTTP ზარების განხორციელება
    • პარალელური ზარების განხორციელება
    • შეცდომის ობიექტის მორგება catchError()-ით
    • შეცდომა Pipeline-ში
    • შეცდომის აღდგენა
14. კუთხოვანი მოდულები
    • რატომ Angular Modules?
    • მოდულის კლასის ანატომია
    • @NgModule Properties
    • ფუნქციური მოდულები
    • ყოფილიampმოდულის სტრუქტურა
    • შექმენით დომენის მოდული
    • შექმენით მარშრუტირებული/მარშრუტირების მოდულის წყვილი
    • სერვისის მოდულის შექმნა
    • საერთო მოდულების შექმნა
    • ერთი მოდულის გამოყენება მეორისგან
15. გაფართოებული მარშრუტიზაცია
    • მარშრუტიზაციის ჩართული ფუნქციის მოდული
    • ფუნქციური მოდულის გამოყენება
    • ფუნქციის მოდულის ზარმაცი ჩატვირთვა
    • ფუნქციების მოდულის კომპონენტების ბმულების შექმნა
    • მეტი Lazy Loading-ის შესახებ
    • მოდულების წინასწარ ჩატვირთვა
    • routerLinkActive სავალდებულო
    • ნაგულისხმევი მარშრუტი
    • Wildcard მარშრუტის ბილიკი
    • გადამისამართება
    • ბავშვთა მარშრუტები
    • ბავშვთა მარშრუტების განსაზღვრა ბავშვთა მარშრუტებისთვის
    • ბმულები ბავშვთა მარშრუტებისთვის
    • ნავიგაციის მცველები
    • გვარდიის იმპლემენტაციების შექმნა
    • მცველების გამოყენება მარშრუტზე
16. კუთხოვანი აპლიკაციების ერთეული ტესტირება
    • კუთხოვანი არტეფაქტების ერთეული ტესტირება
    • ტესტირების ინსტრუმენტები
    • ტიპიური ტესტირების ეტაპები
    • Ტესტის პასუხები
    • Jasmine Test Suites
    • ჟასმინის სპეციფიკაციები (ერთეულის ტესტები)
    • მოლოდინი (დამტკიცებული იონები)
    • შესატყვისები
    • ყოფილიampმატჩების გამოყენება
    • არა საკუთრების გამოყენება
    • Setup and Teardown in Unit Test Suites
    • ყოფილიampწინა და შემდეგ ყოველი ფუნქციები
    • კუთხოვანი ტესტის მოდული
    • ყოფილიampკუთხოვანი ტესტის მოდული
    • სერვისის ტესტირება
    • სერვისის ინსტანციის ინექცია
    • სინქრონული მეთოდის ტესტირება
    • ასინქრონული მეთოდის ტესტირება
    • იმიტირებული HTTP კლიენტის გამოყენება
    • კონსერვირებული პასუხის მიწოდება
    • კომპონენტის ტესტირება
    • კომპონენტის ტესტის მოდული
    • კომპონენტის ინსტანციის შექმნა
    • ComponentFixture კლასი
    • ძირითადი კომპონენტის ტესტები
    • DebugElement კლასი
    • მომხმარებლის ურთიერთქმედების სიმულაცია
17. გამართვა
    • დასრულდაview კუთხური გამართვის შესახებ
    • ViewTypeScript კოდის შეყვანა Debugger-ში
    • გამართვის საკვანძო სიტყვის გამოყენება
    • გამართვის ჟურნალი
    • რა არის Angular DevTools?
    • Angular DevTools-ის გამოყენება
    • Angular DevTools – კომპონენტის სტრუქტურა
    • Angular DevTools – შეცვლა Detect ion Execut ion
    • სინტაქსის შეცდომების დაჭერა

ვისთვის არის კურსი?

ეს კურსი განკუთვნილია ყველასთვის, ვინც უნდა ისწავლოს Angular 15-ის განვითარების საფუძვლები და გამოიყენოს იგი დაუყოვნებლივ შექმნაზე web აპლიკაციები.
ჩვენ ასევე შეგვიძლია მივაწოდოთ და დავაკონფიგურიროთ ეს სასწავლო კურსი უფრო დიდი ჯგუფებისთვის – დაზოგავთ თქვენი ორგანიზაციის დროს, ფულს და რესურსებს. დამატებითი ინფორმაციისთვის გთხოვთ დაგვიკავშირდეთ ელექტრონული ფოსტით ph.training@lumifywork.com

წინაპირობები

• Web HTML, CSS და JavaScript-ის გამოყენებით განვითარების გამოცდილებაა საჭირო ამ Angular კურსიდან მაქსიმალური სარგებლობის მისაღებად
• ასევე სასარგებლოა ბრაუზერის DOM-ის ცოდნა
• Angular ან AngularJS-ის წინასწარი გამოცდილება არ არის საჭირო

ამ კურსების მიწოდება Lumify Work-ის მიერ რეგულირდება დაჯავშნის პირობებით.
გთხოვთ, ამ კურსზე დარეგისტრირებამდე ყურადღებით გაეცნოთ წესებსა და პირობებს, რადგან კურსზე ჩარიცხვა პირობითია წინამდებარე პირობების მიღებაზე.

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork

დოკუმენტები / რესურსები

LUMIFY WORK Angular 15 პროგრამირება [pdf] მომხმარებლის სახელმძღვანელო Angular 15 პროგრამირება, პროგრამირება

ცნობები

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