eg-259:ch14
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
eg-259:ch14 [2013/02/27 00:33] – [Learning Outcomes (3)] eechris | eg-259:ch14 [2013/02/28 20:23] – [What's Next?] eechris | ||
---|---|---|---|
Line 43: | Line 43: | ||
* [[eg-259: | * [[eg-259: | ||
* [[eg-259: | * [[eg-259: | ||
- | * [[eg-259: | + | * [[eg-259: |
* [[eg-259: | * [[eg-259: | ||
- | |||
===== Learning Outcomes ==== | ===== Learning Outcomes ==== | ||
Line 137: | Line 136: | ||
===== Using Libraries ===== | ===== Using Libraries ===== | ||
+ | Load [[http:// | ||
<code html> | <code html> | ||
< | < | ||
Line 142: | Line 142: | ||
< | < | ||
< | < | ||
+ | <!-- Modernizr loaded first so that it can do it's job --> | ||
+ | <script src=" | ||
</ | </ | ||
< | < | ||
< | < | ||
< | < | ||
- | <script src=" | + | <script src="js/vendor/some_library.js"></ |
- | <script src=" | + | <script src="js/useful_functions.js"></ |
- | <script src=" | + | <script src="js/app_scripts.js"></ |
< | < | ||
// custom per page scripts here | // custom per page scripts here | ||
Line 200: | Line 202: | ||
* Elements returned can be further // | * Elements returned can be further // | ||
* Elements returned can all be manipulated by chaining functions | * Elements returned can all be manipulated by chaining functions | ||
- | |||
- | ===== Fiddle with jQuery ===== | ||
- | |||
- | **Play with this example on [[http:// | ||
===== jQuery Features ===== | ===== jQuery Features ===== | ||
Line 217: | Line 215: | ||
---- | ---- | ||
The best place to find out about these is by following the links to the jQuery API Documentation on the main [[http:// | The best place to find out about these is by following the links to the jQuery API Documentation on the main [[http:// | ||
+ | |||
+ | ===== Fiddle with jQuery ===== | ||
+ | |||
+ | **Play with this example on [[http:// | ||
+ | |||
===== jQuery Selection ===== | ===== jQuery Selection ===== | ||
Line 270: | Line 273: | ||
* Filtering by equivalent of CSS pseudo classes | * Filtering by equivalent of CSS pseudo classes | ||
- | * See this example on [[http:// | + | * See this example on [[http:// |
<code javascript> | <code javascript> | ||
Line 313: | Line 316: | ||
Functions that help you move around the selection set: | Functions that help you move around the selection set: | ||
<code javascript> | <code javascript> | ||
- | jQuery(' | + | jQuery(' |
var children = jQuery(' | var children = jQuery(' | ||
jQuery(' | jQuery(' | ||
Line 332: | Line 335: | ||
jQuery(' | jQuery(' | ||
</ | </ | ||
- | To play with this example see this [[http:// | + | To play with this example see this [[http:// |
See [[http:// | See [[http:// | ||
Line 745: | Line 748: | ||
* E.g. using the Google API Code CDN | * E.g. using the Google API Code CDN | ||
<code javascript> | <code javascript> | ||
- | <script src=" | + | <script src=" |
- | <script src=" | + | <script src=" |
<script src=" | <script src=" | ||
</ | </ | ||
+ | |||
+ | (Versions 1.9.1 of jQuery and 1.10.1 were the latest stable versions at time of last delivery of this session.) | ||
---- | ---- | ||
Line 756: | Line 761: | ||
If you have an encrypted site, you need to download your resources from an encrypted source to avoid complaints from your browser. If you use | If you have an encrypted site, you need to download your resources from an encrypted source to avoid complaints from your browser. If you use | ||
<code javascript> | <code javascript> | ||
- | <script src="// | + | <script src="// |
- | <script src="// | + | <script src="// |
<script src=" | <script src=" | ||
</ | </ | ||
- | The protocol will match whatever the enclosing page was. So if you access the page from '' | + | The protocol will match whatever the enclosing page was. So if you access the page from '' |
===== Summary of this Session ===== | ===== Summary of this Session ===== | ||
Line 770: | Line 775: | ||
* [[eg-259: | * [[eg-259: | ||
* [[eg-259: | * [[eg-259: | ||
- | * [[eg-259: | + | * [[eg-259: |
* [[eg-259: | * [[eg-259: | ||
===== References ===== | ===== References ===== | ||
Line 780: | Line 785: | ||
- For a free alternative to the lynda.com tutorials see Buck Rogers, //jQuery Tutorial (200 videos)//, __thenewboston.com__, | - For a free alternative to the lynda.com tutorials see Buck Rogers, //jQuery Tutorial (200 videos)//, __thenewboston.com__, | ||
- | - The [[http:// | + | - The [[http:// |
- | + | - Codecademy offers a [[http:// | |
===== Learning Outcomes ==== | ===== Learning Outcomes ==== | ||
Line 824: | Line 828: | ||
**Model View Controller Frameworks (Part 1)** | **Model View Controller Frameworks (Part 1)** | ||
- | [[eg-259: | + | On Blackboard only at the moment! |
+ | |||
+ | [[eg-259: |
eg-259/ch14.txt · Last modified: 2013/03/05 15:59 by eechris