Landing : Athabascau University
  • Blogs
  • Charlie
  • Comp 266 Unit 6 - jQuery proposal review Assignment

Comp 266 Unit 6 - jQuery proposal review Assignment

  • Public
By Charlie November 30, 2017 - 7:46pm

Reflections

JQuery proposal review Assignment 

 

I reviewed and practised using JQuery in W3Schools, and came to the idea for what I would like to acheive. 

I intend to use JQuery to improve and enhance the 'Contact' page that I currently have for my JavaScript program developed in Unit 5.  This will enhance the experience for all personas.

Currently the validation has borders turn red after submit button is clicked and if boxes are not filled etc.  I wanted to make this more dynamic, where if users deletes text from a box, it will then turn red in real time (immediatley), and if user adds a value, then it turns green in real time (immediatley), rather than waiting for submit button to execute a validation error (e.g., red bordered box).

Furthermore, I want to add a function that enables a proper redirect once a user submits a successfully inputted form.  There might be a popup alert saying something like, "Thank you for submitting your question... We'll get back to you asap."

I decided to include my jQuery library from a CDN (Content Delivery Network).

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

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)