Opinto-opas

Tavoitteet

Opintojakson suoritettuaan opiskelija:
- osaa ohjelmoida JavaScripti-ohjelmointikielellä
- osaa hyödyntää React-sovelluskehystä
- osaa suunnitella moduuliperustaisia selainohjelmistoja
- tuntee selainohjelmoinnin erityispiirteet
- osaa hyödyntää tehokkaita ja nykyaikaisia ohjelmointityökaluja

Sisältö

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut

Oppimateriaalit

Kurssimateriaali (Kirjoista vain valitut osat)
*
Eloquent JavaScript
Marijn Haverbeke
No Starch Press; 3 edition (December 4, 2018)
Saatavilla osoitteessa http://eloquentjavascript.net
*
Professional JavaScript for Web Developers
5th Edition
Matt Frisbie
Published by Wrox
Saatavilla tietokannassa ProQuest EBook Central
*
Valittu projektiperustainen React-tutoriaali
*
Learning React : Modern Patterns for Developing React Apps
2nd edition
Alex Banks and Eve Porcello
Saatavilla tietokannassa ProQuest EBook Central
*

Opetusmenetelmät

- kirjallisuuden ja muun oppimismateriaalin lukeminen tai katsominen
- osallistuminen luennoille
- ohjelmointi opettajan johdolla
- itsenäinen ohjelmointi
- 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

39 h kontaktiluentoja (Jokainen 3h = 2h opetusta ja 1h henkilökohtaista työskentelyä opettajan läsnäollessa)
4 h harjoistustöiden esitystä ja seurantaa
40 h harjoitustyön valmistelu
54 h henkilökohtaiset harjoitustehtävät

Sisällön jaksotus

Sisältö

I. JavaScript (Luennot ja henkilökohtaiset tehtävät)

- Perusteet
- Merkkijonont
- Oliot, destrukturointi
- Taulukot, taulukko-operaatiot
- Operaatioiden ohjelmointi
- Virheenkäsittely
- DOM, tapahtumienkäsittely
- Moduulit
- Asynkroninen ohjelmointi
- Työkalut

II. React (Luennot ja ryhmätyö)

- Perusteet
- JSX
- Komponentit
- Modularisointi
- Työkalut
- Tilanhallinta
- Koukut

III. Ryhmätyö: Yksinkertainen web-sivusto Reactilla (ilman taustajärjestelmää)

7 henkilökohtaista JavaScript-harjoitustehtävää.
React-perustainen ryhmätyö.

Viestintäkanava ja lisätietoja

itsLearning ja sähköposti

Arviointiasteikko

H-5

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 on oltava läsnä. Läsnäolo demoissa ei karruta läsnäolopisteitä. Poissaolo demoista aiheuttaa 50 % vähennyksen opiskelijan näihin demoihin palauttamien tehtävien pisteisiin. Myös tehtävien palauttaminen myöhässä aiheuttaa 50 prosentin vähennyksen. 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ää JavaScript-ohjelmointikielen soveltamisalueet ja -ympäristöt
Opiskelija tuntee modernin JavaScript-ohjelmointikielen perusteet
Opiskelija tuntee jonkin JavaScript-ohjelmointikielen keskeisistä front-end kirjastoista
Opiskelija tietää joitakin keskeisiä JavaScript-ohjelmoinnissa käytettäviä työkaluja
Opiskelija osaa ohjelmoida yksinkertaisia sovelluksia JavaScriptillä tai sen kirjastolla

Arviointikriteerit, hyvä (3-4)

Opiskelija tietää JavaScript-ohjelmointikielen soveltamisalueet ja -ympäristöt
Opiskelija hallitsee modernin JavaScript-ohjelmoinnin perusteet ja joitakin JavaScriptin syventäviä ominaisuuksia
Opiskelija osaa soveltaa jotakin JavaScript-ohjelmointikielen keskeisistä front-end kirjastoista
Opiskelija osaa etsiä tietoja JavaScript- ja ohjelmointiosaamisensa kehittämiseksi ja ongelmien ratkaisemiseksi
Opiskelija osaa hyödyntää joitakin keskeisiä JavaScript-ohjelmoinnissa käytettäviä työkaluja
Opiskelija osaa ohjelmoida sovelluksia JavaScriptillä ja sen kirjastoilla
Opiskelijalla osaa työskennellä JavaScript-ohjelmointiprojektissa

