Your SlideShare is downloading. ×
The jQuery Library  Learn More @ http://www.learnnowonline.com     Copyright © by Application Developers Training Company
Objectives       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training Company
Objectives• Understand what the jQuery library is and the  benefits it has for Web development          Learn More @ http:...
Objectives• Understand what the jQuery library is and the  benefits it has for Web development• Learn how to use jQuery an...
Objectives• Understand what the jQuery library is and the  benefits it has for Web development• Learn how to use jQuery an...
Agenda     Learn More @ http://www.learnnowonline.com         Copyright © by Application Developers Training Company
Agenda• jQuery for the ASP.NET Developer         Learn More @ http://www.learnnowonline.com            Copyright © by Appl...
Agenda• jQuery for the ASP.NET Developer• Using jQuery         Learn More @ http://www.learnnowonline.com            Copyr...
Agenda• jQuery for the ASP.NET Developer• Using jQuery• Selectors, Wrapped Sets, and Chains         Learn More @ http://ww...
jQuery for the ASP.NET Developer        Learn More @ http://www.learnnowonline.com           Copyright © by Application De...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development             Learn ...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development     But is a comm...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development     But is a comm...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development     But is a comm...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development       But is a co...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development       But is a co...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development       But is a co...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development       But is a co...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development       But is a co...
jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web   development       But is a co...
jQuery Dominates       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training ...
jQuery Dominates• Simple, robust JavaScript library           Learn More @ http://www.learnnowonline.com              Copy...
jQuery Dominates• Simple, robust JavaScript library   Relative newcomer, introduced in 2006           Learn More @ http:/...
jQuery Dominates• Simple, robust JavaScript library    Relative newcomer, introduced in 2006• What is Microsoft’s story i...
jQuery Dominates• Simple, robust JavaScript library    Relative newcomer, introduced in 2006• What is Microsoft’s story i...
jQuery Dominates• Simple, robust JavaScript library    Relative newcomer, introduced in 2006• What is Microsoft’s story i...
The Microsoft Ajax Library        Learn More @ http://www.learnnowonline.com           Copyright © by Application Develope...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms           Learn More @ http://www.learnnowonl...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purp...
Ajax Library Components       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Tr...
Ajax Library Components• Three files:           Learn More @ http://www.learnnowonline.com              Copyright © by App...
Ajax Library Components• Three files:    MicrosoftAjax.js            Learn More @ http://www.learnnowonline.com          ...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js           Learn More @ http://www.learn...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js    MicrosoftMvcValidation.js          ...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js    MicrosoftMvcValidation.js• Supports...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js    MicrosoftMvcValidation.js• Supports...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js    MicrosoftMvcValidation.js• Supports...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js    MicrosoftMvcValidation.js• Supports...
Ajax Library Components• Three files:    MicrosoftAjax.js    MicrosoftMvcAjax.js    MicrosoftMvcValidation.js• Supports...
The jQuery Library       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Trainin...
The jQuery Library• 3rd party, open source library by John Resig           Learn More @ http://www.learnnowonline.com     ...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight           Learn More @ http:...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight    Only 83KB in the minifie...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight    Only 83KB in the minifie...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight    Only 83KB in the minifie...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight      Only 83KB in the minif...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight      Only 83KB in the minif...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight      Only 83KB in the minif...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight      Only 83KB in the minif...
The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight      Only 83KB in the minif...
Benefits of jQuery        Learn More @ http://www.learnnowonline.com           Copyright © by Application Developers Train...
Benefits of jQuery• Makes using the DOM extremely easy         Learn More @ http://www.learnnowonline.com            Copyr...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:         Learn More @ http://www.learnnowonline.com      ...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:   Lean and mean         Learn More @ http://www.learnno...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:   Lean and mean   Handles cross-browser issues        ...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:   Lean and mean   Handles cross-browser issues   Simp...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:     Lean and mean     Handles cross-browser issues   ...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:     Lean and mean     Handles cross-browser issues   ...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:     Lean and mean     Handles cross-browser issues   ...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:     Lean and mean     Handles cross-browser issues   ...
Benefits of jQuery• Makes using the DOM extremely easy• Benefits:     Lean and mean     Handles cross-browser issues   ...
Which Version?       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training Co...
Which Version?• Course is based on jQuery version 1.5          Learn More @ http://www.learnnowonline.com             Copy...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available           Learn More ...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Which Version?• Course is based on jQuery version 1.5    Good chance that new versions are available    Monthly minor re...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Which Version?• Course is based on jQuery version 1.5   Good chance that new versions are available   Monthly minor rele...
Progressive Enhancement       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Tr...
Progressive Enhancement• Problem: older browsers don’t support JavaScript          Learn More @ http://www.learnnowonline....
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off           Lea...
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off• Page must wo...
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off• Page must wo...
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off• Page must wo...
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off• Page must wo...
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off• Page must wo...
Progressive Enhancement• Problem: older browsers don’t support JavaScript   And other users can turn it off• Page must wo...
Delivering jQuery to the Browser        Learn More @ http://www.learnnowonline.com           Copyright © by Application De...
Delivering jQuery to the Browser • Can always download latest version for   development at jquery.com           Learn More...
Delivering jQuery to the Browser • Can always download latest version for   development at jquery.com • Include in Web pag...
Delivering jQuery to the Browser • Can always download latest version for   development at jquery.com • Include in Web pag...
Delivering jQuery to the Browser • Can always download latest version for   development at jquery.com • Include in Web pag...
Delivering jQuery to the Browser • Can always download latest version for   development at jquery.com • Include in Web pag...
Hosted On Your Site       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Traini...
Hosted On Your Site• When you use a relative path, jQuery file has to  be in that location…of course!          Learn More ...
Hosted On Your Site• When you use a relative path, jQuery file has to  be in that location…of course!• Drawbacks          ...
Hosted On Your Site• When you use a relative path, jQuery file has to  be in that location…of course!• Drawbacks   You mu...
Hosted On Your Site• When you use a relative path, jQuery file has to  be in that location…of course!• Drawbacks   You mu...
Hosted On Your Site• When you use a relative path, jQuery file has to  be in that location…of course!• Drawbacks   You mu...
Use a Content Delivery Network       Learn More @ http://www.learnnowonline.com          Copyright © by Application Develo...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content           Learn M...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Use a Content Delivery Network• Geographically distributed set of servers that  host and deliver content• Biggest are Goog...
Using a CDN       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training Company
Using a CDN• Microsoft          Learn More @ http://www.learnnowonline.com              Copyright © by Application Develop...
Using a CDN• Microsoft   <script src="http://ajax.aspnetcdn.com/ajax/    jQuery/jquery-1.5.min.js" type="text/    javascr...
Using a CDN• Microsoft   <script src="http://ajax.aspnetcdn.com/ajax/    jQuery/jquery-1.5.min.js" type="text/    javascr...
Using a CDN• Microsoft   <script src="http://ajax.aspnetcdn.com/ajax/    jQuery/jquery-1.5.min.js" type="text/    javascr...
Using a CDN• Microsoft   <script src="http://ajax.aspnetcdn.com/ajax/    jQuery/jquery-1.5.min.js" type="text/    javascr...
Using a CDN• Microsoft    <script src="http://ajax.aspnetcdn.com/ajax/     jQuery/jquery-1.5.min.js" type="text/     java...
Using a CDN• Microsoft   <script src="http://ajax.aspnetcdn.com/ajax/    jQuery/jquery-1.5.min.js" type="text/    javascr...
Compressed and Uncompressed      Learn More @ http://www.learnnowonline.com         Copyright © by Application Developers ...
Compressed and Uncompressed• Two versions of the core library are available           Learn More @ http://www.learnnowonli...
Compressed and Uncompressed• Two versions of the core library are available           Learn More @ http://www.learnnowonli...
Compressed and Uncompressed• Two versions of the core library are available   Can also download earlier versions         ...
Compressed and Uncompressed• Two versions of the core library are available   Can also download earlier versions   Devel...
Compressed and Uncompressed• Two versions of the core library are available   Can also download earlier versions   Devel...
Agenda         Learn More @ http://www.learnnowonline.com            Copyright © by Application Developers Training Company
Agenda• jQuery for the ASP.NET Developer          Learn More @ http://www.learnnowonline.com             Copyright © by Ap...
Agenda• jQuery for the ASP.NET Developer• Using jQuery          Learn More @ http://www.learnnowonline.com             Cop...
Agenda• jQuery for the ASP.NET Developer• Using jQuery• Selectors, Wrapped Sets, and Chains          Learn More @ http://w...
Using jQuery       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training Comp...
Using jQuery• If you know basics of JavaScript, learning basic  jQuery is easy           Learn More @ http://www.learnnowo...
Using jQuery• If you know basics of JavaScript, learning basic  jQuery is easy• Start by looking at a couple of simple exa...
A jQuery Statement      Learn More @ http://www.learnnowonline.com         Copyright © by Application Developers Training ...
A jQuery Statement jQuery(p).text(jQuery is cool!);       Learn More @ http://www.learnnowonline.com          Copyright © ...
A jQuery Statement   jQuery(p).text(jQuery is cool!);     jQuery    function• jQuery is entrée to the library             ...
A jQuery Statement  jQuery(p).text(jQuery is cool!);     jQuery    Selector    function• jQuery is entrée to the library• ...
A jQuery Statement   jQuery(p).text(jQuery is cool!);     jQuery    Selector Method    function• jQuery is entrée to the l...
A jQuery Statement    jQuery(p).text(jQuery is cool!);       jQuery    Selector Method                         Parameter(s...
The jQuery Function       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Traini...
The jQuery Function• Start all jQuery statements with this           Learn More @ http://www.learnnowonline.com           ...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace           Learn More @ http://www.learnnow...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
The jQuery Function• Start all jQuery statements with this• Sort of a namespace   Almost eliminates chance of naming conf...
Waiting for the Page to Load       Learn More @ http://www.learnnowonline.com          Copyright © by Application Develope...
Waiting for the Page to Load• Samples have shown script blocks that wire up  events and change content          Learn More...
Waiting for the Page to Load• Samples have shown script blocks that wire up  events and change content   Placed at the en...
Waiting for the Page to Load• Samples have shown script blocks that wire up  events and change content   Placed at the en...
Waiting for the Page to Load• Samples have shown script blocks that wire up  events and change content   Placed at the en...
Waiting for the Page to Load• Samples have shown script blocks that wire up  events and change content   Placed at the en...
Waiting for the Page to Load• Samples have shown script blocks that wire up  events and change content   Placed at the en...
Agenda         Learn More @ http://www.learnnowonline.com            Copyright © by Application Developers Training Company
Agenda• jQuery for the ASP.NET Developer          Learn More @ http://www.learnnowonline.com             Copyright © by Ap...
Agenda• jQuery for the ASP.NET Developer• Using jQuery          Learn More @ http://www.learnnowonline.com             Cop...
Agenda• jQuery for the ASP.NET Developer• Using jQuery• Selectors, Wrapped Sets, and Chains         Learn More @ http://ww...
Selectors, Wrapped Sets, and Chains         Learn More @ http://www.learnnowonline.com            Copyright © by Applicati...
Selectors, Wrapped Sets, and Chains  • jQuery lets you build powerful statements           Learn More @ http://www.learnno...
Selectors, Wrapped Sets, and Chains  • jQuery lets you build powerful statements  • Selects elements, take action         ...
Selectors, Wrapped Sets, and Chains  • jQuery lets you build powerful statements  • Selects elements, take action  • Now i...
Selectors, Wrapped Sets, and Chains  •   jQuery lets you build powerful statements  •   Selects elements, take action  •  ...
Using jQuery Selectors       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Tra...
Using jQuery Selectors• Selector is a string that identifies elements to  match           Learn More @ http://www.learnnow...
Using jQuery Selectors• Selector is a string that identifies elements to  match    Add to wrapped set           Learn Mor...
Using jQuery Selectors• Selector is a string that identifies elements to  match    Add to wrapped set• Sometimes simple, ...
Using jQuery Selectors• Selector is a string that identifies elements to  match    Add to wrapped set• Sometimes simple, ...
Using jQuery Selectors• Selector is a string that identifies elements to  match    Add to wrapped set• Sometimes simple, ...
Using jQuery Selectors• Selector is a string that identifies elements to  match    Add to wrapped set• Sometimes simple, ...
Using jQuery Selectors• Selector is a string that identifies elements to  match    Add to wrapped set• Sometimes simple, ...
Simple Selectors       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training ...
Simple Selectors• Easiest way to define a selector is to use the  HTML element name           Learn More @ http://www.lear...
Simple Selectors• Easiest way to define a selector is to use the  HTML element name   img, tr, a, input, etc.            ...
Simple Selectors• Easiest way to define a selector is to use the  HTML element name   img, tr, a, input, etc.   Selects ...
Attribute Value Selectors       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers ...
Attribute Value Selectors       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers ...
Selector                                          Description  Attribute Value Selectorselem[attr |= value] The attribute ...
jQuery Filters        Learn More @ http://www.learnnowonline.com           Copyright © by Application Developers Training ...
jQuery Filters• So far, techniques are too blunt a tool           Learn More @ http://www.learnnowonline.com              ...
jQuery Filters• So far, techniques are too blunt a tool   e.g., no easy way to select alternating rows in a table        ...
jQuery Filters• So far, techniques are too blunt a tool    e.g., no easy way to select alternating rows in a table• Need ...
jQuery Filters• So far, techniques are too blunt a tool    e.g., no easy way to select alternating rows in a table• Need ...
jQuery Filters• So far, techniques are too blunt a tool    e.g., no easy way to select alternating rows in a table• Need ...
Other Filters        Learn More @ http://www.learnnowonline.com           Copyright © by Application Developers Training C...
Other Filters• Filters provide power and finesse!          Learn More @ http://www.learnnowonline.com             Copyrigh...
Other Filters• Filters provide power and finesse!• There’s more:          Learn More @ http://www.learnnowonline.com      ...
Other Filters• Filters provide power and finesse!• There’s more:   Content filters           Learn More @ http://www.lear...
Other Filters• Filters provide power and finesse!• There’s more:   Content filters   Visibility filters             Lear...
Other Filters• Filters provide power and finesse!• There’s more:   Content filters   Visibility filters   Hierarchy fil...
Other Filters• Filters provide power and finesse!• There’s more:     Content filters     Visibility filters     Hierarc...
Other Filters• Filters provide power and finesse!• There’s more:     Content filters     Visibility filters     Hierarc...
Wrapped Sets and Chaining       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers ...
Wrapped Sets and Chaining• Selectors produce wrapped sets          Learn More @ http://www.learnnowonline.com             ...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions          Learn More @ htt...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions   No need to write tedio...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions   No need to write tedio...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions   No need to write tedio...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions   No need to write tedio...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions   No need to write tedio...
Wrapped Sets and Chaining• Selectors produce wrapped sets   Wrapper methods can perform actions   No need to write tedio...
Learn More!       Learn More @ http://www.learnnowonline.com          Copyright © by Application Developers Training Company
Learn More!• This is an excerpt from a larger course. Visit  www.learnnowonline.com for the full details!           Learn ...
Upcoming SlideShare
Loading in...5
×

The jQuery Library

611

Published on

Understand what the jQuery library is and the benefits it has for Web development.

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • DEMO: rest of section\n
  • DEMO: rest of section\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • DEMO: rest of section\n
  • DEMO: rest of section\n
  • DEMO: rest of section\n
  • DEMO: rest of section\n
  • DEMO: rest of section\n
  • DEMO: rest of section\n
  • \n
  • \n
  • \n
  • DEMO: all of jQuery Selector Test Page section\n
  • DEMO: all of jQuery Selector Test Page section\n
  • DEMO: all of jQuery Selector Test Page section\n
  • DEMO: all of jQuery Selector Test Page section\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • DEMO: rest of section, Selecting by id and class Attributes, More Complex Selectors, Attribute Selectors, \n
  • DEMO: rest of section, Selecting by id and class Attributes, More Complex Selectors, Attribute Selectors, \n
  • DEMO: rest of section, Selecting by id and class Attributes, More Complex Selectors, Attribute Selectors, \n
  • DEMO: rest of section, Selector Context\n
  • DEMO: rest of section, Selector Context\n
  • DEMO: rest of section, Basic Filters, Form Filters\n
  • DEMO: rest of section, Basic Filters, Form Filters\n
  • DEMO: rest of section, Basic Filters, Form Filters\n
  • DEMO: rest of section, Basic Filters, Form Filters\n
  • DEMO: rest of section, Basic Filters, Form Filters\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • DEMO: rest of section\n
  • Transcript of "The jQuery Library"

    1. 1. The jQuery Library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    2. 2. Objectives Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    3. 3. Objectives• Understand what the jQuery library is and the benefits it has for Web development Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    4. 4. Objectives• Understand what the jQuery library is and the benefits it has for Web development• Learn how to use jQuery and understand how it works Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    5. 5. Objectives• Understand what the jQuery library is and the benefits it has for Web development• Learn how to use jQuery and understand how it works• See how to use selectors to create wrapped sets that methods can take action on Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    6. 6. Agenda Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    7. 7. Agenda• jQuery for the ASP.NET Developer Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    8. 8. Agenda• jQuery for the ASP.NET Developer• Using jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    9. 9. Agenda• jQuery for the ASP.NET Developer• Using jQuery• Selectors, Wrapped Sets, and Chains Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    10. 10. jQuery for the ASP.NET Developer Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    11. 11. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    12. 12. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    13. 13. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    14. 14. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    15. 15. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool  Hard to debug with poor tools Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    16. 16. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool  Hard to debug with poor tools  Never lived up to its Java namesake Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    17. 17. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool  Hard to debug with poor tools  Never lived up to its Java namesake  Stagnating Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    18. 18. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool  Hard to debug with poor tools  Never lived up to its Java namesake  Stagnating • But then Web 2.0 happened Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    19. 19. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool  Hard to debug with poor tools  Never lived up to its Java namesake  Stagnating • But then Web 2.0 happened  Requires a lot of JavaScript to implement Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    20. 20. jQuery for the ASP.NET Developer • JavaScript had long been a second class citizen of Web development  But is a common automation feature in browsers  Lacks strong types  Interpreted, when that wasn’t cool  Hard to debug with poor tools  Never lived up to its Java namesake  Stagnating • But then Web 2.0 happened  Requires a lot of JavaScript to implement  Programmer’s solution: build libraries! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    21. 21. jQuery Dominates Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    22. 22. jQuery Dominates• Simple, robust JavaScript library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    23. 23. jQuery Dominates• Simple, robust JavaScript library  Relative newcomer, introduced in 2006 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    24. 24. jQuery Dominates• Simple, robust JavaScript library  Relative newcomer, introduced in 2006• What is Microsoft’s story in this space? Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    25. 25. jQuery Dominates• Simple, robust JavaScript library  Relative newcomer, introduced in 2006• What is Microsoft’s story in this space?  After all, produces widely-used ASP.NET for Web Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    26. 26. jQuery Dominates• Simple, robust JavaScript library  Relative newcomer, introduced in 2006• What is Microsoft’s story in this space?  After all, produces widely-used ASP.NET for Web  Now supports jQuery in favor of own library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    27. 27. The Microsoft Ajax Library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    28. 28. The Microsoft Ajax Library• Initially released to support Ajax for Web forms Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    29. 29. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    30. 30. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    31. 31. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere• Created it for ASP.NET developers Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    32. 32. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere• Created it for ASP.NET developers  Feels and acts like the .NET Framework Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    33. 33. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere• Created it for ASP.NET developers  Feels and acts like the .NET Framework  Similar to writing C# or VB code Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    34. 34. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere• Created it for ASP.NET developers  Feels and acts like the .NET Framework  Similar to writing C# or VB code  Adds an object-oriented nature to JavaScript code Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    35. 35. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere• Created it for ASP.NET developers  Feels and acts like the .NET Framework  Similar to writing C# or VB code  Adds an object-oriented nature to JavaScript code• Minimized version is only 98KB Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    36. 36. The Microsoft Ajax Library• Initially released to support Ajax for Web forms• Robust, relatively lightweight, general-purpose JavaScript library• Pure JavaScript, so use anywhere• Created it for ASP.NET developers  Feels and acts like the .NET Framework  Similar to writing C# or VB code  Adds an object-oriented nature to JavaScript code• Minimized version is only 98KB  Debug version is 304KB, but isn’t for production Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    37. 37. Ajax Library Components Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    38. 38. Ajax Library Components• Three files: Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    39. 39. Ajax Library Components• Three files:  MicrosoftAjax.js Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    40. 40. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    41. 41. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js  MicrosoftMvcValidation.js Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    42. 42. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js  MicrosoftMvcValidation.js• Supports client-side controls in the Ajax Control Toolkit Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    43. 43. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js  MicrosoftMvcValidation.js• Supports client-side controls in the Ajax Control Toolkit• Everything changed in late 2010 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    44. 44. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js  MicrosoftMvcValidation.js• Supports client-side controls in the Ajax Control Toolkit• Everything changed in late 2010  Embracing jQuery in favor of Ajax Library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    45. 45. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js  MicrosoftMvcValidation.js• Supports client-side controls in the Ajax Control Toolkit• Everything changed in late 2010  Embracing jQuery in favor of Ajax Library  Now available only as part of the Ajax Control Toolkit Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    46. 46. Ajax Library Components• Three files:  MicrosoftAjax.js  MicrosoftMvcAjax.js  MicrosoftMvcValidation.js• Supports client-side controls in the Ajax Control Toolkit• Everything changed in late 2010  Embracing jQuery in favor of Ajax Library  Now available only as part of the Ajax Control Toolkit• The Age of jQuery has begun! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    47. 47. The jQuery Library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    48. 48. The jQuery Library• 3rd party, open source library by John Resig Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    49. 49. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    50. 50. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    51. 51. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    52. 52. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features  Provides a rich plug-in model Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    53. 53. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features  Provides a rich plug-in model  Non-essential features kept out of core Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    54. 54. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features  Provides a rich plug-in model  Non-essential features kept out of core• In 2008, Microsoft announced it would include jQuery with MVC Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    55. 55. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features  Provides a rich plug-in model  Non-essential features kept out of core• In 2008, Microsoft announced it would include jQuery with MVC  Going forward, would include with Visual Studio Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    56. 56. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features  Provides a rich plug-in model  Non-essential features kept out of core• In 2008, Microsoft announced it would include jQuery with MVC  Going forward, would include with Visual Studio  Microsoft fully supports jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    57. 57. The jQuery Library• 3rd party, open source library by John Resig• Core library is lightweight  Only 83KB in the minified version  Stays focused on core features  Provides a rich plug-in model  Non-essential features kept out of core• In 2008, Microsoft announced it would include jQuery with MVC  Going forward, would include with Visual Studio  Microsoft fully supports jQuery  MVC 2 and 3, and other project types, include jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    58. 58. Benefits of jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    59. 59. Benefits of jQuery• Makes using the DOM extremely easy Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    60. 60. Benefits of jQuery• Makes using the DOM extremely easy• Benefits: Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    61. 61. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    62. 62. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    63. 63. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues  Simple, clean, powerful syntax Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    64. 64. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues  Simple, clean, powerful syntax  Highly extensible Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    65. 65. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues  Simple, clean, powerful syntax  Highly extensible  Supports unobtrusive JavaScript Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    66. 66. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues  Simple, clean, powerful syntax  Highly extensible  Supports unobtrusive JavaScript  Includes many utility functions Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    67. 67. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues  Simple, clean, powerful syntax  Highly extensible  Supports unobtrusive JavaScript  Includes many utility functions  Widely used Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    68. 68. Benefits of jQuery• Makes using the DOM extremely easy• Benefits:  Lean and mean  Handles cross-browser issues  Simple, clean, powerful syntax  Highly extensible  Supports unobtrusive JavaScript  Includes many utility functions  Widely used• Makes for a strong contender as a library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    69. 69. Which Version? Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    70. 70. Which Version?• Course is based on jQuery version 1.5 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    71. 71. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    72. 72. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1) Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    73. 73. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5) Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    74. 74. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5)• Visual Studio 2010 includes version 1.4.1 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    75. 75. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5)• Visual Studio 2010 includes version 1.4.1• Availability of vsdoc file lags jQuery release Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    76. 76. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5)• Visual Studio 2010 includes version 1.4.1• Availability of vsdoc file lags jQuery release• Damian Edwards’ vsdoc File Generator utility Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    77. 77. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5)• Visual Studio 2010 includes version 1.4.1• Availability of vsdoc file lags jQuery release• Damian Edwards’ vsdoc File Generator utility  Blog is at https://damianedwards.wordpress.com Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    78. 78. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5)• Visual Studio 2010 includes version 1.4.1• Availability of vsdoc file lags jQuery release• Damian Edwards’ vsdoc File Generator utility  Blog is at https://damianedwards.wordpress.com  Grab latest version there Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    79. 79. Which Version?• Course is based on jQuery version 1.5  Good chance that new versions are available  Monthly minor releases (e.g., 1.5.1)  Annual major release (e.g., 1.5)• Visual Studio 2010 includes version 1.4.1• Availability of vsdoc file lags jQuery release• Damian Edwards’ vsdoc File Generator utility  Blog is at https://damianedwards.wordpress.com  Grab latest version there  Or use the utility to build your own Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    80. 80. Progressive Enhancement Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    81. 81. Progressive Enhancement• Problem: older browsers don’t support JavaScript Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    82. 82. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    83. 83. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off• Page must work in a minimal fashion for all Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    84. 84. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off• Page must work in a minimal fashion for all• Historically, two options: Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    85. 85. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off• Page must work in a minimal fashion for all• Historically, two options:  Graceful degradation Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    86. 86. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off• Page must work in a minimal fashion for all• Historically, two options:  Graceful degradation  Progressive enhancement Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    87. 87. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off• Page must work in a minimal fashion for all• Historically, two options:  Graceful degradation  Progressive enhancement• Key assumption of graceful degradation flawed Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    88. 88. Progressive Enhancement• Problem: older browsers don’t support JavaScript  And other users can turn it off• Page must work in a minimal fashion for all• Historically, two options:  Graceful degradation  Progressive enhancement• Key assumption of graceful degradation flawed• Unless have control over browsers, always design with progressive enhancement Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    89. 89. Delivering jQuery to the Browser Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    90. 90. Delivering jQuery to the Browser • Can always download latest version for development at jquery.com Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    91. 91. Delivering jQuery to the Browser • Can always download latest version for development at jquery.com • Include in Web pages using <script> element Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    92. 92. Delivering jQuery to the Browser • Can always download latest version for development at jquery.com • Include in Web pages using <script> element  Implemented as regular .js file Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    93. 93. Delivering jQuery to the Browser • Can always download latest version for development at jquery.com • Include in Web pages using <script> element  Implemented as regular .js file  <script src="/Scripts/jquery-1.5.min.js" type="text/javascript"></script> Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    94. 94. Delivering jQuery to the Browser • Can always download latest version for development at jquery.com • Include in Web pages using <script> element  Implemented as regular .js file  <script src="/Scripts/jquery-1.5.min.js" type="text/javascript"></script> • But where do you host it? Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    95. 95. Hosted On Your Site Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    96. 96. Hosted On Your Site• When you use a relative path, jQuery file has to be in that location…of course! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    97. 97. Hosted On Your Site• When you use a relative path, jQuery file has to be in that location…of course!• Drawbacks Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    98. 98. Hosted On Your Site• When you use a relative path, jQuery file has to be in that location…of course!• Drawbacks  You must provide bandwidth Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    99. 99. Hosted On Your Site• When you use a relative path, jQuery file has to be in that location…of course!• Drawbacks  You must provide bandwidth  Browser caches the file but only for your site Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    100. 100. Hosted On Your Site• When you use a relative path, jQuery file has to be in that location…of course!• Drawbacks  You must provide bandwidth  Browser caches the file but only for your site  May be significant network latency Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    101. 101. Use a Content Delivery Network Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    102. 102. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    103. 103. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    104. 104. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft• Benefits Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    105. 105. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft• Benefits  CDN provides the bandwidth Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    106. 106. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft• Benefits  CDN provides the bandwidth  Browser can cache files for use across sites Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    107. 107. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft• Benefits  CDN provides the bandwidth  Browser can cache files for use across sites  CDN is geographically dispersed, to reduce latency Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    108. 108. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft• Benefits  CDN provides the bandwidth  Browser can cache files for use across sites  CDN is geographically dispersed, to reduce latency  Take advantage of CDN’s network Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    109. 109. Use a Content Delivery Network• Geographically distributed set of servers that host and deliver content• Biggest are Google and Microsoft• Benefits  CDN provides the bandwidth  Browser can cache files for use across sites  CDN is geographically dispersed, to reduce latency  Take advantage of CDN’s network• Both CDNs host latest and some prior versions Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    110. 110. Using a CDN Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    111. 111. Using a CDN• Microsoft Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    112. 112. Using a CDN• Microsoft  <script src="http://ajax.aspnetcdn.com/ajax/ jQuery/jquery-1.5.min.js" type="text/ javascript"></script> Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    113. 113. Using a CDN• Microsoft  <script src="http://ajax.aspnetcdn.com/ajax/ jQuery/jquery-1.5.min.js" type="text/ javascript"></script>• Google Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    114. 114. Using a CDN• Microsoft  <script src="http://ajax.aspnetcdn.com/ajax/ jQuery/jquery-1.5.min.js" type="text/ javascript"></script>• Google  <script src="https://ajax.googleapis.com/ajax/ libs/ jquery/1.5.0/jquery.min.js" type="text/ javascript"></script> Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    115. 115. Using a CDN• Microsoft  <script src="http://ajax.aspnetcdn.com/ajax/ jQuery/jquery-1.5.min.js" type="text/ javascript"></script>• Google  <script src="https://ajax.googleapis.com/ajax/ libs/ jquery/1.5.0/jquery.min.js" type="text/ javascript"></script>  Also can use a google.load() call Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    116. 116. Using a CDN• Microsoft  <script src="http://ajax.aspnetcdn.com/ajax/ jQuery/jquery-1.5.min.js" type="text/ javascript"></script>• Google  <script src="https://ajax.googleapis.com/ajax/ libs/ jquery/1.5.0/jquery.min.js" type="text/ javascript"></script>  Also can use a google.load() call• Files hosted differ Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    117. 117. Using a CDN• Microsoft  <script src="http://ajax.aspnetcdn.com/ajax/ jQuery/jquery-1.5.min.js" type="text/ javascript"></script>• Google  <script src="https://ajax.googleapis.com/ajax/ libs/ jquery/1.5.0/jquery.min.js" type="text/ javascript"></script>  Also can use a google.load() call• Files hosted differ• Don’t always immediately upload latest version Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    118. 118. Compressed and Uncompressed Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    119. 119. Compressed and Uncompressed• Two versions of the core library are available Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    120. 120. Compressed and Uncompressed• Two versions of the core library are available Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    121. 121. Compressed and Uncompressed• Two versions of the core library are available  Can also download earlier versions Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    122. 122. Compressed and Uncompressed• Two versions of the core library are available  Can also download earlier versions  Development version with comments and whitespace Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    123. 123. Compressed and Uncompressed• Two versions of the core library are available  Can also download earlier versions  Development version with comments and whitespace  Production version that is minified Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    124. 124. Agenda Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    125. 125. Agenda• jQuery for the ASP.NET Developer Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    126. 126. Agenda• jQuery for the ASP.NET Developer• Using jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    127. 127. Agenda• jQuery for the ASP.NET Developer• Using jQuery• Selectors, Wrapped Sets, and Chains Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    128. 128. Using jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    129. 129. Using jQuery• If you know basics of JavaScript, learning basic jQuery is easy Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    130. 130. Using jQuery• If you know basics of JavaScript, learning basic jQuery is easy• Start by looking at a couple of simple examples Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    131. 131. A jQuery Statement Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    132. 132. A jQuery Statement jQuery(p).text(jQuery is cool!); Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    133. 133. A jQuery Statement jQuery(p).text(jQuery is cool!); jQuery function• jQuery is entrée to the library Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    134. 134. A jQuery Statement jQuery(p).text(jQuery is cool!); jQuery Selector function• jQuery is entrée to the library• Selector selects one or more elements Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    135. 135. A jQuery Statement jQuery(p).text(jQuery is cool!); jQuery Selector Method function• jQuery is entrée to the library• Selector selects one or more elements• Method is a JavaScript function that takes action Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    136. 136. A jQuery Statement jQuery(p).text(jQuery is cool!); jQuery Selector Method Parameter(s) function• jQuery is entrée to the library• Selector selects one or more elements• Method is a JavaScript function that takes action• Optional parameters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    137. 137. The jQuery Function Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    138. 138. The jQuery Function• Start all jQuery statements with this Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    139. 139. The jQuery Function• Start all jQuery statements with this• Sort of a namespace Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    140. 140. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    141. 141. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts  Sometimes called the jQuery Namespace Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    142. 142. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts  Sometimes called the jQuery Namespace• Could create your own custom jQuery function Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    143. 143. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts  Sometimes called the jQuery Namespace• Could create your own custom jQuery function• Typically used a lot in a page Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    144. 144. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts  Sometimes called the jQuery Namespace• Could create your own custom jQuery function• Typically used a lot in a page  Alias: $ Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    145. 145. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts  Sometimes called the jQuery Namespace• Could create your own custom jQuery function• Typically used a lot in a page  Alias: $• Equivalent statements: Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    146. 146. The jQuery Function• Start all jQuery statements with this• Sort of a namespace  Almost eliminates chance of naming conflicts  Sometimes called the jQuery Namespace• Could create your own custom jQuery function• Typically used a lot in a page  Alias: $• Equivalent statements:  jQuery(p).text(jQuery is cool!); $(p).text(jQuery is cool!); Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    147. 147. Waiting for the Page to Load Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    148. 148. Waiting for the Page to Load• Samples have shown script blocks that wire up events and change content Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    149. 149. Waiting for the Page to Load• Samples have shown script blocks that wire up events and change content  Placed at the end of the Web page Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    150. 150. Waiting for the Page to Load• Samples have shown script blocks that wire up events and change content  Placed at the end of the Web page  DOM had to already be loaded Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    151. 151. Waiting for the Page to Load• Samples have shown script blocks that wire up events and change content  Placed at the end of the Web page  DOM had to already be loaded  Otherwise get null references or errors Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    152. 152. Waiting for the Page to Load• Samples have shown script blocks that wire up events and change content  Placed at the end of the Web page  DOM had to already be loaded  Otherwise get null references or errors• Ideally, put all code in head section under separation of functionality principle Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    153. 153. Waiting for the Page to Load• Samples have shown script blocks that wire up events and change content  Placed at the end of the Web page  DOM had to already be loaded  Otherwise get null references or errors• Ideally, put all code in head section under separation of functionality principle  But then runs before DOM is loaded Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    154. 154. Agenda Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    155. 155. Agenda• jQuery for the ASP.NET Developer Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    156. 156. Agenda• jQuery for the ASP.NET Developer• Using jQuery Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    157. 157. Agenda• jQuery for the ASP.NET Developer• Using jQuery• Selectors, Wrapped Sets, and Chains Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    158. 158. Selectors, Wrapped Sets, and Chains Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    159. 159. Selectors, Wrapped Sets, and Chains • jQuery lets you build powerful statements Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    160. 160. Selectors, Wrapped Sets, and Chains • jQuery lets you build powerful statements • Selects elements, take action Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    161. 161. Selectors, Wrapped Sets, and Chains • jQuery lets you build powerful statements • Selects elements, take action • Now it’s time to explore how jQuery does this Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    162. 162. Selectors, Wrapped Sets, and Chains • jQuery lets you build powerful statements • Selects elements, take action • Now it’s time to explore how jQuery does this • jQuery Selector Test Page Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    163. 163. Using jQuery Selectors Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    164. 164. Using jQuery Selectors• Selector is a string that identifies elements to match Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    165. 165. Using jQuery Selectors• Selector is a string that identifies elements to match  Add to wrapped set Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    166. 166. Using jQuery Selectors• Selector is a string that identifies elements to match  Add to wrapped set• Sometimes simple, like all images on the page Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    167. 167. Using jQuery Selectors• Selector is a string that identifies elements to match  Add to wrapped set• Sometimes simple, like all images on the page• Sometimes complex, based on content and structure of the page Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    168. 168. Using jQuery Selectors• Selector is a string that identifies elements to match  Add to wrapped set• Sometimes simple, like all images on the page• Sometimes complex, based on content and structure of the page• Selector syntax is based on CSS 3 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    169. 169. Using jQuery Selectors• Selector is a string that identifies elements to match  Add to wrapped set• Sometimes simple, like all images on the page• Sometimes complex, based on content and structure of the page• Selector syntax is based on CSS 3  Subset and superset Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    170. 170. Using jQuery Selectors• Selector is a string that identifies elements to match  Add to wrapped set• Sometimes simple, like all images on the page• Sometimes complex, based on content and structure of the page• Selector syntax is based on CSS 3  Subset and superset  Doesn’t depend on browser’s support for CSS 3 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    171. 171. Simple Selectors Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    172. 172. Simple Selectors• Easiest way to define a selector is to use the HTML element name Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    173. 173. Simple Selectors• Easiest way to define a selector is to use the HTML element name  img, tr, a, input, etc. Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    174. 174. Simple Selectors• Easiest way to define a selector is to use the HTML element name  img, tr, a, input, etc.  Selects all elements of that type Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    175. 175. Attribute Value Selectors Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    176. 176. Attribute Value Selectors Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    177. 177. Selector Description Attribute Value Selectorselem[attr |= value] The attribute value is either equal to the specified value or starts with that value followed by a hypen. This is referred to as a prefix selector.elem[attr *= value] The attribute value contains the specified value.elem[attr ~= value] The attribute value contains the specified value as a word delimited by spaces. In other words, The selector matches if the specified value is exactlyelem[attr $= value] equal to any of the ends withthe attribute value. The attribute value words in the specified value. This is referred to as a word selector.elem[attr != value] The element either doesn’t have the specified attribute or the attribute value doesn’t match the specified value.elem[attr ^= value] The attribute value begins with the specified value. Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    178. 178. jQuery Filters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    179. 179. jQuery Filters• So far, techniques are too blunt a tool Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    180. 180. jQuery Filters• So far, techniques are too blunt a tool  e.g., no easy way to select alternating rows in a table Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    181. 181. jQuery Filters• So far, techniques are too blunt a tool  e.g., no easy way to select alternating rows in a table• Need a filter Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    182. 182. jQuery Filters• So far, techniques are too blunt a tool  e.g., no easy way to select alternating rows in a table• Need a filter  Takes selected elements and filters them down further Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    183. 183. jQuery Filters• So far, techniques are too blunt a tool  e.g., no easy way to select alternating rows in a table• Need a filter  Takes selected elements and filters them down further  Based on criteria you select Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    184. 184. Other Filters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    185. 185. Other Filters• Filters provide power and finesse! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    186. 186. Other Filters• Filters provide power and finesse!• There’s more: Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    187. 187. Other Filters• Filters provide power and finesse!• There’s more:  Content filters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    188. 188. Other Filters• Filters provide power and finesse!• There’s more:  Content filters  Visibility filters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    189. 189. Other Filters• Filters provide power and finesse!• There’s more:  Content filters  Visibility filters  Hierarchy filters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    190. 190. Other Filters• Filters provide power and finesse!• There’s more:  Content filters  Visibility filters  Hierarchy filters  Child filters Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    191. 191. Other Filters• Filters provide power and finesse!• There’s more:  Content filters  Visibility filters  Hierarchy filters  Child filters• nth-child filter is an anomaly: one-based Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    192. 192. Wrapped Sets and Chaining Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    193. 193. Wrapped Sets and Chaining• Selectors produce wrapped sets Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    194. 194. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    195. 195. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions  No need to write tedious looping code Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    196. 196. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions  No need to write tedious looping code  Wrapper methods do that internally for you Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    197. 197. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions  No need to write tedious looping code  Wrapper methods do that internally for you• Two wrapper methods Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    198. 198. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions  No need to write tedious looping code  Wrapper methods do that internally for you• Two wrapper methods  $(img, input[type = text], #sampleHTML).addClass(wrappedSet); Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    199. 199. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions  No need to write tedious looping code  Wrapper methods do that internally for you• Two wrapper methods  $(img, input[type = text], #sampleHTML).addClass(wrappedSet);• Methods to manage the wrapped set Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    200. 200. Wrapped Sets and Chaining• Selectors produce wrapped sets  Wrapper methods can perform actions  No need to write tedious looping code  Wrapper methods do that internally for you• Two wrapper methods  $(img, input[type = text], #sampleHTML).addClass(wrappedSet);• Methods to manage the wrapped set  var wrappedSet = $(selector, #sampleHTML).addClass(wrappedSet); $(#elementCount).html(wrappedSet.length); Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    201. 201. Learn More! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
    202. 202. Learn More!• This is an excerpt from a larger course. Visit www.learnnowonline.com for the full details! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company

    ×