Opinto-opas

Osaamistavoitteet

The student is able to
- design and implement web-user interfaces for different screen sizes
- know the DOM tree structure and HTML DOM events
- modify a DOM tree during runtime
- use the HTML language to implement an interactive responsive web-based service user interface
- know the operational principles of AJAX technology
- use AJAX to implement Single Page web-applications
- know the differences in browsers
- design, implement and test a browser independent web-application
- use browser debugging facilities

Toteutustapa ja opetusmenetelmät

Opintojakson opetus tapahtuu Ohjelmistotekniikan laboratoriossa viikottain lukujärjestyksen mukaan. Jokaisella viikolla on oma teemansa ja siihen liityvät harjoitustehtävät. Tehtävät palautetaan reppuun ennen seuraavaa kertaa. Opetus koostuu tietoiskumaisista teoriaosuuksista, koodausharjoituksista, demoista ja pienryhmissä toteutettavista harjoituksista. Osa harjoituksista tehdään myös itsenäisesti.

Ajoitus ja läsnäolo

Kevätlukukausi 2020 lukujärjestyksen mukaan 4h per viikko. Läsnäolo on suositeltavaa, mutta ei pakollista. Läsnäolon voi korvata teemaan liittyvällä korvaavalla tehtävällä.

Oppimateriaali ja suositeltava kirjallisuus

Repussa jaettava materiaali, verkkolähteet soveltuvin osin (esim. w3schools, Tutorialspoint, aiheeseen liittyvät videot).You Don't know JS-kirjasarja esimerkiksi.
Joku Typescript kirja.

Toteutuksen valinnaiset suoritustavat

Osaamisen näyttö, kurssin osaamistavoitteiden täyttymisen todentaminen (esim. toteutetut sovellukset, raportit ja haastattelu).

Työelämäyhteistyö

Kurssilla saattaa olla vierailuluento jonkin paikallisen yrityksen toimesta.

Uusintamahdollisuudet

Mahdollinen tentti on kurssin lopussa. Tentin voi uusia uusintatenttipäivänä.

Oppimisympäristö

Ohjelmistotekniikan laboratorio ja Reppu ympäristö. Ryhmän koosta riippuen oman koneen käyttö voi olla tarpeellista. Opintojaksolla tarvittavia ohjelmistoja mm.
- chrome selain
- vs code (tai vastaava)
- nodejs ympäristö

Opiskelijan ajankäyttö ja kuormitus

Lähiopetusta noin 32h, opiskelijan itsenäistä työtä 64h.

Sisältö

Opintojakson aikana opiskelija perehtyy selaimen ohjelmointiin JavaScript-kielen avulla (ES5/ES6). Ohjelmat ajetaan ja testataan selain ympäristössä (Chrome tai vastaava (Development tools)) sekä osittain Node ympäristössä. Alussa perehdytään JavaScript kielen olio piirteisiin harjoitusten avulla. Samalla tutustutaan kehittämisessä käytettäviin työkaluihin. Tämän jälkeen sovelletaan osaamista selaimen DOM puuhun modifiointiin dynaamisesti JavaScript kielellä. Muokkaamista harjoitellaan myös jQuery-kirjaston avulla. Tietojen hakuun palvelimelta käytetään AJAX-tekniikkaa. Lopuksi jos aikaa jää, perehdytään Typescript-kieleen.

Lisätietoja opiskelijalle: mm. edeltävä osaaminen

Ohjelmoinnin perusteet, html-kielen ja css3 perusteet, www-teknologian perusteet.

Arviointimenetelmät

Arviointi perustuu seuraaviin osatekijöihin:
- aktiivisuus tunneilla
- tuntiharjoitukset
- pakolliset harjoitukset
- henkilökohtainen harjoitustyö
- mahdollinen koe kurssin lopussa

Arviointiasteikko

1-5

Hylätty (0)

Opiskelija ei ole saavuttanut opintojakson osaamistavoitteita.

Arviointikriteerit: taso 1: (arviointiasteikko 1-5)

Opiskelija osaa toteuttaa yksinkertaisia (=minimivaatimukset täyttävät) selaimessa toimivia sovelluksia minimivaatimuksilla ja jakaa ne verkon yli.

Arviointikriteerit: taso 3 (arviointiasteikko 1-5)

Opiskelija osaa toteuttaa selaimessa toimivia sovelluksia ja jakaa ne verkon yli. Sovelluksien lähdekoodi on selkeää, johdonmukaista ja luettavaa. Käyttöliittymät ovat selkeitä.

Arviointikriteerit: taso 5 (arviointiasteikko 1-5)

Opiskelija osaa toteuttaa selaimessa toimivia sovelluksia, joissa on toteutettu kaikki annetut vaatimukset, ja jakaa ne verkon yli. Sovelluksien lähdekoodi on selkeää, luettavaa ja ylläpidettävää. Käyttöliittymät ovat intuitiivisia, selkeitä ja johdonmukaisia.