Curricula

Objectives

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ä.

Content

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

Learning materials and recommended literature

Opettajan kirjoittama oppimateriaali.

Lisämateriaalina verkossa saatavilla oleva materiaali:
https://developer.mozilla.org/en-US/docs/Web
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
https://www.w3schools.com/

Kirjastojen omat dokumentaatiot:
https://getbootstrap.com/docs/5.0/getting-started/introduction/

Teaching methods

- Ohjaus- ja tehtäväkontaktit
- Teoriat osin itseopiskeluna ennen kontakteja
- Tehtävät
- Lopputyö

Exam dates and retake possibilities

Harjoitustyö tehdään ja arvioidaan opintojakson lopuksi. Harjoitustyön uusintamahdollisuuksista tiedotetaan opintojakson aikana.

Alternative completion methods

Sinulla on oikeus hakea osaamisen tunnistamista ja tunnustamista, jos sinulla on aiemmin hankittua osaamista (esimerkiksi muualla suoritettuja korkeakouluopintoja), joita voidaan katsoa hyväksi nyt suoritettavaan tutkintoon.

Osaamisen tunnistamisessa ja tunnustamisessa on kolme päätapaa: hyväksilukeminen (korvaaminen, sisällyttäminen) ja muulla tavoin hankitun osaamisen tunnistaminen ja tunnustaminen sekä opinnollistaminen. Lisätietoa JAMKin tutkintosäännössä, luku 17.

Lisätietoja saa opintojakson vastuuopettajalta.

Student workload

Opintojakson keskimääräinen kuormittavuus on 162 tuntia.

~60h kontaktiopetusta
~70h opiskelijan itsenäistä työskentelyä (esimerkiksi tehtävät, materiaalin lukeminen, itsenäistä harjoittelua)
~30h lopputyö

Further information for students

Avoin AMK 5 (sisältyy max-määrään)

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

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.

Evaluation criteria, good (3-4)

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.

Evaluation criteria, excellent (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