Interactive Design - Final Compilation and Reflection

29/08/2023 - 10/12/2023 / Week 1 - Week 16
Joey Lok Wai San / 0350857
Interactive Design / Bachelor of Design (Hons) in Creative Media 
Final Compilation & Reflection



LINKS TO BLOG POSTS


EXERCISES

Exercise 1: Website Analysis
Click here for the Google Slides Link!


Fig. 1.1 Final Website Analysis

Exercise 2: Web Replication

Fig. 1.2 Final Website Replication

Exercise 3: Creating a Recipe Card
Click here for a Recipe Card: Shrimp Alfredo!

Fig. 1.3 Final Recipe Card

Fig. 1.4 HTML Code for Final Recipe Card

Fig. 1.5 CSS Code for Final Recipe Card



PROJECT 1: Prototype Design

Fig. 2.1 Final Prototype Design





PROJECT 2Working Web Page


Fig. 3.1 Final Webpage


           Fig. 3.2 HTML Code for Final Webpage


           Fig. 3.3 CSS Code for Final Webpage



FINAL PROJECTSingle Page


Fig. 4.1 Final Webpage

Fig. 4.2 HTML Code for Final Webpage

Fig. 4.3 CSS Code for Final Webpage


Fig. 9.4 JavaScript Code for Final Webpage

Click here for the Figma link!



REFLECTION

Throughout this module, learning about HTML, CSS and some Javascript coding has been an enjoyable yet demanding experience. There's so much you can do with just lines of code, but it requires much understanding, patience and attention to detail. Errors will always inevitably occur, requiring not just coding skills but also lots of critical thinking to troubleshoot the problem. To me, coding is like maths - I like it but when I hit a problem along the way it gets really challenging to find the solution.

I think there is still lots more for me to learn about this subject. I'm not the best at it but I hope I can improve in the future. While we can learn a lot from the lectures and tutorials, I believe that other resources such as online tutorials and tools like Bootstrap will play a pivotal role in enriching my understanding and skills in coding.

Comments