Arviointikriteerit, kiitettävä (5)

Opiskelija tietää JavaScript-ohjelmointikielen soveltamisalueet ja -ympäristöt
Opiskelija osaa hyödyntää tehokkaasti ja laajasti JavaScript-ohjelmointikieltä ja sen kirjastoja
Opiskelija osaa etsiä tehokkaasti tietoja osaamisensa kehittämiseksi ja ongelmien ratkaisemiseksi
Opiskelija osaa hyödyntää ja etsiä tehokkaasti erilaisia JavaScript-ohjelmoinnissa käytettäviä työkaluja
Opiskelija osaa suunnitella ja ohjelmoida modularisoituja sovelluksia JavaScriptillä ja sen kirjastoilla
Opiskelijalla osaa työskennellä aloitteellisesti ja vastuullisesti JavaScript-ohjelmointiprojektissa

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)

Tavoitteet

Opintojakson suoritettuaan opiskelija:
- osaa ohjelmoida JavaScripti-ohjelmointikielellä
- osaa hyödyntää React-sovelluskehystä
- osaa suunnitella moduuliperustaisia selainohjelmistoja
- tuntee selainohjelmoinnin erityispiirteet
- osaa hyödyntää tehokkaita ja nykyaikaisia ohjelmointityökaluja

Sisältö

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut

Opiskelijan ajankäyttö ja kuormitus

Harjoitusten ja opetusajan jakaantuminen:
• JavaScript 40 %
• React 40 %
• Muut 20 %
• Lisäksi omalla ajalla tehtävä React-perustainen ryhmätyö

Sisällön jaksotus

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut: ohjelmointiympäristö, selaimen kehitystyökalut, babel-kääntäjä, moduulipaketoija, create react app

Arviointiasteikko

H-5

Arviointikriteerit, tyydyttävä (1-2)

- tietää mihin JavaScriptiä ja React-kirjastoa voidaan selainohjelmoinnissa käyttää
- osaa ohjelmoida yksinkertaisia JavaScript-skriptejä ja kykenee osallistumaan React-projekteihin
- tuntee keskeisiä selainohjelmoinnissa käytettäviä työkaluja
- tuntee selainohjelmointiympäristön erityispiirteitä

Arviointikriteerit, hyvä (3-4)

- osaa ohjelmoida JavaScript-pohjaisia sovelluksia ja hyödyntää React-kirjastoa
- osaa toteuttaa moduuliperustaisia selainohjelmistoja
- osaa käyttää selainohjelmoinnin työkaluja
- tuntee keskeiset selainohjelmoinnin piirtee

Arviointikriteerit, kiitettävä (5)

- osaa soveltaa JavaScriptiä ja React-kirjastoa monipuolisesti uusien selainsovellusten tuotannossa
- osaa suunnitella ja toteuttaa moduuliperustaisia selainohjelmistoja
- osaa soveltaa ohjelmointityökaluja tehokkaasti ja etsiä tarvittaessa uusia
- tuntee keskeiset selainohjelmoinnin piirteet

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)

Tavoitteet

Opintojakson suoritettuaan opiskelija:
- osaa ohjelmoida JavaScripti-ohjelmointikielellä
- osaa hyödyntää React-sovelluskehystä
- osaa suunnitella moduuliperustaisia selainohjelmistoja
- tuntee selainohjelmoinnin erityispiirteet
- osaa hyödyntää tehokkaita ja nykyaikaisia ohjelmointityökaluja

Sisältö

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut

Oppimateriaalit

JavaScript-osuus:

Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming
by Marijn Haverbeke | Dec 4, 2018

Tenttien ajankohdat ja uusintamahdollisuudet

Ei tenttiä

Sisällön jaksotus

I. JavaScript (Luennot ja henkilökohtaiset harjoitustehtävät)

