jQuery <ul><li>by Jarques Pretorius </li></ul>
What is jQuery? <ul><li>jQuery is a fast, concise, JavaScript Library. </li></ul>
Advantages <ul><li>Only 15kb in size </li></ul><ul><li>Pre-written, spend more time on design rather than code </li></ul><...
What does it look like? <ul><li>Show me how to fade something in. </li></ul>function fadein(){ $(“#fademe”).fadeIn(“slow”)...
Breaking it down <ul><li>Selectors: </li></ul>$(“#main”) $(“.progress”) <ul><li>Actions: </li></ul>.load(“mytext.html”) .c...
How do I use it? <ul><li>Download latest jQuery </li></ul><ul><li>Link in your page </li></ul><script src=”jquery.js” type...
How do I learn it? <ul><li>Study the documentation </li></ul><ul><li>Experiment </li></ul><ul><li>Have fun </li></ul>
Resources, places to go.. <ul><li>docs.jquery.com </li></ul><ul><li>“Learning jQuery” book </li></ul>
Demos
Upcoming SlideShare
Loading in...5
×

jQuery Talk by Jarques

1,021

Published on

Quick 15 minute talk about jQuery and how to use it for SWAP club at AICSF.

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,021
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "jQuery Talk by Jarques"

  1. 1. jQuery <ul><li>by Jarques Pretorius </li></ul>
  2. 2. What is jQuery? <ul><li>jQuery is a fast, concise, JavaScript Library. </li></ul>
  3. 3. Advantages <ul><li>Only 15kb in size </li></ul><ul><li>Pre-written, spend more time on design rather than code </li></ul><ul><li>It’s free! </li></ul>
  4. 4. What does it look like? <ul><li>Show me how to fade something in. </li></ul>function fadein(){ $(“#fademe”).fadeIn(“slow”); }
  5. 5. Breaking it down <ul><li>Selectors: </li></ul>$(“#main”) $(“.progress”) <ul><li>Actions: </li></ul>.load(“mytext.html”) .css(“border”,”3px solid red”)
  6. 6. How do I use it? <ul><li>Download latest jQuery </li></ul><ul><li>Link in your page </li></ul><script src=”jquery.js” type=”text/javascript></script>
  7. 7. How do I learn it? <ul><li>Study the documentation </li></ul><ul><li>Experiment </li></ul><ul><li>Have fun </li></ul>
  8. 8. Resources, places to go.. <ul><li>docs.jquery.com </li></ul><ul><li>“Learning jQuery” book </li></ul>
  9. 9. Demos

×