Selainohjelmointi JavaScriptillä (5op)

Arviointiasteikko

H-5

Sisällön jaksotus

Opintojakso sisältää 12-13 ohjattua työskentely ja teoriakertaa, 10 henkilökohtaista harjoitustehtävää ja harjoitustyön. Ei tenttiä.
*
Harjoitustyö tehdään 3-4 hengen ryhmissä ohjauskertojen ulkopuolella. Harjoitustyön aihe tarkennetaan Kurssin React-osuuden alkaessa.
*
Kurssin suunniteltu eteneminen:
*
Luentojen sisältö ja aihepiiri. Etenemme kurssikirjan lukujen mukaisesti.
*
OSA 1: JAVASCRIPTIN PERUSTEET
*
Luentokerrat 1 ja 2 - EJS-kirjan luvut 1 ja 2.Tehtävä 1. Aiheet:Introduction; Values, Types, and Operators; Program Structure
Luentokerrat 2 ja 3 - EJS-kirjan luvut 3 ja 4.Tehtävä 2. Aiheet: Functions; Data Structures: Objects and Arrays
Luentokerta 4 - EJS-kirjan luvut 8 ja 9. Tehtävä 3. Aiheet Regular Expressions; Bugs and Errors
Luentokerta 5 - Puolet luennosta Demot (Tehtävät 1-3). Oltava läsnä.
Luentokerta 5 ja 6 - EJS-kirjan luvut 13 -15. Tehtävä 4. Aiheet: JavaScript and the Browser; The Document Object Model; Handling Events
Luentokerta 7 - EJS-kirjan luku 18. Tehtävä 5. Aiheet HTTP and Forms
Luentokerta 8 - EJS-kirjan luvut 10 ja 11. Tehtävä 6. Aiheet Modules; Asynchronous Programming
Luentokerta 9 - Puolet luennosta Demot (Tehtävät 4-6). Oltava läsnä.
*
OSA 2: REACTIN PERUSTEET
*
Luentokerta 9 - LR-kirjan luku 4.
Luentokerta 10 - LR-kirjan luvut 4 ja 5
Luentokerta 11 - LR-kirjan luvut 5 ja 6
Luentokerta 12 - LR-kirjan luku 7
Luentokerta 13 - Demot (Tehtävät 7-10).
*
Tarpeen vaatiessa kurssin aikana voidaan järjestää 1-2 lisäluentoa tai tukikertaa.
*
Jokainen ryhmän on varattava 15 minuutin aika 16.-20.12 väliselle ajalle harjoitustyön demoamiseen. Henkilökohtaisen ryhmätyöpanos on myös pystyttävä osoittamaan tässä tilaisuudessa.
*
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
*
Learning React: Functional Web Development with React and Redux
Alex Banks and Eve Porcello
O'Reilly Media; 1 edition (May 18, 2017)
Kirja on luettavissa digimuodossa oppilaitoksemme DawsonEra-kirjastossa.
*
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)