Ota yhteyttä

Myyntipalvelu

Myynti

010 4321 001 Ota yhteyttä

Kesto: 3 päivää
Veroton hinta (+ alv 24 %): 1 990 €

Tästä asiakaskohtainen toteutus?

Toteutamme koulutuksia myös asiakaskohtaisina. Jätä yhteystietosi, ja tehdään juuri teille sopiva toteutus.

Voit maksaa:
Koulutuskortti

Paikka ja päiväys

Helsinki
4.6 – 6.6
GO!
Ilmoittaudu

Jaa

Lataa pdf-muodossa

Angular-ohjelmointi TypeScriptillä

Koulutuksessa käydään läpi Angular toiminnallisuutta. Koulutuksen jälkeen osaat toteuttaa Angular-sovelluksia TypeScriptillä.

Angular (versio 4) 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 (1.x) 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.

Koulutuskortilla maksaessasi veloitamme Angular-ohjelmointi TypeScriptillä koulutuksesta 4 koulutuskorttipäivää.

Kohderyhmä

Kurssi soveltuu web-kehittäjille, jotka joko lähtevät toteuttamaan ratkaisuja Angular-alustalle tai jotka haluavat evaluoida uuden kehyksen mahdollisuudet.

Esitiedot

Koulutuksen seuraaminen edellyttää webin perustekniikoiden (HTML, CSS ja JavaScript) kohtuullista hallintaa.

Koulutuspäivät alkavat klo 9.00, aamukahvia on tarjolla klo 8.30 alkaen. Koulutuspäivät päättyvät noin klo 16.

Koulutuksen sisältö

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