JavaScript Libraries Training
CD Contents For This Title
All the chapters and lesson contents of JavaScript Libraries are listed below.
To help you evaluate our training, we have made some of the tutorials for JavaScript Libraries freely available. Click on any of the linked lesson listings below to preview FREE!
To help you evaluate our training, we have made some of the tutorials for JavaScript Libraries freely available. Click on any of the linked lesson listings below to preview FREE!
This VTC course will provide an overview of one of the cornerstone technologies involved in many web 2.0 applications - JavaScript Libraries. This course gives a basic foundation on how to utilize many commonly used elements. The overview is facilitated by providing information on Prototype Javascript Framework and Scriptaculous, the Dojo Toolkit, Yahoo User Interface Library, and the jQuery Javascript Library, providing experience using those libraries by creating projects that leverage aspects of those individual libraries. James Street shows just how easy it is to get started using Ajax, animation, and more! To begin learning today, simply click on the movie links.
Choose your media type:
To view the Free Tutorials listed below, you must have QuickTime installed. Please note that the online free samples have been compressed for quicker downloads. Purchased CDs have higher sound and video quality.
Monitor resolution needs to be set to at least 1024 by 768 to view the entire movie.
Monitor resolution needs to be set to at least 1024 by 768 to view the entire movie.
Introduction
|
||
Overview of the Course | (03:57) | |
Requirements | (03:07) | |
System Setup | (07:12) | |
Overview of the Projects | (07:21) | |
Define JavaScript Libraries
|
||
Basic Definition | (04:08) | |
Advantages & Disadvantages | (05:40) | |
Summary | (01:14) | |
Brief Review
|
||
Introduction | (02:27) | |
Good Practices | (04:30) | |
HTML | (04:28) | |
CSS | (03:50) | |
JavaScript | (03:20) | |
Library Foundations | (05:46) | |
JavaScript Library Common Elements | (07:05) | |
Overview of the Frameworks
|
||
Introduction | (00:50) | |
Prototype | (02:07) | |
Scriptaculous | (03:25) | |
Dojo | (03:46) | |
YUI | (04:22) | |
jQuery | (02:49) | |
Spry | (04:14) | |
Others | (04:54) | |
Decisions | (02:50) | |
Second Look: Prototype & Scriptaculous
|
||
Introduction | (02:05) | |
Prototype Basics pt. 1 | (02:53) | |
Prototype Basics pt. 2 | (06:38) | |
Prototype Basics pt. 3 | (06:31) | |
Scriptaculous Effects | (07:26) | |
Scriptaculous Behaviors & Controls | (07:35) | |
Resources & Tools | (03:37) | |
Project: Prototype & Scriptaculous
|
||
Introduction | (02:04) | |
Site Layout | (03:17) | |
Adding Scripts & CSS | (03:53) | |
Page Initialization | (02:42) | |
DOM Selection & Event Binding | (06:26) | |
Preventing Default Behaviors | (02:34) | |
Overview of AJAX & JSON | (04:51) | |
AJAX pt. 1 Parameters | (06:04) | |
AJAX pt. 2 Ajax.Request | (04:29) | |
Evaluting transport.responseText | (04:02) | |
Requesting Gallery Contents | (03:10) | |
Populating the Gallery | (05:45) | |
Event Handling for Thumbnails | (07:36) | |
Loading Other Data into Page | (03:13) | |
CSS Manipulation pt. 1 | (07:04) | |
CSS Manipulation pt. 2 | (02:50) | |
Animation pt. 1 | (04:43) | |
Animation pt. 2 | (05:16) | |
Animation pt. 3 | (04:54) | |
Animation pt. 4 | (05:22) | |
Animation pt. 5 | (06:03) | |
Animation pt. 6 | (05:27) | |
Dynamic Image Sizing | (07:03) | |
Setting Up for Slider pt. 1 | (05:01) | |
Setting Up for Slider pt. 2 | (03:30) | |
Slider pt. 1 | (05:46) | |
Slider pt. 2 | (03:55) | |
Zooming Through Scaling pt. 1 | (05:03) | |
Zooming Through Scaling pt. 2 | (04:50) | |
Prototype & Scriptaculous Review | (03:32) | |
Second Look: Dojo
|
||
Introduction | (07:23) | |
Dojo Basics | (07:46) | |
Dojo & DojoX Effects | (04:26) | |
Dijit Controls | (06:42) | |
Resources & Tools | (04:02) | |
Project: Dojo
|
||
Introduction & Getting Dojo | (02:59) | |
Site Setup | (07:30) | |
Adding Dojo Script | (05:39) | |
Setting up CSS & addOnLoad | (04:14) | |
Using dojo.xhrGet & dojo.byId | (05:42) | |
CSS for Returned Data | (05:29) | |
Using dojo.query & dojo.connect | (06:57) | |
More dojo.xhrGet | (03:13) | |
FisheyeLite pt. 1 | (05:50) | |
FisheyeLite pt. 2 | (04:41) | |
FisheyeLite pt. 3 | (03:41) | |
FisheyeLite pt. 4 | (03:01) | |
Animation pt. 1 | (06:22) | |
Animation pt. 2 | (03:52) | |
Animation pt. 3 | (07:26) | |
Animation pt. 4 | (03:29) | |
Slideshow pt. 1 | (07:34) | |
Slideshow pt. 2 | (03:15) | |
Slideshow pt. 3 | (06:05) | |
Lightbox pt. 1 | (03:47) | |
Lightbox pt. 2 | (05:22) | |
Customized Slideshow Events pt. 1 | (04:52) | |
Customized Slideshow Events pt. 2 | (03:58) | |
Survey as an HTML Form pt. 1 | (06:57) | |
Survey as an HTML Form pt. 2 | (01:21) | |
Requiring Dijit | (04:28) | |
Enhancing HTML Form with Dijits pt. 1 | (03:39) | |
Enhancing HTML Form with Dijits pt. 2 | (05:09) | |
Controlling Display of Dialog pt. 1 | (05:54) | |
Controlling Display of Dialog pt. 2 | (02:41) | |
xhrPost & Dialog Arguments pt. 1 | (05:57) | |
xhrPost & Dialog Arguments pt. 2 | (05:06) | |
Dojo Review | (03:19) | |
Second Look: YUI
|
||
Introduction | (05:46) | |
YUI Basics | (05:51) | |
YUI Utilities | (06:53) | |
YUI Controls | (06:27) | |
Resources & Tools | (05:51) | |
Project: YUI
|
||
Introduction | (03:28) | |
Setting Up & Acquiring YUI | (07:29) | |
onDOMReady | (03:01) | |
Adding a Calendar Selector | (05:50) | |
Adding a Rich Text Editor pt. 1 | (05:02) | |
Adding a Rich Text Editor pt. 2 | (03:36) | |
Adding a Panel pt. 1 | (05:35) | |
Adding a Panel pt. 2 | (02:52) | |
YUI Buttons pt. 1 | (04:09) | |
YUI Buttons pt. 2 | (05:36) | |
YUI Event Handling pt. 1 | (03:46) | |
YUI Event Handling pt. 2 | (05:58) | |
YUI Event Handling pt. 3 | (06:58) | |
Simple Animation pt. 1 | (04:44) | |
Simple Animation pt. 2 | (03:02) | |
Simple Animation pt. 3 | (05:14) | |
Overview of AutoComplete AJAX | (06:17) | |
AutoComplete Widget | (04:14) | |
DataSource | (04:30) | |
Finishing AutoComplete | (02:38) | |
YUI Review | (04:57) | |
Second Look: jQuery
|
||
Introduction | (06:14) | |
jQuery Basics pt. 1 | (06:44) | |
jQuery Basics pt. 2 | (05:38) | |
jQuery Basics pt. 3 | (06:49) | |
jQuery Effects | (03:22) | |
jQuery Controls | (04:37) | |
Resources & Tools | (02:17) | |
Project: jQuery
|
||
Introduction | (02:50) | |
HTML & CSS Setup | (06:58) | |
jQuery Setup & $(document).ready(); pt. 1 | (03:06) | |
jQuery Setup & $(document).ready(); pt. 2 | (06:06) | |
Prepopulating Today\'s Date | (06:08) | |
Changing CSS with jQuery | (05:27) | |
Resetting & Refreshing the Form | (02:59) | |
val() & Selector Filtering | (06:12) | |
Dynamically Setting Hour Fields to Zero | (03:15) | |
State of the Security Audit Form | (03:44) | |
Resetting Textareas & Checkboxes | (03:28) | |
Writing Text to Elements with text() | (03:10) | |
Event Handling Checkboxes pt. 1 | (03:45) | |
Event Handling Checkboxes pt. 2 | (04:47) | |
Calculating Total | (05:07) | |
Event Handling Textfields pt. 1 | (06:52) | |
Event Handling Textfields pt. 2 | (04:54) | |
jQuery Animation pt. 1 | (03:48) | |
jQuery Animation pt. 2 | (02:59) | |
jQuery Animation pt. 3 | (02:41) | |
Ajax $.get() | (07:08) | |
Basics of Plugins | (04:55) | |
Implementing Datepicker | (06:17) | |
jQuery Review | (03:28) | |
Wrap Up
|
||
Review | (02:00) | |
Credits
|
||
About the Author | (02:01) |
Title Information / Pricing
Title: | JavaScript Libraries |
Author: | James Street |
SKU: | 33984 |
ISBN: | 1-935320-39-4 |
Release Date: | 2009-04-06 |
Price: | |
Duration: | 12.5 hrs / 157 lessons |
Work Files: |
Yes |
Captions: | Available on CD and Online University |
Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7 |
Online University Access all our Training for only 30
The Online University provides unlimited 24/7 access to ALL of VTC's incredible training content for the low fixed price of just $30/month (USD)
Related Titles
Select Bandwidth
Now Shipping
Client Testimonials
Just wanted to tell you that I love your tutorials. They are very informative, easy to follow and a great way to get up-to-speed on the new...
Sylvia