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 Code and Learning Diary

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

Code: 

https://landing.athabascau.ca/file/owner/andrewja25#15641990

 

Learning Diary:

In this unit, I started on coding JavaScript functions without the use of any online code, or libraries. This is a little different than what I am used to as most of the code in which I write utilizes some libraries or frameworks. I started off by writing the pseudo-code for all my functions I intended to create so that I would have a good understanding of what to implement next as I developed the code. One of the challenges I ran into was around the form validation and storing the information. I wanted to use a textarea field instead of a simple input for the services field in the form, as I wanted to allow for vendors to write all of the services that they provide and not be limited to a small input field. Unfortunately, that means the textarea was not actually part of the form being submitted, so when I got the information from the form it was missing. But I was able to work around this by getting the field by its element then individually reading the value of its field when the submit event is triggered. Many of the other changes I did in this unit such as the loading the header and looping through the fabrics to render them where to improve the maintainability of the code and allow for easy changes should they need to be made in the future.