- Perusteet
- Merkkijonot
- Oliot, destrukturointi
- Taulukot ja niiden operaatiot
- Operaatioiden ohjelmointi
- Poikkeustilanteiden käsittely
- DOM, tapahtumien käsittely
- Moduulit
- Asynkroninen ohjelmointi
- Työkalut

II. React (Luennot ja ryhmätyö)

- Perusteet
- JSX
- Komponentit
- Modularisointi
- Työkalut
- Tilan hallinta
- Koukut

III. Ryhmätyö: Yksinkertainen yhden sivun sovelluksen ohjelmointi React-kirjastoa hyödyntäen (ei taustajärjestelmän ohjelmointia)

7 henkilökohtaista JavaScript-harjoitustehtävää.
React-perustainen ryhmätyö

Arviointiasteikko

H-5

Arviointimenetelmät ja arvioinnin perusteet

7 henkilökohtaista harjoitustehtävää: 70 pistettä.
Ryhmätyö: 30 pistettä.

Harjoitustehtävät tulee palauttaa ilmoitettaviin määräaikoihin mennessä. Myöhästyneistä palautuksista hyvitetään vain puolet pisteistä.

Demotunneilla on oltava läsnä. Poissaolosta demotunnilla vähennetään 25 prosenttia silloin tarkastettavien harjoitustehtävien pisteistä.

Ryhmätyöhön osallistuminen ei ole pakollista. Hyvän arvosanan saavuttaminen edellyttää kuitenkin ryhmätyöhön osallistumista.

Arvosteluskaala (pistettä -> arvosana):

40 -> 1
55 -> 2
70 -> 3
80 -> 4
90 -> 5

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)

Tavoitteet

Opintojakson suoritettuaan opiskelija:
- osaa ohjelmoida JavaScripti-ohjelmointikielellä
- osaa hyödyntää React-sovelluskehystä
- osaa suunnitella moduuliperustaisia selainohjelmistoja
- tuntee selainohjelmoinnin erityispiirteet
- osaa hyödyntää tehokkaita ja nykyaikaisia ohjelmointityökaluja

Sisältö

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut

Pedagogiset toimintatavat ja kestävä kehitys

Harjoitusten ja opetusajan jakaantuminen:
• JavaScript 40 %
• React 40 %
• Muut 20 %
• Lisäksi omalla ajalla tehtävä React-perustainen ryhmätyö

Sisällön jaksotus

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut: ohjelmointiympäristö, selaimen kehitystyökalut, babel-kääntäjä, moduulipaketoija, create react app

Arviointiasteikko

H-5

Arviointikriteerit, tyydyttävä (1-2)

- tietää mihin JavaScriptiä ja React-kirjastoa voidaan selainohjelmoinnissa käyttää
- osaa ohjelmoida yksinkertaisia JavaScript-skriptejä ja kykenee osallistumaan React-projekteihin
- tuntee keskeisiä selainohjelmoinnissa käytettäviä työkaluja
- tuntee selainohjelmointiympäristön erityispiirteitä

Arviointikriteerit, hyvä (3-4)

- osaa ohjelmoida JavaScript-pohjaisia sovelluksia ja hyödyntää React-kirjastoa
- osaa toteuttaa moduuliperustaisia selainohjelmistoja
- osaa käyttää selainohjelmoinnin työkaluja
- tuntee keskeiset selainohjelmoinnin piirteet

Arviointikriteerit, kiitettävä (5)

- osaa soveltaa JavaScriptiä ja React-kirjastoa monipuolisesti uusien selainsovellusten tuotannossa
- osaa suunnitella ja toteuttaa moduuliperustaisia selainohjelmistoja
- osaa soveltaa ohjelmointityökaluja tehokkaasti ja etsiä tarvittaessa uusia
- tuntee keskeiset selainohjelmoinnin piirteet

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)

Tavoitteet

Opintojakson suoritettuaan opiskelija:
- osaa ohjelmoida JavaScripti-ohjelmointikielellä
- osaa hyödyntää React-sovelluskehystä
- osaa suunnitella moduuliperustaisia selainohjelmistoja
- tuntee selainohjelmoinnin erityispiirteet
- osaa hyödyntää tehokkaita ja nykyaikaisia ohjelmointityökaluja

