Siirry suoraan sisältöön

Front-end työkalut (5 op)

Toteutuksen tunnus: AL00CM23-3003

Toteutuksen perustiedot


Ilmoittautumisaika

06.05.2024 - 30.08.2024

Ajoitus

14.10.2024 - 13.12.2024

Opintopistemäärä

5 op

Toteutustapa

Lähiopetus

Yksikkö

Liiketoiminta (LAB)

Toimipiste

Lappeenrannan kampus

Opetuskielet

  • Suomi

Paikat

20 - 50

Koulutus

  • Tietojenkäsittelyn koulutus

Opettaja

  • Liisa Uosukainen

Opetusryhmät

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

Ryhmät

  • LLPRIT23S
    Tietojenkäsittelyn koulutus 23S 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ö

- SPA-sovellukset
- TypeScript-perusteet
- Node Package Manager: riippuvuuksien hallinta
- Angular-framework
- Angular-projekti: Angular-projektin perustaminen, Angular CLI, Angular-sovelluksen rakenne ja arkkitehtuuri
- Angular-komponentit 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

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