Angular-ohjelmointi

Kesto: 3.0 pv

Kuvaus

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. Angularin käyttö puhtaasta JavaScriptistä on tietenkin mahdollista, mutta ohjelmoinnin tuottavuuden kannalta tässä yhteydessä kyllä ehdottomasti kannattaa hypätä TypeScript-maailmaan.

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

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.

Ohjelma

Käsiteltävät aiheet

1. päivä

TypeScript-johdanto

  • TypeScript vs. JavaScript
  • TypeScript käännös
  • TypeScript syntaksin sudenkuopat
  • Angular-ohjelmoinnissa käytetyt piirteet

Angular-perusteet

  • SPA-arkkitehtuuri
  • FrameWorkin piirteet
  • Modulit ja komponentit
  • Projektirakenne, build-vaihtoehdot
  • Angular CLI

Komponenttien perusteet

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

2. päivä

Structural direktiivit

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

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

3. päivä

Reititys

  • Näkymien toteutus
  • Pääkomponentti
  • Konfigurointi
  • Parametrointi
  • Lapsireititys
  • Guardit

REST-palveluiden käyttö

  • REST-suunnittelunäkökulmat
  • HTTP-palvelu
  • Rx.js ja Observable
  • Injektoitavat palvelut

Lomakkeiden käyttö

  • Lomakkeen data-malli
  • Validointi

Muita piirteitä

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

Peruutusehdot

Ilmoittautuminen on sitova. Mikäli ilmoittautuja ei pääse kurssille, voi hänen sijastaan tulla toinen henkilö. Mikäli ilmoittautumisen peruutus tehdään vähemmän kuin 14 päivää ennen kurssin alkua, veloitamme toimisto- ja varauskuluina 50% kurssimaksusta. Mikäli ilmoittautunut jää saapumatta kurssille ilman peruutusilmoitusta, veloitamme koko osallistumismaksun. Kurssimateriaalin toimittamisesta oppilaalle peruuntumistapauksessa veloitamme lisäksi 100 EUR. Peruutusmaksut veloitetaan myös sairastapauksissa.

Järjestäjä