Skip to main content

Front-End Development (5 cr)

Code: TT00CE05-3003

General information


Enrollment

01.06.2023 - 14.09.2023

Timing

04.09.2023 - 15.12.2023

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Campus

Kupittaa Campus

Teaching languages

  • Finnish

Seats

15 - 35

Teachers

  • Tuomo Helo

Groups

  • PTIETS22swis
    PTIETS22 Software Development and Information Systems
  • 04.09.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 11.09.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 18.09.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 25.09.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 02.10.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 09.10.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 23.10.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 30.10.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 06.11.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 13.11.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 13.11.2023 14:00 - 16:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 20.11.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 20.11.2023 12:00 - 14:00, Selainohjelmointi TT00CE05-3003
  • 04.12.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003
  • 11.12.2023 08:00 - 10:00, Theory and Practise, Selainohjelmointi TT00CE05-3003

Objective

After completing the course the student:
- can program JavaScript programming language
- can use the React application framework
- is able to design modular front-end software
- knows the special features of front-end development
- is able to use efficient and modern programming tools

Content

- Basics of JavaScript
- Modern features of JavaScript
- The basics of the React library
- Front-end software design and modularization
- Front-end development features
- Development tools

Materials

JavaScrpt part:

Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming
by Marijn Haverbeke | Dec 4, 2018

Exam schedules

No exam.

Content scheduling

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.

You must be present on the demonstration lessons. Otherwise there is a 25 percent reduction of the points over the exercises that are checked that time.

Please note that it is not compulsory to participate in the teamwork. However, then the best grades are not reachable.

The grading scale (points b -> grade):

40 points -> 1
55 points -> 2
70 points -> 3
80 points -> 4
90 points -> 5