Web UILaajuus (6 op)

Osaamistavoitteet

Web UI -opintojaksolla opit kehittämään itsenäisesti monipuolisia, responsiivisia verkkosivuja HTML- ja CSS-teknologioilla. Kurssilla käsittelet merkintäkielten ja tyyliohjeiden lisäksi modernien websovelluksien käyttöliittymien perusteita ja kehittämistä. Opintojaksolla tutustut HTML- ja CSS-ulkoasukirjastoihin ja -sovelluskehyksiin sekä käytät niitä luomaan verkkosivustojen ulkoasuja ja toiminnallisuuksia.

Käytyäsi opintojakson olet oppinut luomaan itsenäisesti staattisia responsiivisia verkkosivustoja, jotka sopivat tarpeisiisi. Tämä taito kuuluu jokaisen web-sovelluskehittäjän perustaitoihin.

Opintojakson osaamiset
- Sovelluskehitysosaaminen
- Tietojärjestelmäosaaminen
- Oppimisen ja tiedonhallinan osaaminen

Opintojakson osaamistavoite
Ymmärrät verkkosivukehityksen perusosat. Näihin kuuluvat esimerkiksi tiedostorakenne, asettelu ja kehitykseen liittyvien työkalujen käyttö. Opit käyttämään merkintäkieltä (HTML) ja tyyliohjeita (CSS) sekä ymmärrät niiden syntaksin ja rakenteen. Opit käyttämään CSS-esiprosessointikirjastoja. Opit tekemään staattisia verkkosivuja käyttäen mainittuja tekniikoita ja perehdyt responsiivisen verkkosivujen tekemiseen. Opit käyttämään ulkoasukirjastoja ja sovelluskehyksiä verkkosivujen kehityksessä.

Sisältö

- HTML5 (HyperText Markup Language)
- CSS (Cascading Style Sheets)
- CSS-esiprosessointi
- Ulkoasukirjastot ja ohjelmistokehitykset
- Responsiivinen verkkosivusuunnittelu

Arviointikriteerit, tyydyttävä (1)

Välttävä 1: Tunnet käytetyt termit ja osaat käyttää niitä opintojaksolla työskennellessä. Tunnistat mistä eri osista verkkosivu rakentuu. Tunnistat mitä eri osioita on verkkosivujen asetelmissa. Osaat luoda itsenäisesti staattisen verkkosivun ja tunnet responsiivisen verkkosivukehityksen periaatteita.

Tyydyttävä 2: Käytät opintojakson termistöä sujuvasti. Tunnistat mistä eri osista verkkosivu rakentuu. Ymmärrät mistä osista verkkosivusto rakentuu. Tunnistat mitä eri osioita verkkosivujen asetelmissa on. Osaat luoda itsenäisesti staattisen verkkosivun, joka on syntaktisesti ja rakenteellisesti oikeellinen sekä tunnet responsiivisen verkkosivukehityksen periaatteita.

Arviointikriteerit, hyvä (3)

Hyvä 3: Käytät opintojakson termistöä sujuvasti. Osaat luoda itsenäisesti staattisen verkkosivun, joka on syntaktisesti ja rakenteellisesti oikeellinen. Ymmärrät mistä osista verkkosivusto rakentuu sekä mitä asetelmia on, sekä osaat soveltaa näihin liittyviä tietotaitojasi tarpeiseesi sopivalla tavalla. Sovellat responsiivisen verkkosivukehityksen periaatteita käytännössä. Ymmärrät ulkoasukirjastojen ja sovelluskehysten merkityksen verkkosivujen kehittämisessä ja osaat käyttää joitakin valmiita määrityksiä.

Kiitettävä 4: Käytät opintojakson termistöä sujuvasti. Osaat luoda itsenäisesti staattisen responsiivisen verkkosivun, joka on syntaktisesti ja rakenteellisesti oikeellinen. Osaat analysoida verkkosivustojen rakenteita & asetteluida ja luoda käyttöösi sopivan ratkaisun. Osaat käyttää ulkoasukirjastoja ja sovelluskehyksiä luodaksesi itsellesi sopivan ratkaisun.

Arviointikriteerit, kiitettävä (5)

Erinomainen 5: Käytät opintojakson termistöä sujuvasti. Osaat luoda itsenäisesti staattisen responsiivisen verkkosivun, joka on syntaktisesti ja rakenteellisesti oikeellinen. Analysoit ja pystyt perustelemaan verkkosivustojen rakennevalintoja ja sivustoasetteluja. Osaat käyttää ulkoasukirjastojen ja sovelluskehyksien määrittelyjä ja muokata niitä tarpeisiisi sopiviksi. Pystyt itsenäisesti laajentamaan ja soveltamaan tietämystäsi ja osaamistasi