Angular-ohjelmointi TypeScriptillä

Koulutuksessa käydään läpi Angular toiminnallisuutta. Koulutuksen jälkeen osaat toteuttaa Angular-sovelluksia TypeScriptillä.
Angular on suositun SPA-kehyksen uusin versio. Aiemmin Angular2:na tunnetun alustan kehitys alkaa nyt tasaantua, ja API säilyy versiopäivityksissä kohtuullisen yhteensopivana. 
Angular tarjoaa erittäin modulaarisen API:n ja komponenttimallisen lähestymistavan käyttöliittymän ohjelmointiin. Rinnastuksia esimerkiksi ReactJS:ään onkin löydettävissä jopa helpommin kuin AngularJS:n ohjelmointimalleihin. Angular-kirjastot ovat kuitenkin huikean laajat ja niiden käyttö ei välttämättä aukea ihan ensi yrittämällä. Lisäksi koodauksen tuottavuus puoltaa TypeScriptin käyttöä, joka ainakin osalle ohjelmoijista on uusi tuttavuus.

1. Päivä
SPA-arkkitehtuuri

SPA-mallit
MVC-variaatiot
Angular vs. Angular2
Angular2 –arkkitehtuuri
Angular2 –piirteet ja modulit

TypeScript-perusteet

Tyyppien käyttö
Oliopiirteet
Dekoraattorit

Angular2-projekti

Tarvittavat JavaScript-kirjastot
Apuvalineet: npm ja gulp
Peruskomponentin toteutus

Komponentit

Komponenttiluokka
Tiedon esittäminen, putket
Data-binding
Elinkaarimetodit

2. päivä
Komponenttihierarkia

Container-komponentti
Tiedon vaäittäminen
Data-bindingin mahdollistaminen
Komponenttien tapahtumankäsittely

Dependency injection

Injektorit
Providerit
Injectable
Injector-hierarkia

Reititys

Näkymien toteutus
Pääkomponentti
Konfigurointi
Parametrointi
Elinkaarimetodit

3. Päivä
Styling

Tyylien käytön vaihtoehdot
Tyyli-direktiivit
Animaatiot

REST-palvelut

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

Lomakkeiden käyttö

Lomakkeen data-malli
Validointi

Turvallisuus

SPA-sovelluksen turvallisuus
Angular2:n turvallisuuspiirteet