Siirry suoraan sisältöön

Front-end työkalut (5 op)

Toteutuksen tunnus: KLI1315-3001

Toteutuksen perustiedot


Ilmoittautumisaika

01.08.2020 - 15.09.2020

Ajoitus

21.10.2020 - 18.12.2020

Opintopistemäärä

5 op

Virtuaaliosuus

4 op

Toteutustapa

20 % Lähiopetus, 80 % Etäopetus

Yksikkö

Liiketoiminta (LAB)

Toimipiste

Lappeenrannan kampus

Opetuskielet

  • Suomi

Paikat

15 - 30

Koulutus

  • Liiketalouden koulutus

Opettaja

  • Liisa Uosukainen

Opetusryhmät

  • Luennot (Koko: 0. Avoin AMK: 0.)
  • Tentti (Koko: 0. Avoin AMK: 0.)

Ryhmät

  • LITAD19
    Liiketalouden koulutus 19S, digitradenomi, Lappeenranta

Pienryhmät

  • Luennot
  • Tentti

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

Opintojakso toteutetaan osittain virtuaalisena Zoomissa. Harjoitustehtävien suorittamiseen on tarjolla lähiopetusta.
Virtuaalisten opetuskertojen luennot ovat vapaaehtoisia, mutta osallistuminen on suotavaa. Harjoitustehtäviä voi suorittaa myös itsenäisesti ja etänä. 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

Rx.js ja Observable

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

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