Skip to main content
Link list

Study Guide

Choose language
In Finnish In English

Creative Coding for BeginnersLaajuus (2 cr)

Code: DT10081

Credits

2 op

Teaching language

  • English

Responsible person

  • Radu Mariescu-Istodor

Objective

We learn to code creative web applications using HTML, CSS and JavaScript. We create procedural drawings, animations, add sounds and interaction to the page.

Content

Web development fundamentals
* basic HTML and CSS
* shapes, colors and sound
* animations
* interaction (keyboard and mouse)

Programming fundamentals (JavaScript)
* variables
* conditionals
* loops
* functions

Open in new tab
Enrollment

01.08.2023 - 01.09.2023

Timing

15.09.2023 - 01.12.2023

Number of ECTS credits allocated

2 op

Virtual portion

2 op

Mode of delivery

Distance learning

Unit

Open UAS

Campus

Wärtsilä Campus Karjalankatu 3

Teaching languages
  • English
Degree programmes
  • Degree Programme in Business Information Technology
  • Open University of Applied Sciences Studies
Teachers
  • Radu Mariescu-Istodor
Teacher in charge

Radu Mariescu-Istodor

Scheduling groups
  • Avoimen opiskelijat (Size: 30. Open UAS: 30.)
  • Tutkinto-opiskelijat (Size: 20. Open UAS: 0.)
Groups
  • TOP23_24
    Other Complimentary Studies Group Semester 2023-2024
  • KAKS23
    Karelia, Open UAS, All, Fall, 2023
Small groups
  • Pienryhmä (schedulingGroup) 1
  • Pienryhmä (schedulingGroup) 2

Objective

We learn to code creative web applications using HTML, CSS and JavaScript. We create procedural drawings, animations, add sounds and interaction to the page.

Content

Web development fundamentals
* basic HTML and CSS
* shapes, colors and sound
* animations
* interaction (keyboard and mouse)

Programming fundamentals (JavaScript)
* variables
* conditionals
* loops
* functions

Location and time

Course is open from 15.9.2023-1.12.2023 on Discord
Project deadline is 15.11.2023.
Grading will follow soon afterwards.

Materials

Material is available on YouTube:
https://www.youtube.com/playlist?list=PLB0Tybl0UNfb6BvBPePaiCNOFpzxeE86R

Teaching methods

Video lessons and personal feedback on project work.

Further information

To pass, you must create a project similar to the one demonstrated in the videos. You can code anything you want, as long as it uses 70% of the topics covered by the course material. Here's an example project, divided into parts:
1. Implement a function to draw a leafy tree
2. Customize the function to accept parameters for the size of the tree and the color of the leaves.
3. Use loops and previously created functions to generate a forest.
4. Create a function to draw a pine tree
5. Mix in one pine tree with the others in the forest.
6. Add mouse event listeners to detect when someone clicks on the pine tree.
7. Transform the application into a game where the goal is to find and click on the pine tree as fast as possible. After doing so, it advances to the next level (bigger forest, pine tree harder to find).

Evaluation scale

H-5

Assessment methods and criteria

A student must complete a project to pass the course.
The project must use a minimum of 50% of the topics covered by the course material.
50% = Grade 1
60% = Grade 2
70% = Grade 3
80% = Grade 4
90% = Grade 5

Assessment criteria, satisfactory (1-2)

Student is able to build a simple working project.

Assessment criteria, good (3-4)

Student is able to build a working project using many of the techniques presented in the video lessons.

Assessment criteria, excellent (5)

Student is able to build a project using (nearly) all the techniques presented in the learning material.

Open in new tab
Enrollment

11.04.2023 - 21.05.2023

Timing

01.06.2023 - 15.08.2023

Number of ECTS credits allocated

2 op

Virtual portion

2 op

Mode of delivery

Distance learning

Unit

Open UAS

Campus

Wärtsilä Campus Karjalankatu 3

Teaching languages
  • English
Seats

10 - 50

Degree programmes
  • Open University of Applied Sciences Studies
  • Degree Programme in Business Information Technology
Teachers
  • Radu Mariescu-Istodor
Teacher in charge

Radu Mariescu-Istodor

Scheduling groups
  • Avoimen opiskelijat (Size: 30. Open UAS: 30.)
  • Tutkinto-opiskelijat (Size: 20. Open UAS: 0.)
Groups
  • KAKK23KE
    Karelia, Open UAS, All, Summer, 2023
  • TOP22_23
    Other Complimentary Studies Group Semester 2022-2023
Small groups
  • Open UAS students
  • Degree students

Objective

We learn to code creative web applications using HTML, CSS and JavaScript. We create procedural drawings, animations, add sounds and interaction to the page.

Content

Web development fundamentals
* basic HTML and CSS
* shapes, colors and sound
* animations
* interaction (keyboard and mouse)

Programming fundamentals (JavaScript)
* variables
* conditionals
* loops
* functions

Location and time

Course is open from 1.6.2023-15.8.2023 on Discord
Project deadline is 1.8.2023.
Grading will follow soon afterwards.

Materials

Material is available on YouTube:
https://www.youtube.com/playlist?list=PLB0Tybl0UNfb6BvBPePaiCNOFpzxeE86R

Teaching methods

Video lessons and personal feedback on project work.

Employer connections

Course completion
To pass, you must create a project similar to the one demonstrated in the videos. You can code anything you want, as long as it uses 70% of the topics covered by the course material. Here's an example project, divided into parts:
1. Implement a function to draw a leafy tree
2. Customize the function to accept parameters for the size of the tree and the color of the leaves.
3. Use loops and previously created functions to generate a forest.
4. Create a function to draw a pine tree
5. Mix in one pine tree with the others in the forest.
6. Add mouse event listeners to detect when someone clicks on the pine tree.
7. Transform the application into a game where the goal is to find and click on the pine tree as fast as possible. After doing so, it advances to the next level (bigger forest, pine tree harder to find).

Evaluation scale

H-5

Assessment methods and criteria

A student must complete a project to pass the course.
The project must use a minimum of 50% of the topics covered by the course material.
50% = Grade 1
60% = Grade 2
70% = Grade 3
80% = Grade 4
90% = Grade 5

Assessment criteria, satisfactory (1-2)

Student is able to build a simple working project.

Assessment criteria, good (3-4)

Student is able to build a working project using many of the techniques presented in the video lessons.

Assessment criteria, excellent (5)

Student is able to build a project using (nearly) all the techniques presented in the learning material.