Koulutus

Palvelut

Ratkaisut

Angular-ohjelmointi TypeScriptillä

Ilmoittaudu päivämäärälinkistä

Helsinki
30.9.-2.10.2019
Helsinki
25.-27.11.2019
Hinta
1750€ + ALV
 

Angular (aiemmin Angular2) on suositun SPA-sovelluskehyksen uusi sukupolvi. Vanhemmasta AngularJS:stä jäljelle on jäänyt pelkästään nimi, käytännössä framework on kokenut täydellisen uudistuksen.

Angular tarjoaa erittäin johdonmukaisen komponenttikeskeisen mallin: me kehitämme eri laajuisia komponentteja ja lopulta reititämme näitä näkyviin eri käyttötapauksien yhteydessä.

Tällä kurssilla opit toteuttamaan Angular-sovelluksia TypeScriptillä. Tutuiksi tulevat niin Angularin modulit kuin komponentit, putket, dependency injection sekä tietenkin reititys näkymien välillä ja REST-palvelurajapinnan käyttö.

TypeScript-kielen piirteet käsitellään siinä laajuudessa, kuin niitä Angular-kehityksessä tyypillisesti tarvitaan.

Kurssi soveltuu kehittäjille, jotka lähtevät käyttämään Angular-kehystä web-ratkaisussaan. Osallistujilta edellytetään webin perustekniikoiden sekä JavaScriptin perusteiden hallintaa.

1. päivä

Angular-perusteet

  • SPA-arkkitehtuuri
  • Frameworkin piirteet
  • Modulit ja komponentit
  • TypeScript-luokat ja -dekoraattorit
  • Projektirakenne, build-vaihtoehdot
  • Angular CLI-projekti

Komponenttien perusteet

  • Komponenttiluokan toteutus
  • Data binding
  • Events
  • ElementRef
  • Komponenttihierarkia

Structural direktiivit

  • ngIf, ngSwitch, ngFor
  • Peruskäyttö
  • Hierarkinen käyttö
  • ng-template, ng-container

2. päivä

Putket

  • Angularin tarjoamat putket
  • Oman putken toteutus
  • Putket ja lokalisointi

Styling

  • Tyylien käytön vaihtoehdot
  • Tyyli-direktiivit
  • Animaatiot

Dependency injection

  • Injektorit
  • Providerit
  • Injectable
  • Injector-hierarkia

Reititys

  • Navigointi-mallit
  • Reititysmodulit
  • Konfigurointi
  • Reitin parametrit
  • Lapsireititys
  • Guardit

3. päivä

Omat modulit

  • Modulirakenteen suunnittelu
  • Modulin toteutus
  • Modulit ja reititys

REST-palveluiden käyttö

  • REST-suunnittelunäkökulmat
  • HTTP-palvelu
  • Observable ja rxjs
  • Rxjs putket
  • Injektoitavat palvelut

Lomakkeiden käyttö

  • Lomakkeen data-malli
  • Validointi

Muita piirteitä

  • Omat direktiivit
  • Lokalisointi
  • Angular Universal
  • SPA-sovelluksen turvallisuus