Offline

Angular-ის კურსი

700.00

0
შედარება
პროვაიდერი
ხანგრძლივობა 12 შეხვედრა
ლექტორი ანნა მოციქულაშვილი
სერთიფიკატი გაიცემა
დაწყების დრო 18.09.2023

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

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

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” .

პერიოდი: 19/06/2023 – 03/08/2023

განრიგი: ორშაბათი (19:30-21:30) ხუთშაბათი (19:30-21:30)

ხანგრძლივობა: 2 თვე (14 ვორქშოფი)

დეტალები: Angular-ის კურსი

სერტიფიკატი

გაიცემა

ლექტორი

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

ლოკაცია

დისტანციურად

დაწყების დრო

18.09.2023

ხანგრძლივობა

12 შეხვედრა

შეფასებები

0.0 out of 5
0
0
0
0
0
შეფასების დაწერა

შეფასებები ჯერ არ არის.

შეაფასე პირველმა: “Angular-ის კურსი”

თქვენი ელფოსტის მისამართი გამოქვეყნებული არ იყო. აუცილებელი ველები მონიშნულია *

Workshop 1

  • Angular Introduction
    • What is Angular?
    • Why Angular?
    • Central Features
  • GIT & NodeJS
    • Installation (GIT)
    • Commands (GIT)
    • GitHub basic review
    • Basic intro (NodeJS)
    • Set up/cloning a project
  • Typescript
    • Introduction
    • TS vs JS (general concepts)
    • Types System (defining variables, arrays)
    • Classes & Interfaces
  • Angular
    • CLI
    • NPM & Installation
    • Create angular app
    • Architecture, file-level review
    • Semantic Version Numbering
    • Install/Remove/Update dependencies, packages
  • Basic examples of working with component (app component)
  • Modules

Workshop 2

  • Component Class
  • Adding a Component to its module
  • Design Patterns comparison: MVVM, MVC, MV*
  • Decorator: Module
    • Properties
    • Bootstrapping app
    • Root module
  • Creating a Component Using Angular CLI
  • Decorator: Component
    • Metadata properties (incomplete):
      • providers
      • selector
      • styleUrls
      • styles
      • template
      • templateUrl
  • Component Template Development:
    • Play with HTML selectors
    • Add styling
  • The Application Root Component
  • Angular (Component) Lifecycle Hooks: OnInit, OnDestroy, DoCheck (incomplete)
  • Nesting
  • Data Binding
    • One-way
    • String interpolation
  • Property Binding
    • Example with different selectors (input, button etc.)
  • Event Binding
    • click, change etc.
  • Encapsulation
  • Use of Local Reference in Templates (HTMLInputElement, ViewChild Decorator, ElementRef etc.)
    • Lifecycle hook: AfterViewInit
  • Decorator: @Input() and @Output()
    • Lifecycle hook: onChanges

Workshop 3

  • Data Binding
    • Template Reference variables
    • Two-way with ngModel
    • HTMLInputElement, ViewChild Decorator, ElementRef.
  • Lifecycle hook: AfterViewInit
  • Event Binding
    • Custom
  • Encapsulation
  • Decorator: @Input() and @Output()
    • Lifecycle hook: onChanges
    • Parent-child & Child-parent component based communication
    • EventEmitter

Workshop 4

  • Definition of Directives
  • *ngFor, *ngIf, *ngSwitch
  • *ngClass, *ngStyle
  • Custom directives – workshop
  • Pipes angular – workshop
    • Decorator: @Pipe
    • String pipes: UpperCase, LowerCase, titlecase, slice: number, json
    • Nuber pipes: number: ‘1.2-3’ || ‘3.4-5’
    • Currencty, percent
    • Custom Pipes

Workshop 5

  • Dependency Injection as a design pattern
  • Services
  • Decorator: Injectable;
  • Providers
  • Hierarchal DI
  • Workshop using services

Workshop 6

  • Organizing application
  • Navigation
    • routerLink
    • routerLinkActive
  • Define/Register Router and Routes
  • Router outlet
  • Wildcard route, redirects
  • RouterModule.forRoot() & forChild()
  • Routing Module:
    • Code refactoring (if possible)
    • Modules import order
  • Route Parameters & activated Route
  • Location strategies

Workshop 7

Build: Log In page

  • Introduction, review of two approaches.
  • Common form classes
  • Form build example
  • Data flow
    • Naming control elements
    • Control states (with visual representation)
  • Access form status = submit / reset
  • Validations on TD forms
  • Custom validators

Workshop 8

Build: TODO app

  • Introduction
  • Benefits
  • Form build example
  • FormGroup & FormControl
  • Grouping form controls
  • Nested group
  • Updating data model
    • SetValue
    • PatchValue
  • FormBuilder service
  • Validating
    • Custom validators
  • Dynamic forms
  • StatusChanges &  ValueChanges

Workshop 9

Build:

  • RxJS introduction
  • HTTP Requests
  • HttpClient
  • Adjusting Request Headers
  • CRUD operations
  • Work with data
  • Catching Errors & other status codes

Workshop 10

  • Catching Errors & other status codes
  • Interceptors // maybe move to W11
  • RxJS operators
    • Pipe
    • Map
    • Tap
    • Filter
    • SwitchMap
    • MergeMap
    • ConcatMap
    • exhaustMap
    • take takeUntil
    • throwError catchError

Workshop 11

Build: App with login page (use previously made form)

  • Authentication
  • JSON Web tokens
  • Interceptors – modifying requests
  • Router Guards
    • CanActivate
    • CanActivateChild
  • Resolvers
  • Lazy Loading modules

Workshop 12

  • Adding firebase to the project
  • Move data to FireStore
  • Angular Project Environment
  • Environment variables
  • How to deploy project on production: review ./dist fol
No more offers for this product!

700.00

0
შედარება
პროვაიდერი
upway.ge
Logo
რეგისტრაცია
პაროლის აღდგენა
Compare items
  • Total (0)
Compare
კალათა