Angular-ohjelmointi
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.