Landing : Athabascau University

Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : MiscPodcasts for each unit

Updated resource pages:  Unit 1 - Unit 2  - Unit 3Units 4 & 5 - Unit 6 - Unit 7

mportant notice: the student web server is unavailable. Until this is fixed, we do not require you to upload your site to the student server. See Running a web server on your local machine for details of how to meet the requirements for the final unit

Unit 6 - JS Libraries Submission + Learning Diary

  • Public
By Hassan Jasim in the group COMP 266 August 25, 2022 - 4:43pm

In this unit, I developed 3 main features for the site. The first one allowed the user to increase and decrease the size of the text to improve readability. The second feature I developed added some dynamic movement to the Projects tab of the website. It spells out the text in the cards letter by letter. This adds to the liveliness of the page and prevents it from being static and boring. The last feature was adding a bubble graph using D3.js that has all the companies we have worked with, and their size is relative to the size of the account they have with us. Overall, this unit was pretty smooth, and the development was straight forward. Using D3.js was relatively new to me which was exciting. I have heard that it is the leading JS library for graphing so getting a chance to learn it and develop a feature using it was very rewarding. One thing I would change if I had to do this unit again was doing more research into D3.js and all the features it has to offer. I only spent a few hours on the research portion, but because the library is so big, I feel like I only scratched the surface with D3.js. I am still learning about new techniques and tools in D3.js and wish I knew all of them during the development phase.

 

Here you can find the zip of the code base: https://landing.athabascau.ca/file/view/14818041/unit-6-js-libraries-submission

Special thanks to https://bl.ocks.org/officeofjane/a70f4b44013d06b9c0a973f163d8ab7a as their code was used as insperation for the graphing portion