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

 Link to my website: http://student.athabascau.ca/~charlesph4/  (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: https://www.w3schools.com/jquery/jquery_get_started.asp
  • “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.

• As mentioned in previous unit “Reflections”, keeping it as simple and as effective as possible; most likely helps the performance and alleviation of maintenance issues.
• Recommended website for some jQuery tips:
• https://tutorialzine.com/2011/06/15-powerful-jquery-tips-and-tricks-for-developers
• https://www.htmlgoodies.com/beyond/javascript/top-10-jquery-tips-and-tricks.html

// ]]>