Introduction to Web Development (5 op)

Arviointiasteikko

H-5

Sisällön jaksotus

Opintojakson tavoite on antaa opiskelijalle taidot luoda saavutettavuusvaatimukset täyttäviä, hyvin rakennettuja, tyylikkäitä, responsiivisia ja vuorovaituksellisia www-sivuja hyödyntäen selainten tukemia perusteknologioita. Keskeisenä asianas opintojakson aikana opetellaan modernin JavaScript-ohjelmoinnin perusteet.

Sisältö:

HTML - www-sivujen rakenne, sisältö ja semantiikka

CSS - www.sivujen ulkoasu, asemointi ja responsiivisuus

Kuvittaminen www-ympäristössä

Web-sisällön saavutettavuus ja saavutettavuusvaatimukset

Selain

JavaScriptin perusteet ja www-sivujen toiminnollisuus
- johdanto
- muuttujat ja sisäiset tietotyypit
- merkkijonot
- taulukot
- ehdot ja silmukat
- funktiot
- debuggaaminen
- oliot ja luokat
- virheenkäsittely
- selainohjelmointi
- selaimen DOM
- selaimen BOM
- tapahtumankäsittely
- lomakkeiden käsittely ja validointi
- ES6 moduulit
- asynkroninen ohjelmointi

JavaScriptin suorittaminen Node.js -alustalla

Johdatus TypeScriptiin
- staattinen tyypitys
- enumerointi
- interfacet
- TypeScriptin kääntäminen JavaScriptiksi
- TypeScriptin debuggaaminen
- edut ja haitat

7 henkilökohtaista harjoitustehtävää.

Ryhmätyö : yksinkertaisen www-sovelluksen toteuttaminen

Oppimateriaalit

Kurssikirjat:

Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics
Jennifer Robbins
6. painos (jos se ehtii ilmestyä opintojakson alkuun mennessä)
2025

Varalla saman kirjan viides painos 2018. Kirjaa päivitetään verkkotiedoin.

Eloquent JavaScript
Marijn Haverbeke
4. painos
2024

Muu materiaali ilmoitetaan opintojakson aikana.

Opetusmenetelmät

- oppimismateriaalin lukeminen ja katsominen
- osallistuminen luennoille
- ohjelmointi opettajan johdolla
- itsenäinen ohjelmointi
- kehitystyökalujen kanssa työskentely
- osallistuminen ryhmätyön tekemiseen

Tenttien ajankohdat ja uusintamahdollisuudet

Ei tenttiä

Toteutuksen valinnaiset suoritustavat

Opiskelija voi suorittaa opintojakson osoittamalla osaamisensa opintojakson aiheista esimerkiksi tekemillään työnäytteillä. Osoittamisesta täytyy sopia opettajan kanssa opintojakson 4 ensimmäisen viikon aikana.

Opiskelija voi myös ahotoida opintojakson vastaavalla muualla oppilaitoksemme hyväksymässä oppilaitoksessa suoritetulla kurssilla. Asia kannattaa laittaa vireille heti opintojakson alkaessa.

Opiskelijan ajankäyttö ja kuormitus

35 h oppimateriaalin lukemista ja katselemista
35 h kontaktiluentoja
4 h harjoitustyön esittäminen ja muiden harjoitustöiden seurantaa paikan päällä
35 h harjoitustyön tekemistä
26 h henkilökohtaiset harjoitustehtävät

Arviointimenetelmät ja arvioinnin perusteet

Opintojakson kokonaismaksimipistemäärä on 120.

Maksimissaan 70 pistettä 7 henkilökohtaisesta harjoitustehtävästä, 30 pistettä harjoitustyöstä ja 20 pistettä luentoläsnäoloista.

Opintojakson arviointiskaala on seuraava:

Pisteitä vähintään -> Arvosana

0 -> 0
40 -> 1
56 -> 2
72 -> 3
88 -> 4
104 -> 5

Huomaa seuraava lisäehto: hyväksyttävään suoritukseen tarvitaan vähintään 20 pistettä henkilökohtaisista harjoitustehtävistä ja 10 pistettä harjoitustyöstä.

Läsnäolopisteet annetaan seuraavan skaalan perusteella:

Läsnäoloprosentti käytännön- ja teorialuennoilla -> pisteitä

20% -> 5
40% ->10
60%->15
80%->20

Osa henkilökohtaisista harjoitustehtävistä tehdään käytännöntunneilla yhdessä opettajan kanssa. Näin läsnäolo niillä karruttaa myös harjoitustehtäväpisteitä.

