Siirry suoraan sisältöön

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

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
  • PTIETS22sepm
    PTIETS22 Ohjelmistotekniikka ja projektihallinta
  • PTIVIS22O
    Software 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
  • PTIVIS21O
    Software Engineering and Project Management
  • PTIETS21sepm
    PTIETS21 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
  • PTIVIS20O
    Software engineering and Project Management
  • PTIETS20sepm
    PTIETS20 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