How do you use jquery in designing a webpage?

How do you use jquery in designing a webpage?

There are many tutorials for jquery around the web, few real good ones which are easily understandable with good examples could be

https://www.w3schools.com/jquery/

https://learn.jquery.com/

http://www.tutorialspoint.com/jquery/

https://www.codecademy.com/catalog/subject/all



Debugging in jquery like a pro article is useful, find it in below link

http://milan.adamovsky.com/



Regarding the best practices,

1. #id should be the start and move forward with that.

2. Tags usage before all classes is a point to be considered.

3. Memory issues, first initialize required memory and move forward with DOM because creation of memory directly in DOM is not considered a wise programming.

4. Performance issues to be monitored for which we can use subqueries in jquery because jquery allows more selector operations inside a set.

5. Referencing functionalities can be used in jquery for avoiding duplication of codes, because anyways the same results is what we are going to utilize so through global referencing the duplication codes can be omitted.

6. CPU utilization can be handled by binding jquery functionalities with proper events. so should be choosy in acheiving this.



You can also go through

https://www.smashingmagazine.com/2008/09/jquery-examples-and-best-practices/

2 pdf doc attachment available with the solution for functionality basics understanding.



Pitfalls in jquery that a developer has to take note of to avoid unnecessary issues are related to following headers

1. Selectors declaration, there are things to be noted in selectors like unscoped selectors, repetation with selectors.

2. Shortcuts created, but unutilised, should avoid this.

3. DOM, the main part, developer should be familiar with this otherwise it is sure a pitfall in jquery developement.