Skip to main content

Front-End Development (5 cr)

Code: TE00BR85-3004

General information


Enrollment

29.11.2023 - 18.01.2024

Timing

08.01.2024 - 30.04.2024

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Campus

Kupittaa Campus

Teaching languages

  • English

Seats

30 - 70

Degree programmes

  • Degree Programme in Information and Communication Technology
  • Degree Programme in Business Information Technology
  • Degree Programme in Information and Communications Technology

Teachers

  • Tuomo Helo

Teacher in charge

Tuomo Helo

Groups

  • PTIETS22sepm
    PTIETS22 Software Engineering and Project Management
  • PTIVIS22O
    Software Engineering and Project Management
  • 17.01.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 19.01.2024 11:00 - 13:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 26.01.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 26.01.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 02.02.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 02.02.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 09.02.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 09.02.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 16.02.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 16.02.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 01.03.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 01.03.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 08.03.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 08.03.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 15.03.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 15.03.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 22.03.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 22.03.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 27.03.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 27.03.2024 14:00 - 16:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 02.04.2024 15:00 - 17:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 05.04.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 05.04.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 05.04.2024 14:00 - 16:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 12.04.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 12.04.2024 12:00 - 14:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 26.04.2024 10:00 - 12:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004
  • 26.04.2024 12:00 - 15:00, Teoria ja käytäntö, Front-End Development TE00BR85-3004

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

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.

Content scheduling

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.

Evaluation scale

H-5

Assessment methods and criteria

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