Opinto-opas

Osaamistavoitteet

Kurssin suoritettuaan opiskelija hallitsee web front end -kehittäjän työkalupakkiin kuuluvat tekniikat. ©Opiskelija osaa suunnitella ja toteuttaa eri päätelaitteille mukautuvan web-sivuston. Opiskelija osaa hyödyntää valmiita käyttöliittymäkehyksiä ja lisäosia. Opiskelija tuntee web-ohjelmoinnissa käytettävien ohjelmointikielten merkityksen selaimessa toimivan sovelluksen toteutuksessa

Toteutustapa ja opetusmenetelmät

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

Ajoitus ja läsnäolo

Opintojakso toteutetaan osittain virtuaalisena Zoomissa/moodlessa. 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.

Opiskelijan ajankäyttö ja kuormitus

Kokonaistyömäärä 133 h, josta opiskelijan itsenäistä työtä n. 75 h.

Sisältö

Web-maailma pähkinänkuoressa
- Standardien kehitys
- Protokollat
- Selaimen ja palvelimen yhteistyö
- Web services
- AJAX

HTML5
- HTML5-dokumentin rakenne
- Lomakkeen syöttökentät
- Media-elementit
- Muut HTML5 -piirteet

CSS3
- CSS3 valitsimet
- Tyylien kuvaus
- Tyypilliset CSS-tekniikat
- Tutustuminen yleisimpiin CSS-kirjastoihin mm. Bootstrap, Google Material Design

JavaScript
- JavaScriptin peruskäyttö
- ECMAScript standardi
- Tapahtumankäsittely
- DOM-muokkaus
- Lomakevalidointi
- JQuery

AJAX ja REST
- XMLHttpRequest-objekti
- JQuery ja AJAX
- Liittymä REST-palveluihin

NodeJS
- REST-rajapinnan toteutus

Arviointimenetelmät

Arviointi perustuu palautettuihin tehtäviin ja tenttiin.

Arviointiasteikko

1-5

Arviointikriteerit: taso 1: (arviointiasteikko 1-5)

ymmärtää HTML, CSS ja JavaScript:n perusteet
osaa hyödyntää opintojakson sisällössä kuvattuja teknologioita
osaa suunnitella ja toteuttaa eri päätelaitteille mukautuvan yksinkertaisen web-sivuston
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 käyttää HTML, CSS ja JavaScriptiä sujuvasti
osaa hyödyntää opintojakson sisällössä kuvattuja teknologioita sujuvasti
osaa suunnitella ja toteuttaa eri päätelaitteille mukautuvan web-sivuston itsenäisesti
osaa kuvata tekemänsä sovelluksen suullisesti ja kirjallisesti
käyttää ammattikäsitteitä sujuvasti ja laaja-alaisesti

Arviointikriteerit: taso 5 (arviointiasteikko 1-5)

osaa käyttää HTML, CSS ja JavaScriptiä monipuolisesti
osaa hyödyntää opintojakson sisällössä kuvattuja teknologioita erittäin monipuolisesti
osaa suunnitella ja toteuttaa vuorovaikutteisen ja innovatiivisen eri päätelaitteille mukautuvan web-sivuston
osaa ratkaista itsenäisesti annettuja tehtäviä
osaa hankkia itsenäisesti uutta tietoa
käyttää ammattikäsitteitä asiantuntevasti