Skip to main content

Front-End Development (5 cr)

Code: TE00BR85-3002

General information


Enrollment

02.12.2021 - 17.01.2022

Timing

01.01.2022 - 30.04.2022

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Teaching languages

  • Finnish

Seats

0 - 80

Degree programmes

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

Teachers

  • Matti Kuikka
  • Golnaz Sahebi
  • Balsam Abdulghani
  • Tuomo Helo

Teacher in charge

Balsam Abdulghani

Groups

  • PTIVIS20O
    Software engineering and Project Management
  • PTIETS20sepm
    PTIETS20 Software engineering and Project Management

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
*
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.

Exam schedules

No test.

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