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

Unit 4 - Script Use and Augmentation

  • Public
By Hassan Jasim in the group COMP 266 August 24, 2022 - 5:37pm

In this unit, I improved on the HTML of my site by adding some JavaScript code found on w3shools.com. I needed to transition the navbar on the landing page to a smaller more compact version as the user scrolls. Doing this adds a little bit of life to the website as all the personas navigate the website. This creates the illusion of a dynamic page with some user interactivity. I also added some logic to change the background color of some elements as I hover over their parent div. This is also important as it allows all 3 personas to be able to identify what they are looking at and where their cursor is. I have worked breifly with JavaScript before this project, so it didn’t take much research for me to get a refresher on needs to be done. I was very refreshing to see a course that encourages its students to leverage publicly available code and modify it and site it properly. From my previous professional work experience, we rarely write unique never-before seen code, but rather build off of what is already there and add code snippets that preform the task we want found online. I believe this task more closely prepares us to the professional environment that most of us are going into.

 

Code that was used as a starting point to build my functions can be found here: https://www.w3schools.com/js/js_htmldom_css.asp

 

Website code can be found here:https://landing.athabascau.ca/file/view/14787944/unit-4-script-use-and-augmentation

Comments

These comments are moderated. Your comment will not be visible unless accepted by the content owner.

Only simple HTML formatting is allowed and any hyperlinks will be stripped away. If you need to include a URL then please simply type it so that users can copy and paste it if needed.

(Required)

(Required)