Creative Coding for Beginners (2 cr)
Code: DT10081-3001
General information
- Enrollment
- 11.04.2023 - 21.05.2023
- Registration for the implementation has ended.
- Timing
- 01.06.2023 - 15.08.2023
- Implementation has ended.
- Number of ECTS credits allocated
- 2 cr
- Local portion
- 0 cr
- Virtual portion
- 2 cr
- Mode of delivery
- Distance learning
- Unit
- Open UAS
- Campus
- Wärtsilä Campus Karjalankatu 3
- Teaching languages
- English
- Seats
- 10 - 50
- 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.)
- Small groups
- Open UAS students
- Degree students
- Course
- DT10081
Evaluation scale
H-5
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.
Accomplishment methods
Self-study video material.
Agree on project with teacher and implement the project to pass the course.
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).