Front-End DevelopmentLaajuus (5 op)
Tunnus: TE00BR85
Laajuus
5 op
Osaamistavoitteet
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
Sisältö
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
Ilmoittautumisaika
01.12.2024 - 13.01.2025
Ajoitus
13.01.2025 - 30.04.2025
Opintopistemäärä
5 op
Toteutustapa
Lähiopetus
Yksikkö
Tekniikka ja liiketoiminta
Toimipiste
Kupittaan kampus
Opetuskielet
- Suomi
- Englanti
Paikat
15 - 70
Koulutus
- Tieto- ja viestintätekniikan koulutus
- Tietojenkäsittelyn koulutus
- Degree Programme in Information and Communications Technology
Opettaja
- Tuomo Helo
Ryhmät
-
PTIVIS23OSoftware Engineering and Project Management
-
ICTMODictprojSemMOD ICT Projects & Cybersecurity (International Semester)
-
PTIETS23sepmSoftware Engineering and Project Management
Tavoitteet
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
Sisältö
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
Oppimateriaalit
Kurssimateriaali (Kirjoista vain valitut osat)
*
Eloquent JavaScript
Marijn Haverbeke
No Starch Press; 4 edition (Nov 5, 2024)
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
Ilmoittautumisaika
29.11.2023 - 18.01.2024
Ajoitus
08.01.2024 - 30.04.2024
Opintopistemäärä
5 op
Toteutustapa
Lähiopetus
Yksikkö
Tekniikka ja liiketoiminta
Toimipiste
Kupittaan kampus
Opetuskielet
- Englanti
Paikat
30 - 70
Koulutus
- Tieto- ja viestintätekniikan koulutus
- Tietojenkäsittelyn koulutus
- Degree Programme in Information and Communications Technology
Opettaja
- Tuomo Helo
Vastuuopettaja
Tuomo Helo
Ryhmät
-
PTIETS22sepmPTIETS22 Ohjelmistotekniikka ja projektihallinta
-
PTIVIS22OSoftware Engineering and Project Management
Tavoitteet
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
Sisältö
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
Oppimateriaalit
The course books (Selected parts)
*
Eloquent JavaScript
Marijn Haverbeke
No Starch Press; 3 edition (December 4, 2018)
Available on the Net: http://eloquentjavascript.net
*
Professional JavaScript for Web Developers
5th Edition
Matt Frisbie
Published by Wrox
Available in ProQuest EBook Central
*
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.
Opiskelijan ajankäyttö ja kuormitus
Kontaktiluentoja 30 h
Harjoitustehtäviä 40 h
Harjoitustyö 40 h
Kirjallisuuden lukemista 15 h
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.
The student must get at least 30 points from the assignments and 10 points from the group work to pass the course.
The grading scale (points b -> grade):
40 points -> 1
55 points -> 2
70 points -> 3
80 points -> 4
90 points -> 5
Ilmoittautumisaika
02.12.2022 - 17.01.2023
Ajoitus
09.01.2023 - 30.04.2023
Opintopistemäärä
5 op
Toteutustapa
Lähiopetus
Yksikkö
Tekniikka ja liiketoiminta
Toimipiste
Kupittaan kampus
Opetuskielet
- Suomi
- Englanti
Paikat
40 - 65
Koulutus
- Tieto- ja viestintätekniikan koulutus
- Degree Programme in Information and Communications Technology
Opettaja
- Golnaz Sahebi
- Tuomo Helo
Ryhmät
-
PTIVIS21OSoftware Engineering and Project Management
-
PTIETS21sepmPTIETS21 Ohjelmistotekniikka ja Projektihallinta
Tavoitteet
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
Sisältö
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
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.
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.
The student must get at least 30 points from the assignments and 10 points from the group work to pass the course.
The grading scale (points b -> grade):
40 points -> 1
55 points -> 2
70 points -> 3
80 points -> 4
90 points -> 5
Ilmoittautumisaika
02.12.2021 - 17.01.2022
Ajoitus
01.01.2022 - 30.04.2022
Opintopistemäärä
5 op
Toteutustapa
Lähiopetus
Yksikkö
Tekniikka ja liiketoiminta
Opetuskielet
- Suomi
Paikat
0 - 80
Koulutus
- Tieto- ja viestintätekniikan koulutus
- Degree Programme in Information and Communications Technology
Opettaja
- Matti Kuikka
- Golnaz Sahebi
- Balsam Abdulghani
- Tuomo Helo
Vastuuopettaja
Balsam Abdulghani
Ryhmät
-
PTIVIS20OSoftware engineering and Project Management
-
PTIETS20sepmPTIETS20 Ohjelmistotekniikka ja Projektinhallinta
Tavoitteet
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
Sisältö
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
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.
Tenttien ajankohdat ja uusintamahdollisuudet
No test.
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.
The student must get at least 30 points from the assignments and 10 points from the group work to pass the course.
The grading scale (points b -> grade):
40 points -> 1
55 points -> 2
70 points -> 3
80 points -> 4
90 points -> 5