Demokerroilla ja harjoitustyön esityksessä on oltava läsnä. Läsnäolot demoissa ja harjoitustyön esittämisessä eivät karruta läsnäolopisteitä. Poissaolo demoista aiheuttaa 25 % vähennyksen opiskelijan näihin demoihin palauttamien tehtävien pisteisiin. Tehtävien palauttaminen myöhässä aiheuttaa myös 25 prosentin vähennyksen. Poissaolo harjoitustyön esittämisestä aiheuttaa pisteisiin 25 prosentin vähennyksen. Harjoitustyön myöhästymisestä seuraa myös 25 prosentin vähennys pisteisiin. Tehtäviä ei oteta enää vastaan opintojakson päättymispäivän jälkeen. Opintojakson päättymispäivän jälkeen ei myöskään anneta korvaavia tai täydentäviä tehtäviä. Opiskelija täytyy huolehtia siis siitä, että hän saa kerättyä eri suorituksista riittävästi pisteitä opintojakson aikana.

Hylätty (0)

Opiskelija ei ole opintojakson aikana onnistunut keräämään läpäisyyn riittävää pistemäärää. Näin ollen hän ei ole pystynyt osoittamaan sellaista osaamista, jonka perusteella voitaisiin antaa hyväksyttävä arvosana.

Arviointikriteerit, tyydyttävä (1-2)

Opiskelija tietää selaimen tukemat teknologiat
Opiskeija tietää selaimen tukevien teknologioiden tehtävät www-sivuja laadittaessa
Opiskelija osaa ohjelmoida yksinkertaisia JavaScript-sovelluksia ja suorittaa niitä selaimessa
Opiskelija ymmärtää saavutettavuuden merkityksen
Opiskeija ymmärtää responsiivisuuden merkityksen
Opiskelija tuntee www-sivujen kuvittamiseen liittyviä teknologioita ja periaatteita
Opiskelija tuntee www-sivujen toteuttamisessa käytettäviä työkaluja

Arviointikriteerit, hyvä (3-4)

Opiskelija tuntee selaimen tukemat teknologiat ja osaa hyödyntää selaimen palveluita
Opiskelija osaa ohjelmoida JavaScript-sovelluksia ja suorittaa niitä selaimessa
Opiskelija osaa hyödyntää JavaScriptin standardia APIa
Opiskelija osaa modularisoida JavaScript-sovelluksia
Opiskelija käsittää mitä on asynkroninen ohjelmointi ja osaa ohjelmoida asynkronisia operaatioita
Opiskelija ymmärtää saavutettavuuden merkityksen ja osaa toteuttaa saavutettavissa olevia www-sivuja
Opiskelija ymmärtää responsiivisuuden merkityksen ja osaa ohjelmoida responsiivisia www-sivuja
Opiskelija osaa soveltaa www-sivujen kuvittamiseen liittyviä teknologioita ja periaatteita
Opiskelija tuntee ja osaa käyttää www-sivujen toteuttamisessa käytettäviä työkaluja
Opiskelija ymmärtää TypeScriptin esittelemän staattisen tyypityksen merkityksen

Arviointikriteerit, kiitettävä (5)

Opiskelija tuntee selaimen tukemat teknologiat ja osaa hyödyntää selaimen palveluita kriittisesti arvioiden
Opiskelija osaa ohjelmoida ratkaisuiltaan punnittuja JavaScript-sovelluksia ja suorittaa niitä selaimessa
Opiskelija osaa hyödyntää laajasti ja punniten JavaScriptin standardia APIa
Opiskelija osaa modularisoida JavaScript-sovelluksia
Opiskelija käsittää mitä on asynkroninen ohjelmointi ja osaa arvioida sen tarvetta
Opiskeija osaa ohjelmoida asynkronisia operaatioita
Opiskelija ymmärtää saavutettavuuden merkityksen ja osaa toteuttaa saavutettavissa olevia www-sivuja
Opiskelija ymmärtää responsiivisuuden merkityksen ja osaa ohjelmoida responsiivisia www-sivuja
Opiskelija osaa arvioida ja soveltaa www-sivujen kuvittamiseen liittyviä teknologioita ja periaatteita
Opiskelija osaa valita ja käyttää tekokkasti www-sivujen toteuttamisessa käytettäviä työkaluja
Opiskelija ymmärtää TypeScriptin esittelemän staattisen tyypityksen merkityksen ja osaa ohjelmoida TypeScriptillä

Lisätiedot

Opintojakson viestintä tapahtuu ja materiaali jaetaan ItsLearning-oppimisympäristössä.