Browser-Side Scripting with JavaScript (5cr)

Evaluation scale

H-5

Content scheduling

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

Objective

After completing the course the student:
masters JavaScript and can use some of the most important libraries in developing browser user interfaces
can implement dynamic and responsive browser user interfaces that are usable in variety of devices
masters AJAX technology and JSON data-interchange format
can use efficient tools in browser scripting

Content

JavaScript
jQuery
Doing asynchronous requests with AJAX
JSON data-interchange format
Tools for developing browser interfaces
Implementing a small scale dynamic and responsive browser user interface

Materials

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

Teaching methods

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

Exam schedules

Ei tenttiä.

Pedagogic approaches and sustainable development

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

Student workload

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

Evaluation methods and criteria

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)

Assessment criteria, satisfactory (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

Assessment criteria, good (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

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

Qualifications

WWW-perusteet (HTML5, CSS)

Further information

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