Angular-ის კურსის მენტორი

ნიკოლოზ კვაჭანტირაძე

Front-end დეველოპერი

2020 წლიდან არის Front-end დეველოპერი. ჯეოლაბში გაიარა HTML, CSS, JavaScript -ის კურსები. 2021 წლიდან მუშაობს კრედო ბანკში, Front-end დეველოპერის პოზიციაზე.

მონაწილეობა მიუღია უამრავ პროექტში, მათ შორის: შექმნა კომპოზიტორ ალექსი და ვახტანგ მაჭავარიანის საქველმოქმედო ფონდის ვებგვერდი, ილიაუნის არქიტექტორების ვებგვერდი, კრედო ბანკის ბიზნეს ინტერნეტ ბანკი და სხვა.

ანნა მოციქულაშვილი

Angular დეველოპერი

დაამთავრა ელექტრო და კომპიუტერული ინჟინერიის ფაკულტეტი. 2020 წლიდან არის ვებ დეველოპმენტის სფეროში. ამჟამად მუშაობს სასწავლო სისტემების მართვის ბრიტანულ კომპანიაში, ანგულარ დეველოპერის პოზიციაზე. 

გერმანიაში იულიხის კვლევით ცენტრში იყო სტაჟიორი. მოხვდა Women in Tech-ის დაფინანსებაში, ანგულარის კურსზე. მონაწილეობას იღებდა ჯიტას გადამზადების კონკურსში – Blockchain Development. სერტიფიკატი აიღო Blokchain Training Alliance-ის საერთაშორისო გამოცდაში – “Certified Blockchain Developer – Ethereum” .

Angular-ის კურსის სილაბუსი

Workshop 1

Introduction

• ანგულარის კონცეპტუალური განხილვა
• Git და node ის დაყენება
• Angular cli
• პროექტის სტატიკური ფაილები
• Typescript Types სისტემა , ინტერფეისები
• Bootstrap Angular app
• App module

Workshop 2

Componets & Decorators

• Model vs View
• Component ების შექმნა
• Decorator-ები
• Custom html ელემენტები
• Component-ები და მათი იერარქია
• Data Binding
• Event Binding
• Components LifeCycle
• OnInit, OnDestroy …
• OnChanges
• DoChek
• Component ების გასტილვა
• Angular css encapsulation

Workshop 3

Component–ებს შორის კომუნიკაცია

• Two way Binding & ngModel
• ngModelChange & Change Event
• Component ები იერარქია და Child component ის დამატება
• Parent component ის Child Component ეთან კომუნიკაცია @Input Decorator ით
• Child  component ის Parent Component ეთან კომუნიკაცია @Output Decorator ით
• Template ცვლადების გამოყენება Child component ებთან სამუშაო

Workshop 4

Directives

• Directive introduction
• ngIf
• ngSwitch
• ngFor Trackby
• ngClass
• ngStyle
• Custom directives

Workshop 5

Pipes

• Pipe introduction
• Number pipe
• Date Pipe
• KeyValue Pipe
• Async Pipe
• Custom pipes

Workshop 6

Forms

• Forms introduction
• Template Driven ფორმები
• Reactive ფორმები
• FormBuilder
• FormGroup
• FormControl
• SetValue & PatchValue
• StatusChanges &  ValueChanges

Workshop 7

Forms Validation

• Validators introduction
• Validator ები Reactive Form ებში
• Custom Validator ები Reactive Form-ებში
• Template Driven ფორმების ვალიდაცია
• Custom Validator ები Template Driven ფორმებში
• Async Validator

Workshop 8

Services & Dependency Injection

• Services introduction
• Dependency Injection
• Injector , @injectable & @inject
• Providers
• იერარქიული Dependency Injection

Workshop 9

Angular Router

• Routing introduction
• Routing & ნავიგაცია
• Location სტრატეგიები
• Child routes
• მონაცემების გადაცემა route ზე
• Route params & query Params
• Route Guards

Workshop 10

Angular module

• Lazy loading Introduction
• Lazy Loading Module Routing 
• Preloading strategy
• Advanced Components

Workshop 11

Observable & rxjs Basics

• Rxjs introduction
• Observables
• Observable pipe
• Map operator
• Filter operator
• Tap operator
• SwitchMap
• MergeMap
• ConcatMap
• exhaustMap
• take takeUntil
• throwError catchError

Workshop 12

Http

• Rest api
• Http Get
• Http Post
• Http Put
• Http Delete
• passing URL Parameters
• Http headers
• Http interceptor

Workshop 13

Typescript

• The Basics
• Utility Types
• Enums
• Generics 
• Custom Types

Workshop 14

End of course

• Folder structure: best practices
• httpInterceptor
• environment variable
• build productionჯა