Angular - Front-End დეველოპმენტი
Angular-ის ეს კურსი იწყება ნულიდან. არ არის საჭირო იცოდეთ არც Angular 1, არც Angular 2 და არც Angular-ის სხვა ვერსია!
TypeScript არის Angular-ის განუყოფელი ნაწილი, ამიტომ კურსი მოიცავს შესავალს TypeScript-ში. შესაბამისად, მისი წინასწარი ცოდნა საჭირო არ არის, საჭირო უნარებს უშუალოდ კურსის მსვლელობისას შეიძენთ.
Angular-ის კურსის განმავლობაში თქვენ შეისწავლით ყველაფერს — პროექტის შექმნიდან დაწყებული, გამოქვეყნებით (deployment) დამთავრებული. გაიგებთ, რა არის კომპონენტები, დირექტივები, სერვისები, ფორმები, როგორ უნდა დააკავშიროთ Angular-ის აპლიკაცია ბექენდთან და ბევრ სხვა მნიშვნელოვან თემებს.
დეტალურად, კურსი მოიცავს:
- რა არქიტექტურას იყენებს Angular.
- რა როლი აქვს TypeScript-ს Angular-ში.
- რა არის Directive და Component, როგორ უნდა შევქმნათ და გამოვიყენოთ?
- როგორ მუშაობს Data Binding.
- რა არის Pipe-ები და როგორ უნდა გამოვიყენოთ?
- როგორ გავაგზავნოთ HTTP request და როგორ მივიღოთ მონაცემები ბექენდიდან.
- რა არის Dependency Injection და როგორ უნდა გამოვიყენოთ.
- რა როლი აქვს Modules-ს Angular-ში.
- როგორ ვიმუშაოთ მარტივ და კომპლექსურ ფორმებთან.
- რა არის Change Detection და როგორ ანახლებს Angular HTML-ს.
- როგორ ავაწყოთ მრავალგვერდიანი Single Page Application (SPA).
- და უუმრავი სხვა დეტალი.
**
რა არის კურსის წინასწარი მოთხოვნები?**
- აუცილებელია HTML/CSS- ის ცოდნა.
- აუცილებელია JavaScript-ის საბაზისო ცოდნა.
- Angular-ის ან TypeScript-ის წინასწარი ცოდნა საჭირო არ არის.
1a. ვინ ვარ მე
კურსის შინაარსი
011. შესავალი
4 გაკვეთილი
022. Typescript
9 გაკვეთილი
- 2.12a. რა არის Typescript და რატომ უნდა გამოვიყენოთ?6:51
- 2.22b. Typescript-ის დაყენება და გამოყენება7:33
- 2.32c. Typescript-ის საბაზისო ტიპები და პრიმიტივები2:24
- 2.42d. Typescript-ის მასივისა და ობიექტის ტიპები. Type inference9:29
- 2.52e. Typescript-ის Union Types და Type Alias5:13
- 2.62f. Typescript-ის ფუნქციები და ფუნქციის ტიპები3:26
- 2.72g. Typescript-ის ჯენერიკები(Generics)6:47
- 2.82h. Typescript-ის კლასები3:45
- 2.92i. Typescript-ის ინტერფეისები6:29
033. Angular კომპონენტის შესავალი
8 გაკვეთილი
- 3.13a. Angular-ის კომპონენტის განხილვა9:06
- 3.23b. პირველი კომპონენტის შექმნა18:19
- 3.33c. Header Component-ის გასტილვა6:12
- 3.43d. არსებული კომპონენტების მართვა და ახალი კომპონენტის შექმნა Angular CLI-ით4:26
- 3.53e. Task component-ის გამოყენება5:27
- 3.63f. ინფორმაციის გამოტანა String Interpolation-ის საშუალებით9:19
- 3.73g. Property binding5:02
- 3.83h. User Event-ების მოსმენა7:13
044. Angular კომპონენტის Inputs და Outputs
4 გაკვეთილი
055. ჩაშენებული სტრუქტურული დირექტივები
4 გაკვეთილი
066. პრაქტიკა: ახალი კომპონენტების შექმნა და კოდის რეფაქტორება
2 გაკვეთილი
077. Angular მოდულები
3 გაკვეთილი
088. კომპონენტის სიღრმისეული განხილვა
15 გაკვეთილი
- 8.18a. Content Projection NgContent-ის გამოყენებით7:49
- 8.28b. მრავალსლოტიანი Content Projection8:29
- 8.38c. CSS სტილების გავრცელების არეალი8:34
- 8.48d. Lifecycle-ის მიმოხილვა7:02
- 8.58e. Lifecycle კომპონენტის შექმნა9:50
- 8.68f. Lifecycle Hook-ების პრაქტიკული განხილვა12:40
- 8.78g. Host ელემენტები3:24
- 8.88h. @HostListener და @HostBinding-ის გამოყენება10:56
- 8.98i. CSS კლასის დინამიურად მინიჭების ვარიანტები8:20
- 8.108j. ორმხრივი (Two-Way) მონაცემთა ბაინდინგი15:06
- 8.118k. Template-ის ცვლადები (Template Variables)9:36
- 8.128l. ViewChild Vs ContentChild7:32
- 8.138m. Lifecycle Hooks-ის განმეორებითი განხილვა10:16
- 8.148n. მეტი Input-სა და Output-ზე6:31
- 8.158o. მომხმარებლის მიერ განსაზღვრული (Custom) ორმხრივი (Two-Way) მონაცემთა ბაინდინგი18:34
099. Pipes
5 გაკვეთილი
- 9.19a. რა არის Pipes და Date Pipe-ის გამოყენება13:05
- 9.29b. სხვა ჩაშენებული (Built-in) Pipes16:49
- 9.39c. პირველი მომხმარებლის მიერ განსაზღვრული (Custom) Pipe-ის შექმნა9:49
- 9.49d. Pipes-ში პარამეტრების მიღება და Pipes-ის გაერთიანება (Combine)6:22
- 9.59e. Pipe-ის სორტირებისთვის გამოყენება და Impure vs Pure Pipes12:06
1010. სერვისები და Dependencies Injection შესავალი
5 გაკვეთილი
1111. Signals
5 გაკვეთილი
1212. Change Detection-ის სიღრმისეული განხილვა
15 გაკვეთილი
- 12.112a. Change Detection-ის შესავალი1:22
- 12.212b. სატესტო პროექტის მომზადება17:14
- 12.312ba. სატესტო პროექტის შექმნა გაგრძელება1:52
- 12.412c. როგორ აღძრავს Angular Change Detection-ს?6:04
- 12.512d. ExpressionChangedAfterChecked შეცდომა (Error)4:10
- 12.612e. არ გამოვიყენოთ get მეთოდი კომპონენტში1:50
- 12.712f. Change Detection-ის თავიდან აცილება არასაჭირო შემთხვევაში6:31
- 12.812g. OnPush-ის გამოყენება3:18
- 12.912h. როგორ მუშაობს OnPush14:29
- 12.1012i. OnPush და Signals1:57
- 12.1112j. ინფორმაციის გაზიარება სერვისში Signal-ის დამატებით4:20
- 12.1212k. ინფორმაციის გაზიარება სერვისში Signal-ის გარეშე2:30
- 12.1312l. Change Detection-ის ხელით აღძვრა და RxJS-ის გამოყენება12:19
- 12.1412m. Async Pipe4:49
- 12.1512n. Zone.js-ის ამოღება10:14
1313. RxJS
8 გაკვეთილი
- 13.113a. RxJS-ის შესავალი1:32
- 13.213b. Observable-ების შექმნა და გამოყენება11:44
- 13.313c. RxJS ოპერატორები5:23
- 13.413d. Observable და Signals3:52
- 13.513e. Signals vs Observables7:35
- 13.613f. Signal-დან Observable-ში კონვერტაცია3:59
- 13.713g. Observable-დან Signal-ში კონვერტაცია4:25
- 13.813h. Custom Observable-ის შექმნა10:44
1414. Angular HTTP
15 გაკვეთილი
- 14.114a. HTTP-ის შესავალი1:00
- 14.214b. პროექტის დაწყება და Backend-ის მომზადება8:10
- 14.314c. Angular HttpClient-ის ჩასმა (Inject)9:37
- 14.414d. GET-ის გაგზავნა მონაცემთა მისაღებად7:40
- 14.514e. Request-ების დაკონფიგურირება3:37
- 14.614f. Template-ში მონაცემების გამოტანა4:55
- 14.714g. Loading-ის ჩვენება5:17
- 14.814h. შეცდომების დამუშავება (Error Handling)10:11
- 14.914i. მონაცემების გაგზავნა ბექენდთან PUT მეთოდით9:51
- 14.1014j. მონაცემების გაგზავნა ბექენდთან POST მეთოდით4:41
- 14.1114k. სერვისის გამოყენება7:56
- 14.1214l. Task List-ის განახლება4:52
- 14.1314m. Delete Request4:27
- 14.1414n. Interceptors11:05
- 14.1514o. Class Interceptor4:45
1515. Dependency Injection-ის სიღრმისეული განხილვა
6 გაკვეთილი
1616. Directives
5 გაკვეთილი
1717. Template Driven Forms
5 გაკვეთილი
1818. Reactive Forms
10 გაკვეთილი
- 18.118a. Reactive Forms შესავალი6:07
- 18.218b. Reactive Form-ის HTML თან დაკავშირება5:14
- 18.318c. Reactive Form-ის ვალიდაციები6:54
- 18.418d. Custom ვალიდატორები6:35
- 18.518e. ასინქრონული (Async) ვალიდატორი4:00
- 18.618f. SignUp ფორმის შექმნა7:48
- 18.718g. ჩადგმული FormGroup-ები7:09
- 18.818h. FormControl Select Option-ისთვის2:40
- 18.918i. FormArray4:13
- 18.1018j. FormGroup-ის ვალიდაციები8:03
1919. Routing
29 გაკვეთილი
- 19.119a. Routing შესავალი1:49
- 19.219b. რა არის Routing?2:45
- 19.319c. პირველი Route - ის დამატება6:51
- 19.419d. Route-ის დარენდერება3:43
- 19.519e. რამდენიმე route-ის დარენდერება4:14
- 19.619f. ლინკების დამატება5:01
- 19.719g. აქტიური route ის გასტილვა2:59
- 19.819h. დინამიური route -ის დამატება6:05
- 19.919i. დინამიური route პარამეტრის ამოღება input-ით4:57
- 19.1019j. დინამიური route პარამეტრის ამოღება observable-თ7:31
- 19.1119k. Nested Routes-ის სატესტო გარემო3:23
- 19.1219l. Nested Route დარეგისტრირება9:40
- 19.1319m. სხვა ჩადგმული route-ების და routeLink-ების რეგისტრაცია3:49
- 19.1419n. Router navigate2:49
- 19.1519o. არასწორი (Not Found) route-ების დამუშავება5:48
- 19.1619p. Default Redirect – ნაგულისხმევი გადამისამართება6:43
- 19.1719q. Route-ების დაყოფა2:47
- 19.1819r. Query პარამეტრები3:30
- 19.1919s. Query პარამეტრების ამოღება input -ით3:05
- 19.2019t. Query პარამეტრების ამოღება observable-თ4:07
- 19.2119u. სტატიკური მონაცემის დამატება route-ში5:00
- 19.2219v. დინამიკური მონაცემის დამატება route-ში11:43
- 19.2319w. დინამიკური მონაცემის დამატება route-ში Class-ის გამოყენებით2:59
- 19.2419x. Router Resolver3:10
- 19.2519y. Title-ის გაწერა routing-ით5:42
- 19.2619z. Lazy loading route-ები5:58
- 19.2719za. Guard-ები8:58
- 19.2819zb. Guard Class-ის გამოყენებით2:35
- 19.2919zc. CanDeactivate4:10