Skip to content

Homework 01

Deadline 2022-02-13 23:59:59

Leg 1

Write really simple calculator using Bootstrap (or any other css lib) based disain and simple js functionality.

Use only js functionality learned in class.

Provide basic functions - +, -, *, /, C

Upload report of your calculator project into moodle HW1.

Report has to be pdf with:
- title page with your name and student code - screenshots - code

Leg 2

Deadline 2022-02-20 23:59:59

Write your calculator using an object oriented approach. Separate code between business logic and ui.

Please implement classical calculator UI - lake you have in your mobile phone.

Nice to have - calculator is done in responsive design. Fits full-screen both on desktop and on mobile.

Report has to be pdf with:
- title page with your name and student code - screenshots - code

Nice example UI done by Ralf Välja (bootstrap)

Types

Leg 3

Deadline 2022-03-09 23:59:59

Re-write your calculator using modules/exports/imports.
UI has to be generated fully in JS.
Only allowed element inside <body> tag is bootstrap import and single custom js import.
Support multiple calculators on page in parallel (every calculator is separate from each other).
Implement UI for dynamic adding and removal.

Report has to be pdf with:
- title page with your name and student code - screenshots - code

Leg 4

Deadline 2022-03-20 23:59:59

Re-write your calculator from leg 3 using webpack, babel and typescript.
Type any is not allowed. Casting is not allowed - use type guards.

Do not forget to create new report and upload it to moodle!

Report has to be pdf with:
- title page with your name and student code - screenshots - code