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 5 Ideas

  • Public
By Andrew Jackson in the group COMP 266 October 28, 2022 - 1:34pm

Unit 5 Ideas


Header Loading

            This will be a way of loading the header and the footer into every page without having to duplicate the code within every html page. To achieve this we just need an element in every page with a header and footer id. Then use JavaScript to find the element and add the html code into it.


Navigation Bar

            All personas of the website wish for it to be easy to navigate. For this reason, I want to add a navbar which will be fixed on the page and can always be accessed no matter how far down you scroll. It also removes clutter from the page so everything on it is easier to find.


Fabrics Load in with Loop

            Due to the constant changing of the fabrics, an important feature of the website is to easily be able to swap out what is being displayed. The best way to do this instead of always having to update all the html code is to just store a list of every item to be displayed. It can then iterate over the list appending each item into the html. This way if any item is to be added or removed it only has to be added or removed from the list and the function will handle all of rest.


Full Validation of New Vendor

            In the last unit I added a validation to the email and phone number fields in the new vendor form. For the form to perform its function in further units it must validate all required field to ensure that they are not empty. As well at store the information from each field being inputted. A regular expression will be used on the email to ensure it is in proper format.