Introduction |
|
1 | (4) |
|
Beyond jQuery and JavaScript |
|
|
1 | (1) |
|
|
2 | (1) |
|
|
3 | (1) |
|
Q&A, Quizzes, and Exercises |
|
|
3 | (2) |
|
Part I Introduction to jQuery and JavaScript Development |
|
|
|
Hour 1 Intro to Dynamic Web Programming |
|
|
5 | (30) |
|
Understanding the Web Server/Browser Paradigm |
|
|
5 | (12) |
|
Preparing to Write jQuery and JavaScript |
|
|
17 | (15) |
|
|
32 | (1) |
|
|
32 | (1) |
|
|
33 | (2) |
|
Hour 2 Debugging jQuery and JavaScript Web Pages |
|
|
35 | (150) |
|
Viewing the JavaScript Console |
|
|
35 | (5) |
|
|
40 | (6) |
|
|
46 | (7) |
|
Debugging jQuery and JavaScript |
|
|
53 | (6) |
|
Analyzing the Network Traffic |
|
|
59 | (3) |
|
|
62 | (1) |
|
|
62 | (1) |
|
|
63 | (2) |
|
Hour 3 Understanding Dynamic Web Page Anatomy |
|
|
65 | (32) |
|
Using HTML/HTML5 Elements to Build a Dynamic Web Page |
|
|
65 | (1) |
|
Understanding HTML Structure |
|
|
66 | (2) |
|
Implementing HTML Head Elements |
|
|
68 | (4) |
|
Adding HTML Body Elements |
|
|
72 | (15) |
|
Adding Some Advanced HTML5 Elements |
|
|
87 | (8) |
|
|
95 | (1) |
|
|
95 | (1) |
|
|
95 | (2) |
|
Hour 4 Adding CSS/CSS3 Styles to Allow Dynamic Design and Layout |
|
|
97 | (38) |
|
Adding CSS Styles to the Web Page |
|
|
97 | (3) |
|
Adding CSS Styles to HTML Elements |
|
|
100 | (30) |
|
Preparing CSS Styles for Dynamic Design |
|
|
130 | (1) |
|
|
131 | (1) |
|
|
132 | (1) |
|
|
132 | (3) |
|
Hour 5 Jumping into jQuery and JavaScript Syntax |
|
|
135 | (26) |
|
Adding jQuery and JavaScript to a Web Page |
|
|
135 | (3) |
|
|
138 | (3) |
|
Understanding JavaScript Syntax |
|
|
141 | (18) |
|
|
159 | (1) |
|
|
159 | (1) |
|
|
159 | (2) |
|
Hour 6 Understanding and Using JavaScript Objects |
|
|
161 | (24) |
|
|
161 | (2) |
|
Understanding Built-in Objects |
|
|
163 | (14) |
|
Creating Custom-Defined Objects |
|
|
177 | (5) |
|
|
182 | (1) |
|
|
182 | (1) |
|
|
182 | (3) |
|
Part II Implementing jQuery and JavaScript in Web Pages |
|
|
|
Hour 7 Accessing DOM Elements Using JavaScript and jQuery Objects |
|
|
185 | (20) |
|
Understanding DOM Objects Versus jQuery Objects |
|
|
185 | (4) |
|
Accessing DOM Objects from JavaScript |
|
|
189 | (4) |
|
|
193 | (10) |
|
|
203 | (1) |
|
|
203 | (1) |
|
|
203 | (2) |
|
Hour 8 Navigating and Manipulating jQuery Objects and DOM Elements with jQuery |
|
|
205 | (18) |
|
Chaining jQuery Object Operations |
|
|
205 | (1) |
|
Filtering the jQuery Object Results |
|
|
206 | (1) |
|
Traversing the DOM Using jQuery Objects |
|
|
207 | (4) |
|
Looking at Some Additional jQuery Object Methods |
|
|
211 | (9) |
|
|
220 | (1) |
|
|
220 | (1) |
|
|
221 | (2) |
|
Hour 9 Applying Events for Richly Interactive Web Pages |
|
|
223 | (32) |
|
|
223 | (6) |
|
Using the Page Load Events for Initialization |
|
|
229 | (1) |
|
Adding and Removing Event Handlers to DOM Elements |
|
|
230 | (11) |
|
Triggering Events Manually |
|
|
241 | (8) |
|
|
249 | (2) |
|
|
251 | (2) |
|
|
253 | (1) |
|
|
253 | (1) |
|
|
253 | (2) |
|
Hour 10 Dynamically Accessing and Manipulating Web Pages |
|
|
255 | (30) |
|
Accessing Browser and Page Element Values |
|
|
255 | (11) |
|
Dynamically Manipulating Page Elements |
|
|
266 | (11) |
|
Dynamically Rearranging Elements on the Web Page |
|
|
277 | (6) |
|
|
283 | (1) |
|
|
283 | (1) |
|
|
283 | (2) |
|
Hour 11 Accessing Data Outside the Web Page |
|
|
285 | (16) |
|
Understanding the Screen Object |
|
|
285 | (1) |
|
|
286 | (2) |
|
Using the Browser Location Object |
|
|
288 | (1) |
|
Using the Browser History Object |
|
|
289 | (1) |
|
Controlling External Links |
|
|
290 | (4) |
|
|
294 | (2) |
|
|
296 | (3) |
|
|
299 | (1) |
|
|
299 | (1) |
|
|
300 | (1) |
|
Part III Building Richly Interactive Web Pages |
|
|
|
Hour 12 Enhancing User Interaction Through Animation and Other Special Effects |
|
|
301 | (24) |
|
Understanding jQuery Animation |
|
|
301 | (4) |
|
|
305 | (4) |
|
|
309 | (3) |
|
|
312 | (4) |
|
Creating Resize Animations |
|
|
316 | (2) |
|
Implementing Moving Elements |
|
|
318 | (5) |
|
|
323 | (1) |
|
|
323 | (1) |
|
|
323 | (2) |
|
Hour 13 Interacting with Web Forms |
|
|
325 | (40) |
|
|
326 | (12) |
|
Intelligent Form Flow Control |
|
|
338 | (8) |
|
Dynamically Controlling Form Element Appearance and Behavior |
|
|
346 | (5) |
|
|
351 | (12) |
|
|
363 | (1) |
|
|
363 | (1) |
|
|
363 | (2) |
|
Hour 14 Creating Advanced Web Page Elements |
|
|
365 | (30) |
|
|
365 | (6) |
|
Implementing Tables with Sorting and Filters |
|
|
371 | (6) |
|
|
377 | (4) |
|
|
381 | (4) |
|
Implementing a Graphical Equalizer Display |
|
|
385 | (4) |
|
Adding Sparkline Graphics |
|
|
389 | (3) |
|
|
392 | (1) |
|
|
392 | (1) |
|
|
393 | (2) |
|
Part IV Advanced Concepts |
|
|
|
Hour 15 Accessing Server-Side Data via AJAX |
|
|
395 | (30) |
|
|
395 | (4) |
|
|
399 | (20) |
|
Using Advanced jQuery AJAX |
|
|
419 | (3) |
|
|
422 | (1) |
|
|
422 | (1) |
|
|
423 | (2) |
|
Hour 16 Interacting with External Services, Facebook, Google, Twitter, and Flickr |
|
|
425 | (34) |
|
Using jQuery and JavaScript to Add Facebook Social Elements to Your Web Pages |
|
|
425 | (7) |
|
Adding Google Maps to Your Web Pages |
|
|
432 | (7) |
|
Adding a Custom Google Search |
|
|
439 | (4) |
|
Adding Twitter Elements to Your Web Pages |
|
|
443 | (8) |
|
Adding Flickr Images to Your Website |
|
|
451 | (5) |
|
|
456 | (1) |
|
|
456 | (1) |
|
|
456 | (3) |
|
|
|
Hour 17 Introducing jQuery UI |
|
|
459 | (16) |
|
Getting Started with jQuery UI |
|
|
459 | (4) |
|
Applying jQuery UI in Your Scripts |
|
|
463 | (9) |
|
|
472 | (1) |
|
|
472 | (1) |
|
|
472 | (3) |
|
Hour 18 Using jQuery UI Effects |
|
|
475 | (18) |
|
Applying jQuery UI Effects |
|
|
475 | (7) |
|
Adding Effects to Class Transitions |
|
|
482 | (3) |
|
Adding Effects to Element Visibility Transitions |
|
|
485 | (5) |
|
|
490 | (1) |
|
|
491 | (1) |
|
|
491 | (2) |
|
Hour 19 Advanced Interactions Using jQuery UI Interaction Widgets |
|
|
493 | (28) |
|
Introducing jQuery UI Interactions |
|
|
493 | (2) |
|
Using the Drag-and-Drop Widgets |
|
|
495 | (8) |
|
Resizing Elements Using the Resizable Widget |
|
|
503 | (5) |
|
Applying the Selectable Widget |
|
|
508 | (4) |
|
Sorting Elements with the Sortable Widget |
|
|
512 | (6) |
|
|
518 | (1) |
|
|
518 | (1) |
|
|
519 | (2) |
|
Hour 20 Using jQuery UI Widgets to Add Rich Interactions to Web Pages |
|
|
521 | (20) |
|
|
521 | (1) |
|
Adding an Expandable Accordion Element |
|
|
522 | (1) |
|
Implementing Autocomplete in Form Elements |
|
|
523 | (1) |
|
Applying jQuery UI Buttons to Form Controls |
|
|
524 | (1) |
|
Creating a Calendar Input |
|
|
525 | (2) |
|
Generating Stylized Dialogs with jQuery UI |
|
|
527 | (1) |
|
Implementing Stylized Menus |
|
|
528 | (1) |
|
|
529 | (1) |
|
|
530 | (2) |
|
Adding a Value Spinner Element |
|
|
532 | (1) |
|
|
533 | (2) |
|
Adding Tooltips to Page Elements |
|
|
535 | (2) |
|
|
537 | (1) |
|
|
538 | (1) |
|
|
538 | (1) |
|
|
538 | (3) |
|
|
|
Hour 21 Introducing Mobile Website Development |
|
|
541 | (12) |
|
Jumping into the Mobile World |
|
|
541 | (2) |
|
Getting Started with jQuery Mobile |
|
|
543 | (2) |
|
Understanding jQuery Mobile |
|
|
545 | (6) |
|
|
551 | (1) |
|
|
551 | (1) |
|
|
552 | (1) |
|
Hour 22 Implementing Mobile Web Pages |
|
|
553 | (26) |
|
|
553 | (3) |
|
Implementing Mobile Sites with Multiple Pages |
|
|
556 | (11) |
|
|
567 | (4) |
|
|
571 | (5) |
|
|
576 | (1) |
|
|
576 | (1) |
|
|
576 | (3) |
|
Hour 23 Formatting Content in Mobile Pages |
|
|
579 | (20) |
|
|
579 | (2) |
|
|
581 | (4) |
|
|
585 | (5) |
|
Using Collapsible Blocks and Sets |
|
|
590 | (2) |
|
Adding Auxiliary Content to Panels |
|
|
592 | (2) |
|
|
594 | (1) |
|
Building Mobile-Friendly Tables |
|
|
595 | (2) |
|
|
597 | (1) |
|
|
597 | (1) |
|
|
597 | (2) |
|
Hour 24 Implementing Mobile Form Elements and Controls |
|
|
599 | (16) |
|
Understanding Mobile Forms |
|
|
599 | (2) |
|
|
601 | (2) |
|
|
603 | (1) |
|
Adding Sliders and Toggle Switches |
|
|
604 | (4) |
|
Defining Radios and Check Boxes |
|
|
608 | (2) |
|
Implementing Select Menus |
|
|
610 | (2) |
|
|
612 | (1) |
|
|
612 | (1) |
|
|
613 | (2) |
Index |
|
615 | |