APPLICATION DESIGN II - Exercises

on
25/09/2024 - Ending Date (Week 1 - Ending Week)
Lee Wing Kie / 0364251
Application Design II / Bachelor of Design (Hons) in Creative Media
Exercises


INSTRUCTION


Week 2 - HTML/CSS Revisiting Exercise

In week 2, Mr. Shamsul assigned us to follow the file provided in Figma and code an application during the class.


Fig 1.1 HTML code in Dreamweaver

Fig 1.2 CSS code in Dreamweaver

Fig 1.3 Final Outcome progress open with Google Chrome

Week 3 - Introduction to DOM

This week, we learned the basics of JavaScript. In the tutorial session, Mr. Shamsul taught us how to build a "To-Do List" webpage that allows users to create tasks, mark them as done and delete them. The functionality relies on JavaScript to manage these actions by modifying the HTML and CSS.

Fig 2.1 "To do list" webpage

Fig 2.2 HTML, CSS & Javascript code

Fig 2.3 Javascript code

Week 6 - GSAP Animation Tutorial

This week, we learned to create animations using GSAP.

Fig 2.1 Javascript code - pg1

Fig 2.2 Javascript code - pg2

Fig 2.3 Final Progress







Comments

Post a Comment