Skip to main content

Front-End DevelopmentLaajuus (5 cr)

Code: TT00CE05

Credits

5 op

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

Enrollment

28.09.2023 - 14.01.2024

Timing

01.01.2024 - 31.07.2024

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Teaching languages
  • Finnish
Teachers
  • Päivi Oliva
  • Jaakko Lamminpää

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

Evaluation scale

H-5

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

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

Enrollment

28.04.2023 - 14.08.2023

Timing

01.08.2023 - 31.12.2023

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Teaching languages
  • Finnish
Teachers
  • Jaakko Lamminpää
  • Päivi Oliva

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

Evaluation scale

H-5

Enrollment

20.07.2022 - 22.09.2022

Timing

29.08.2022 - 16.12.2022

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Engineering and Business

Campus

Kupittaa Campus

Teaching languages
  • Finnish
  • English
Seats

25 - 40

Degree programmes
  • Degree Programme in Business Information Technology
Teachers
  • Golnaz Sahebi
  • Tuomo Helo
Groups
  • PTIETS21swis
    PTIETS21 Software Development and Information Systems

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

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 from the books.
*
In the React-based teamwork some tutorial project will be utilized as an example or as a starting point.

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.

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

Enrollment

26.11.2021 - 15.01.2022

Timing

05.01.2022 - 31.05.2022

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Teaching languages
  • Finnish
Seats

0 - 25

Teachers
  • Matti Kuikka

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

Evaluation scale

H-5