Opinto-opas

Tavoitteet

Osaat suunnitella ja toteuttaa selainohjelmointia. Kykenet hallitsemaan ja kehittämään verkkosivun ulkoasumäärityksiä ja vuorovaikutusta.

Sisältö

Tällä opintojaksolla keskitytään verkkosivujen toiminnallisuuden ohjelmointiin scriptikielellä, kertaamalla myös aikaisemmin opittua rakenteellisuuden ja ulkonäön ohjelmointia.

- HTML, CSS, JavaScript, ohjelmointikirjastoja, GUI ja käytettävyys

Aika ja paikka

Luennot ovat zoomissa.

Oppimateriaalit

w3chools.com

Opetusmenetelmät

Tavoitteet:

Osaat suunnitella ja toteuttaa selainohjelmointia. Kykenet hallitsemaan ja kehittämään verkkosivun ulkoasumäärityksiä ja vuorovaikutusta.

Sisältö:

Tällä opintojaksolla keskitytään verkkosivujen toiminnallisuuden ohjelmointiin scriptikielellä, kertaamalla myös aikaisemmin opittua rakenteellisuuden ja ulkonäön ohjelmointia.
- HTML, CSS, JavaScript, Bootstrap, js-ohjelmointikirjastoja, GUI ja käytettävyys

Opetusmenetelmät: valmiit luentovideot, tehtävät ja harjoitukset, ohjaustunnit

Tenttien ajankohdat ja uusintamahdollisuudet

Uusintamahdollisuudet sovitaan erikseen opettajan kanssa.

Toteutuksen valinnaiset suoritustavat

Voit suorittaa tämän opintojakson toteutuksen mukaisesti tai esittää vastuuopettajalle oman suoritussuunnitelmasi. Oman suunnitelma pitää esittää ennen toteutuksen alkua ja sen tulee olla realistinen ja johtaa vahvistettavissa olevaan opintojakson tavoitteiden mukaisen osaamiseen kasvuun. Toteutuksen vastuuopettaja(t) voivat hyväksyä tai hylätä suunnitelmasi.

Sisällön jaksotus

Viikko 1
- yleiskatsaus frontend-puolen kehitykseen
- yleiskatsaus web-ohjelmintiin ja sen teknologioihin
- mitä on frontend-ohjelmointi ja sen rooli web-kehityksessä
- html, css, javascript kertaus
- DOM manipulation
Viikko 2
- javascript frameworks ja libraries
- yleiskatsaus javascript-kirjastoihin
- tutustutaan erilaisiin scriptikirjastoihin
Viikko 3
- arvioitavan lopputehtävän tekoa

Lisätietoja opiskelijoille

Tämä opintojakson sisältö edellyttää, että opiskelijalla on hallussaan ohjelmoinin perusteet opintojakso suoritettuna tai vastaava osaamisen taso. Myös HTML, CSS sekä Bootstrap osaaminen on edellytyksenä opintojaksolle.

Arviointiasteikko

H-5

Arviointikriteerit, tyydyttävä (1)

Tyydyttävä 1
Osaat tuottaa yksinkertaisen verkkosivun ja lisätä sinne yksinkertaista toiminnallisuutta ohjattuna.

Tyydyttävä 2
Osaat tuottaa yksinkertaisen verkkosivun ja lisätä sinne yksinkertaista toiminnallisuutta

Arviointikriteerit, hyvä (3)

Hyvä 3
Osaat toteuttaa verkkosivurakenteen, muokata sen ulkonäköä ja tuottaa siihen toimivaa toiminnallisuutta ohjattuna

Hyvä 4
Osaat toteuttaa verkkosivurakenteen, muokata sen ulkonäköä ja tuottaa siihen toimivaa toiminnallisuutta itsenäisesti

Arviointikriteerit, kiitettävä (5)

Kiitettävä 5
Osaat toteuttaa verkkosivurakenteen, muokata sen ulkonäköä, sekä toteuttaa siihen edistyksellistä toiminnallisuutta vaatimusmäärittelyn mukaisesti

Arviointimenetelmät ja arvioinnin perusteet

Arvosana muodostuu pääasiallisesti palautettavasta lopputehtävästä
Kaikki muut tehtävät pitää olla palautettuna
Kaikkien muiden tehtävien ratkaisu voi vaikuttaa arvosanaan +/-1.
Opintojakson arviointi pepissä:

Tyydyttävä 1-2
Osaat tuottaa yksinkertaisen verkkosivun ja lisätä sinne yksinkertaista toiminnallisuutta ohjattuna.

Hyvä 3-4
Osaat toteuttaa verkkosivurakenteen, muokata sen ulkonäköä ja tuottaa siihen toimivaa toiminnallisuutta.

Kiitettävä 5
Osaat toteuttaa verkkosivurakenteen, muokata sen ulkonäköä, sekä toteuttaa siihen edistyksellistä toiminnallisuutta vaatimusmäärittelyn mukaisesti

Avattuna lopputehtävää koskien tarkemmin ja havainnollistavien termien kanssa:

1) Osaat tuottaa yksinkertaisen ratkaisun ja lisätä sinne yksinkertaista toiminnallisuutta. Osaat käyttää html:ää. css-ää ja javascriptiä ja js-kirjastoa yksinkertaisella tasolla. Sivullasi on käytetty näitä esimerkiksi vain kerran. Ratkaisusi ei toimi täydellisesti, ja se voi kaatua esimerkiksi virheellisiin syöttöihin. Olet käyttänyt esimerkiksi vain yhtä js-kirjaston tapaa animoida elementtejä. Et ole kiinnittänyt huomiota ratkaisusi ulkonäköön, vaikka opintojakso on Frontend koodausta. Olet käyttänyt vain vähän aikaa työn tekemiseen.

2) Arvosanan 1 vaatimusten lisäksi; lisäksi olet osannut käyttää useita js-kirjaston funktiota.

3) Arvosanan 1 ja 2 vaatimusten lisäksi, sekä: olet toteuttanut verkkosivurakenteen, muokannut sen ulkonäköä ja tuottanut siihen toiminallisuutta.Työsi hyödyntää js-kirjaston eventtejä sekä metodeja eri tavoin. Olet myös käyttänyt anime.js:ää työssäsi tai muuta erillistä js-kirjastoa. Työsi ei kaadu virhesyöttöihin tai klikkauksiin.

4) Arvosanojen 1-3 vaatimusten lisäksi: Olet pyrkinyt tuotoksessasi ammattimaiseen ulkonäköön, jonka voisi sijoittaa nettisivuille muiden käyttöön. Olet hyödytänyt javascriptiä, ja ainakin kahta eriä javascriptin kirjastoa monipuolisesti, ja käyttänyt jäljempänä mainitun ominaisuuksia eri tavoilla.

5) Arvosanojen 1-4 vaatimusten lisäksi: Osoitat työssäsi, että olet kiinnittänyt erityistä huomiota sivuston ammattimaiseen toimintaan ja ulkonäköön. Olet eriyttänyt css ja js-koodit omiksi tiedostoiksi, sekä käytät monipuolisesti DOMia. Olet käyttänyt sekä javascriptiä ja vähintään sen kolmea kirjastoa monipuolisesti. Olet kommentoinut koodisi toimintaa koodin sisällä.

Esitietovaatimukset

Ohjelmoinnin perusteet opintojakso suoritettuna tai vastaava osaamisen taso.