Landing : Athabascau University

Comp 266 Unit 6 - JQuery Reflections

  • Public
By Charlie December 5, 2017 - 5:39pm

Learning Diary (Reflections)

  What I had done for Unit 6 – jQuery Program

 1.)  I read and practiced some of the jQuery tutorials mainly through W3Schools and other high ranking sources.

2.)   Submitted my design idea through the Landing for where I want to apply jQuery.

3.)   Applied my JS program to the Contact page for my web site. Compiled findings, conclusions, and recommendations. Performed the self-test.


  My Website in HTML + CSS + jQuery Program


       Unit 6 - JQuery

 Link to my website:  (you might have to copy link out into browser to view)

I was really looking forward to getting into jQuery, because I know how much it makes life easier for JavaScript programmers.

Some of my challenges: 

  • Finding the best solution to prevent a user from submitting a form with incomplete boxes.  The solution was to implement ‘disabled’ with Boolean (true & false) to the ‘Submit’ input button.   The ‘Submit’ input button isn’t enabled until all entries are properly entered.
  • Trying to memorize all possible syntax combinations of selectors with methods.  I read and practiced mainly through W3schools, however, this learning curve will be quickly accomplished after I apply jQuery to a couple more web design applications. 

Findings - “Problem” task in jQuery Programming 

  • Obviously simplifies traditional JS programming.
  • Found that it’s better to place links of  libraries and CDNs in the, or just before the // <![CDATA[ functions etc.</li>
  • One big advantage of using the hosted jQuery from Google or Microsoft:
  • “Many users already have downloaded jQuery from Google or Microsoft when visiting another site. As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also, most CDN's will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.” Ref:
    • “jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s).” 

My recommendations - “Problem” task in integrating JS:

  • Read through W3school’s amongst other reliable sources, and practice in the “sandbox”…
  • As mentioned in the previous unit(s), go through the best tutorials step by step, and if you get stuck on something, then try and find another source (reliable and highly ranked tutorial) to help you through the steps.



// ]]>


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.