JavaScript Libraries Tutorials


Course Content


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.

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. «« Hide This
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)

Email this Page

Send us Feedback

Tutorial Information / Pricing

Title:	JavaScript Libraries
Author:	James Street
SKU:	33984
ISBN:	1-935320-39-4
Duration:	12.5 hrs / 157 Lessons
Compatibility:	Win XP, 2000, 98, NT, Mac OS X, OS 9

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)
SIGNUP	LEARN MORE »


Get this title on CD


Single User: US$ 99.95 - Purchase CD / Add to Cart


Select Bandwidth


Click "High Bandwidth" if you want to view movies at the highest quality available. Click "Low Bandwidth" if on a slow dial-up connection (28 Kbps and such). The low bandwidth movies are slightly more compressed and smaller in file size, allowing for faster streaming. Select:


Select Category


Animation & 3D Audio Business Applications Databases Graphics & Page Layout Multimedia & Video Networking & Security Operating Systems Programming Internet & Web Design Special Groups New Releases All Titles Publisher or Products Adobe Tutorials Apple Tutorials Cakewalk Tutorials Corel Tutorials Dreamweaver Tutorials Macromedia Tutorials Microsoft Tutorials Oracle Tutorials Photoshop Tutorials Sony Tutorials

JavaScript Libraries Tutorials

Introduction

Define JavaScript Libraries

Brief Review

Overview of the Frameworks

Second Look: Prototype & Scriptaculous

Project: Prototype & Scriptaculous

Second Look: Dojo

Project: Dojo

Second Look: YUI

Project: YUI

Second Look: jQuery

Project: jQuery

Wrap Up

Credits