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
-
LITAD19Liiketalouden 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