Skip to main content

Front-End Development (5 cr)

Code: TE00BR85-3003

General information


Enrollment

02.12.2022 - 17.01.2023

Timing

09.01.2023 - 30.04.2023

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Campus

Kupittaa Campus

Teaching languages

  • Finnish
  • English

Seats

40 - 65

Degree programmes

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

Teachers

  • Golnaz Sahebi
  • Tuomo Helo

Groups

  • PTIVIS21O
    Software Engineering and Project Management
  • PTIETS21sepm
    PTIETS21 Software engineering and Project Management
  • 03.04.2023 08:00 - 10:00, Theory and Practice, Front-End Development TE00BR85-3003
  • 04.04.2023 08:00 - 10:00, Theory and Practice, Front-End Development TE00BR85-3003
  • 04.04.2023 13:00 - 15:00, Theory and Practise, Front-End Development TE00BR85-3003
  • 11.04.2023 13:00 - 15:00, Theory and Practise, Front-End Development TE00BR85-3003
  • 25.04.2023 13:00 - 15:30, Teamwork Presentation Event (Golnaz's Group) - Front-End Development TE00BR85-3003

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.

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