Front-end työkalut (5 op)
Toteutuksen tunnus: AL00CM23-3001
Toteutuksen perustiedot
Ilmoittautumisaika
01.07.2022 - 04.09.2022
Ajoitus
31.10.2022 - 16.12.2022
Opintopistemäärä
5 op
Toteutustapa
Lähiopetus
Yksikkö
Liiketoiminta (LAB)
Toimipiste
Lappeenrannan kampus
Opetuskielet
- Suomi
Paikat
0 - 30
Koulutus
- Tietojenkäsittelyn koulutus
Opettaja
- Liisa Uosukainen
Opetusryhmät
- Luennot (Koko: 0. Avoin AMK: 0.)
- Tentti (Koko: 0. Avoin AMK: 0.)
Ryhmät
-
LLPRIT21STietojenkäsittelyn koulutus 21S Lappeenranta
Pienryhmät
- Luennot
- Tentti
Osaamistavoitteet
Opiskelija
- hallitsee web front end -kehittäjän työkalupakkiin kuuluvat ohjelmointitekniikat.
- osaa suunnitella ja toteuttaa web-sovelluksia päätelaiteriippumattomasti kaikkiin mahdollisiin selainympäristöihin (työpöytä, mobiililaitteet, tabletit jne.) sekä integroitua erilaisiin taustajärjestelmiin.
- osaa modernien sovelluskehysten ja kirjastojen hyödyntämisen rakentaessaan helposti ylläpidettäviä ja skaalautuvia ratkaisuja.
Toteutustapa ja opetusmenetelmät
Lähiopetuskerrat, 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.
Oppimistehtäviä voi suorittaa myös itsenäisesti.
Tentti ja arvioitavat tehtävät ovat pakollisia.
Oppimateriaali ja suositeltava kirjallisuus
Opettajan jakama luentomateriaali on tarjolla opintojakson Moodle-oppimisympäristössä.
Angular-verkkosivuston oma dokumentaatio.
Oppimisympäristö
Luennot, ohjattu työskentely sekä itsenäinen ja verkkoympäristössä opiskelu. Harjoitustehtävät Moodlessa.
Opiskelijan ajankäyttö ja kuormitus
5 opintopistettä vastaa noin 133 tuntia opiskelijan työtä.
Sisältö
- Nykypäivän SPA-sovellukset
- TypeScript-perusteet: luokat, rajapinnat ja periytyminen, geneeriset tyypit, arrow-funkiot
- Angular-perusteet: Angular pähkinänkuoressa
- Node Package Manager: riippuvuuksien 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
- CSS-tyylien käytön vaihtoehdot, Angular Material
- REST-arkkitehtuurimalli ja Angular HTTP-Client
- Lomakkeiden käyttö: lomakkeen data-malli ja validointi
- Angular-sovelluksen julkaisu: sovelluksen build ja 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)
Opiskelija:
- 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)
Opiskelija:
- osaa toteuttaa erilaisia Angular-komponentteja TypeScript-kielellä
- osaa kehittää web-sovelluksen 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)
Opiskelija:
- osaa suunnitella TypeScript-kieltä käyttäen monipuolisia Angular-komponentteja ja ja käyttää niitä sujuvasti web-sovelluksessa
- 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