Sisältö

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut

Oppimateriaalit

The course books
*
Eloquent JavaScript
Marijn Haverbeke
No Starch Press; 3 edition (December 4, 2018)
Available on the Net: http://eloquentjavascript.net
*
Learning React : Modern Patterns for Developing React Apps
2nd edition
Alex Banks and Eve Porcello
Available in ProQuest EBook Central
*
Only selected chapters will be read from the books.
*
In the React-based teamwork some tutorial project will be utilized as an example or as a starting point.

Sisällön jaksotus

Contents

I. JavaScript (Lectures and personal exercises)

- Basics
- Strings
- Objects, destructuring
- Arrays, array operations
- Programming functions
- Error handling
- DOM, event handling
- Modules
- Asynchronous programming
- Tools

II. React (Lectures and a teamwork)

- Basics
- JSX
- Components
- Modularization
- Tools
- Managing state
- Hooks

III. Teamwork: A simple single page web application with React (without backend)

7 personal JavaScript exercises.
React-based Teamwork.

Arviointiasteikko

H-5

Arviointimenetelmät ja arvioinnin perusteet

7 personal assignments: 70 points
The group project work: 30 points.

The assignments must be returned by the deadline to get the points.The assignments returned after the deadline will give you only half of the points.

Please note that it is not compulsory to participate in the teamwork. However, then the best grades are not reachable.

The grading scale (points b -> grade):

40 points -> 1
55 points -> 2
70 points -> 3
80 points -> 4
90 points -> 5

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)

Tavoitteet

Opintojakson suoritettuaan opiskelija:
- osaa ohjelmoida JavaScripti-ohjelmointikielellä
- osaa hyödyntää React-sovelluskehystä
- osaa suunnitella moduuliperustaisia selainohjelmistoja
- tuntee selainohjelmoinnin erityispiirteet
- osaa hyödyntää tehokkaita ja nykyaikaisia ohjelmointityökaluja

Sisältö

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut

Pedagogiset toimintatavat ja kestävä kehitys

Harjoitusten ja opetusajan jakaantuminen:
• JavaScript 40 %
• React 40 %
• Muut 20 %
• Lisäksi omalla ajalla tehtävä React-perustainen ryhmätyö

Sisällön jaksotus

- JavaScript-kielen perusteet
- JavaScript-kielen modernit ominaisuudet
- React-kirjaston perusteet
- selainohjelmistojen suunnittelu ja modularisointi
- selainohjelmoinnin erityispiirteet
- kehitystyökalut: ohjelmointiympäristö, selaimen kehitystyökalut, babel-kääntäjä, moduulipaketoija, create react app

Arviointiasteikko

H-5

Arviointikriteerit, tyydyttävä (1-2)

- tietää mihin JavaScriptiä ja React-kirjastoa voidaan selainohjelmoinnissa käyttää
- osaa ohjelmoida yksinkertaisia JavaScript-skriptejä ja kykenee osallistumaan React-projekteihin
- tuntee keskeisiä selainohjelmoinnissa käytettäviä työkaluja
- tuntee selainohjelmointiympäristön erityispiirteitä

Arviointikriteerit, hyvä (3-4)

- osaa ohjelmoida JavaScript-pohjaisia sovelluksia ja hyödyntää React-kirjastoa
- osaa toteuttaa moduuliperustaisia selainohjelmistoja
- osaa käyttää selainohjelmoinnin työkaluja
- tuntee keskeiset selainohjelmoinnin piirteet

Arviointikriteerit, kiitettävä (5)

- osaa soveltaa JavaScriptiä ja React-kirjastoa monipuolisesti uusien selainsovellusten tuotannossa
- osaa suunnitella ja toteuttaa moduuliperustaisia selainohjelmistoja
- osaa soveltaa ohjelmointityökaluja tehokkaasti ja etsiä tarvittaessa uusia
- tuntee keskeiset selainohjelmoinnin piirteet

Esitietovaatimukset

WWW-perusteet (HTML5, CSS)