Selainohjelmointi JavaScriptillä (5op)

Arviointiasteikko

H-5

Sisällön jaksotus

Opintojakso sisältää 12-14 ohjattua työskentely ja teoriakertaa, 10 henkilökohtaista harjoitustehtävää ja harjoitustyön. Ei tenttiä.
*
Opintojakso järjestetään syksyllä 2020 ONLINE. Työkalu: Teams. Jos koronatilanne rauhoittuu syksyn edetessä, voimme harkita myös onsite-työskentelykertojen järjestämistä.
*
Harjoitustyö tehdään 3-4 hengen ryhmissä ohjauskertojen ulkopuolella. Harjoitustyön aihe tarkennetaan Kurssin React-osuuden alkaessa.
*
Kurssin suunniteltu eteneminen:
*
Luentojen alustava sisältö ja aihepiiri. Etenemme osittain kurssikirjan lukujen mukaisesti.
*
1. JS - JavaScriptin perusteet
2. JS - Oliot, taulukot
3. JS - Operaatiot
4. JS - Virheenkäsittely
5. JS - Säännölliset lausekkeet, demot tehtävät 1-3
6. JS - DOM, tapahtumien käsittely
-- syysloma --
7. React - Johdatus 1
8. React - Harjoitustyön julkistaminen, johdatus 2
9. JS - Moduulit, uusia piirteitä, demot tehtävät 4-6
10. JS - Asynkroninen ohjelmointi
11. React - (aihe tarkentuu)
12. React - (aihe tarkentuu)
-- Viikon tauko
13. Demot tehtävät 6-10
14. Harjoitustöiden esittäminen
*

Jokainen ryhmän on varattava 15 minuutin aika 16.12 luentoajalle harjoitustyön demoamiseen. Henkilökohtaisen ryhmätyöpanos on myös pystyttävä osoittamaan tässä tilaisuudessa. Ryhmien määrästä riippuen tilaisuus voi olla normaalia luentoa pitempi.
*
Yllä esitetty suunnitelma voi muuttua kurssin edetessä.

Tavoitteet

Opintojakson suoritettuaan opiskelija:
ymmärtää JavaScriptin ja sen kirjastojen merkityksen www
-sovellusten kehittämisessä
osaa ohjelmoida dynaamisia ja korkeatasoisia selainkäyttöliittymiä kirjavaan laiteympäristöönosaa ohjelmoida JavaScriptillä ja hyödyntää jQuery-ohjelmakirjastoa
hallitsee AJAX-teknologian ja JSON-tietoformaatin
osaa käyttää tehokkaita kehitystyökaluja

Sisältö

JavaScript-skriptauskieli
jQuery-kirjaston hyödyntäminen
AJAX ja asynkroniset pyynnöt
JSON-tiedonvälitysformaattikehitystyökalujen käyttäminen
pienimuotoisen dynaamisen ja responsiivisen www-sovelluksen käyttöliittymän toteuttaminen

Oppimateriaalit

Kurssikirjat:
*
Eloquent JavaScript
Marijn Haverbeke
No Starch Press; 3 edition (December 4, 2018)
Ohjelmoitavissa oleva digikirja on vapaasti käytettävissä osoitteessa http://eloquentjavascript.net
*
Reacting osalta kirja tarkennetaan myöhemmin. 2 vaihtoehtoa, sähköistä saatavuutta selvitetään.
*
Kirjoja ei lueta kannesta kanteen, vaan lukuja valikoiden

Opetusmenetelmät

Luennoille osallistuminen (pakollista vain tehtävien tarkastuskertojen yhteydessä)
Vuorovaikutus ja ohjelmointi luennoilla
Henkilökohtaisten harjoitustehtävien tekeminen
Osallistuminen ryhmätyön tekemiseen

Tenttien ajankohdat ja uusintamahdollisuudet

Ei tenttiä.

Pedagogiset toimintatavat ja kestävä kehitys

Ohjelmointi
Tekemällä oppiminen
Vuorovaikutus opettajan ja kurssikavereiden kanssa
Ryhmätyöprojekti

Opiskelijan ajankäyttö ja kuormitus

Luennot 26 h
Kirjallisuuteen perehtyminen 32 h
Henkilökohtaiset harjoitustehtävät 34 h
Ryhmätyöhön osallistuminen 40 h

Arviointimenetelmät ja arvioinnin perusteet

Opintojakso arvostellaan skaalalla 0-5.
*
Saadakseen hyväksytyn suorituksen opiskelijan on saatava hyväksyttävä merkintä sekä 1) henkilökohtaisista harjoitustehtävistä että 2) ryhmätyöstä.
*
Jokaisesta harjoitustehtävästä voi saada korkeintaan 10 pistettä. Kaikista harjoitustehtävistä voi saada niis maksimissaan 100 pistettä.
Henkilökohtaiset harjoitustehtävät: 20 pistettä -> arvosana 0,5; 30 -> 1; 45 -> 1,5; 60 -> 2; 75 - 2,5; 90 -> 3.
Osallistuminen ryhmätyöhön: 0,0 - 2,0.
*
(Molemmissa tapauksissa 0,5 on ensimmäinen hyväksytty arvosana)

Arviointikriteerit, tyydyttävä (1-2)

Opiskelija ymmärtää selainpuolen www-kehityksen tehtäviä ja haasteita
Opiskelija tuntee JavaScript-ohjelmoinnin perusteet
Opiskelija tuntee React.js -kirjaston perusteet
Opiskelija tietää, mitä työkaluja selainpuolen www-kehityksessä voi käyttää
Opiskelija osaa ohjelmoida yksinkertaisia selainpuolen www-sovelluksia
Opiskelijalla on edellytykset työskennellä selainpuolen www-kehitykseen liittyvissä projekteissa

Arviointikriteerit, hyvä (3-4)

Opiskelija ymmärtää monipuolisesti selainpuolen www-kehityksen tehtäviä ja haasteita
Opiskelija osaa ohjelmoida JavaScriptillä
Opiskelija osaa hyödyntää React.js -kirjastoa selainpuolen ohjelmointitehtävissä
Opiskelija osaa käyttää sopivia työkaluja selainpuolen www-kehityksessä
Opiskelija osaa ohjelmoida selainpuolen www-sovelluksia
Opiskelijalla on hyvät edellytykset työskennellä selainpuolen www-kehitykseen liittyvissä projekteissa

Arviointikriteerit, kiitettävä (5)

Opiskelija ymmärtää monipuolisesti selainpuolen www-kehityksen tehtäviä ja haasteita
Opiskelija osaa ohjelmoida JavaScriptillä
Opiskelija osaa hyödyntää React.js -kirjastoa selainpuolen ohjelmointitehtävissä
Opiskelija osaa käyttää tehokkaasti sopivia työkaluja selainpuolen www-kehityksessä
Opiskelija osaa ohjelmoida eri tyyppisiä selainpuolen www-sovelluksia
Opiskelijalla on vahvat edellytykset työskennellä ja johtaa selainpuolen www-kehitykseen liittyvissä projekteissa

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)

Lisätiedot

Avoimen AMK:n opiskelijoita otetaan mukaan max 3.
Lue myös opintojakson edeltävyysehdot.