Kurz je určený pre programátorov, ktorí poznajú základy jazyka TypeScript a chcú sa naučiť využívať služby knižnice Angular vo svojich front-end webových aplikáciách. Naučíte sa, okrem iného, využívať data binding, html šablóny, validovať [...]
  • ANGULAR1
  • Dĺžka 5 dní
  • 50 ITK bodov
  • 6 termínov
  • Bratislava (1 650 €)

    Brno (38 500 Kč)

    Praha (38 500 Kč)

  • Mierne pokročilý

Kurz je určený pre programátorov, ktorí poznajú základy jazyka TypeScript a chcú sa naučiť využívať služby knižnice Angular vo svojich front-end webových aplikáciách. Naučíte sa, okrem iného, využívať data binding, html šablóny, validovať vstupné dáta alebo komunikovať s back-end API, ale aj navrhovať architektúru pre rozsiahle Angular aplikácie spolu s komunikáciou s back-end API za HTTP GET/POST request alebo použitie observables v rámci Angular aplikácie. Preberieme si dynamické načítanie komponentov a správu pamäte aplikácie. Ďalej sa zameriame na správne použitie template driven formulárov a reaktívnych (model-driven) formulárov vrátane vytvárania vlastných formulárových prvkov (napr. Datepicker) a vlastných direktív. V neposlednom rade sa naučíte ako tvoriť animácie v ANGULAR bez použitia jQuery a ako implementovať knižnice partnerov priamo do aplikácie.

»
  • Architektúru a názvoslovie knižnice Angular
  • Vytvárať front-end aplikácie pre zber, validáciu a prezentáciu dát
  • Spravovať užívateľské udalosti pomocou knižnice Angular
  • Vytvárať vlastné Angular komponenty
  • Používať template, reactive a dynamic forms
  • Komunikovať s back-end API pomocou knižnice Angular
  • Využívať lazy loading komponentov a pokročilý routing
  • Vytvárať validácie pomocou backend API
  • Vytvárať vlastné direktívy a formulárové prvky
  • Vytvárať animácie

Kurz je učený pre programátorov front-end aplikácií v jazyku TypeScript, ktorí chcú pre bežné úkony správy užívateľských interakcií použiť knižnicu Angular

  • Znalosť jazyka HTML
  • Znalosť programovania v jazyku TypeScript

Odborný výklad s praktickými ukážkami, cvičenia na počítačoch

Tlačené prezentácie preberanej látky

Úvod do Angular

  • Účel
  • Porovnanie s AngularJS
  • Prečo TypeScript

Architektúra knižnice

  • Moduly, komponenty, šablóny (templates)
  • Meta data a data binding
  • Direktívy, služby a dependency injection

Prezentácia dát

  • Data binding a výrazy
  • Direktívy pre riadenie toku v šablónach (ngFor, ngIf)

Interakcie s užívateľom

  • Udalosti a objekt $event
  • Referenčné premenné v šablónach
  • Filtrovanie udalostí

Práca s formulármi

  • Trieda modelu
  • Komponenty formulára
  • Vytvorenie šablóny
  • Direktíva ngModel
  • Sledovanie stavu komponentov
  • Validácia
  • Odoslanie dát
  • Template, reactive a dynamic forms

Dependency injection

  • Vzor a zdôvodnenie
  • Aplikácie v Angular

Lazy loading

  • Tvorba lazy loading komponentov
  • Lazy loading

Inicializácia dát z backend API

  • Tvorba servis pomocou GET metódy
  • Tvorba servis pomocou POST metódy
  • Použitie observables v rámci angular aplikácie

Template driven formuláre a reaktívne formulára

  • Rozdiely medzi formulármi
  • Validácia dát serverom
  • Odoslanie dát na server
  • Real-time validácia formulárových polí zo servera

Direktívy

  • Tvorba validačných direktív

Custom form controls

  • Tvorba vlastných formulárových prvkov

Animácia

  • Tvorba animácií v Angular
Aktuálna ponuka
Školiace miesto
Jazyk kurzu

Uvedené ceny sú bez DPH.