Opinto-opas

Osaamistavoitteet

Kurssin suoritettuaan opiskelija hallitsee web front end -kehittäjän työkalupakkiin kuuluvat ohjelmointitekniikat. Opiskelija osaa suunnitella ja toteuttaa web-sovelluksia päätelaiteriippumattomasti kaikkiin mahdollisiin selainympäristöihin (työpöytä, mobiililaitteet, tabletit jne.) sekä integroitua erilaisiin taustajärjestelmiin. Opiskelija taitaa modernien sovelluskehysten ja kirjastojen hyödyntämisen rakentaessaan helposti ylläpidettäviä ja skaalautuvia ratkaisuja.

Toteutustapa ja opetusmenetelmät

Monimuoto-opetus, palautettavat arvioitavat tehtävät ja tentti.

Ajoitus ja läsnäolo

Lähiopetuskertojen luennot, joilla tehdään myös harjoitustehtäviä, ovat vapaaehtoisia, mutta läsnäolo on suotavaa. Harjoitustehtäviä voi tehdä myös itsenäisesti. Tentti ja arvioitavat tehtävät ovat pakollisia.

Oppimateriaali ja suositeltava kirjallisuus

Ilmoitetaan opintojakson aikana.

Oppimisympäristö

Luennot, ohjattu työskentely sekä itsenäinen ja verkkoympäristössä opiskelu.

Sisältö

Nykypäivän SPA-sovellukset
- SPA-mallit
- MVC-variaatiot
- Angular
- Responsiivisuus

TypeScript-perusteet
- Luokat, rajapinnat ja periytyminen
- Genericsit, arrow-funkiot, dekoraattorit
- Konfiguraatiot

Angular-perusteet
- Angular pähkinänkuoressa

Node Package Manager
- Dependency:jen hallinta

Angular-projekti
- Angular-projektin perustaminen, Angular CLI
- Angular-sovelluksen rakenne ja arkkitehtuuri

Angular-komponentit
- Component ja niiden välinen vuorovaikutus
- Databinding
- Service ja Dependency Injection
- Pipe
- Directive
- Module
- Router

Styling
- Tyylien käytön vaihtoehdot
- Angular Material
- Animaatiot

REST-palvelut
- REST-suunnittelunäkökulmat
- Angular HTTP-Client

Lomakkeiden käyttö
- Lomakkeen data-malli
- Validointi

Angular-sovelluksen julkaisu
- Sovelluksen Build
- Jakelukanavat mm. Microsoft Azure

Lisätietoja opiskelijalle: mm. edeltävä osaaminen

Webteknologiat suoritettu

Arviointimenetelmät

Arviointi perustuu palautettuihin tehtäviin ja tenttiin.

Arviointiasteikko

1-5

Hylätty (0)

opiskelija ei saavuta tason 1 kriteerejä.

Arviointikriteerit: taso 1: (arviointiasteikko 1-5)

hallitsee Angular-sovellusten yleisrakenteen ja TypeScript-kielen perusteet
osaa toteuttaa pieniä web-sovelluksia Angular-sovelluskehystä käyttäen
ymmärtää ohjelmakoodia, mutta itsenäinen tehtävien ratkaisu on haasteellista
osaa käyttää joitakin ammattikäsitteitä johdonmukaisesti

Arviointikriteerit: taso 3 (arviointiasteikko 1-5)

osaa toteuttaa ja käyttää erilaisia Angular-komponentteja ja TypeScript-kieltä
osaa kehittää mobiilisovelluksen itsenäisesti Angular-sovelluskehystä käyttäen
osaa kuvata tekemänsä sovelluksen suullisesti ja kirjallisesti
käyttää ammattikäsitteitä sujuvasti ja laaja-alaisesti

Arviointikriteerit: taso 5 (arviointiasteikko 1-5)

osaa suunnitella uusia ja käyttää sujuvasti erilaisia Angular-komponentteja ja TypeScript-kieltä
osaa suunnitella ja toteuttaa vuorovaikutteisen ja innovatiivisen web-sovelluksen Angular-sovelluskehystä käyttäen
osaa ratkaista itsenäisesti annettuja tehtäviä
osaa hankkia itsenäisesti uutta tietoa
käyttää ammattikäsitteitä asiantuntevasti