Front-End Development (5 cr)

Evaluation scale

H-5

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.

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.

Evaluation 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

Qualifications

WWW-perusteet (HTML5, CSS)