TweetFacebookShareThis

VTC JavaScript Video Training

Previous Page    Next Page



JavaScript Libraries

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.

Introduction

Overview of the Course
Requirements
System Setup
Overview of the Projects

Define JavaScript Libraries

Basic Definition
Advantages & Disadvantages
Summary

Brief Review

Introduction
Good Practices
HTML
CSS
JavaScript
Library Foundations
JavaScript Library Common Elements

Overview of the Frameworks

Introduction
Prototype
Scriptaculous
Dojo
YUI
jQuery
Spry
Others
Decisions

Second Look: Prototype & Scriptaculous

Introduction
Prototype Basics pt. 1
Prototype Basics pt. 2
Prototype Basics pt. 3
Scriptaculous Effects
Scriptaculous Behaviors & Controls
Resources & Tools

Project: Prototype & Scriptaculous

Introduction
Site Layout
Adding Scripts & CSS
Page Initialization
DOM Selection & Event Binding
Preventing Default Behaviors
Overview of AJAX & JSON
AJAX pt. 1 Parameters
AJAX pt. 2 Ajax.Request
Evaluting transport.responseText
Requesting Gallery Contents
Populating the Gallery
Event Handling for Thumbnails
Loading Other Data into Page
CSS Manipulation pt. 1
CSS Manipulation pt. 2
Animation pt. 1
Animation pt. 2
Animation pt. 3
Animation pt. 4
Animation pt. 5
Animation pt. 6
Dynamic Image Sizing
Setting Up for Slider pt. 1
Setting Up for Slider pt. 2
Slider pt. 1
Slider pt. 2
Zooming Through Scaling pt. 1
Zooming Through Scaling pt. 2
Prototype & Scriptaculous Review

Second Look: Dojo

Introduction
Dojo Basics
Dojo & DojoX Effects
Dijit Controls
Resources & Tools

Project: Dojo

Introduction & Getting Dojo
Site Setup
Adding Dojo Script
Setting up CSS & addOnLoad
Using dojo.xhrGet & dojo.byId
CSS for Returned Data
Using dojo.query & dojo.connect
More dojo.xhrGet
FisheyeLite pt. 1
FisheyeLite pt. 2
FisheyeLite pt. 3
FisheyeLite pt. 4
Animation pt. 1
Animation pt. 2
Animation pt. 3
Animation pt. 4
Slideshow pt. 1
Slideshow pt. 2
Slideshow pt. 3
Lightbox pt. 1
Lightbox pt. 2
Customized Slideshow Events pt. 1
Customized Slideshow Events pt. 2
Survey as an HTML Form pt. 1
Survey as an HTML Form pt. 2
Requiring Dijit
Enhancing HTML Form with Dijits pt. 1
Enhancing HTML Form with Dijits pt. 2
Controlling Display of Dialog pt. 1
Controlling Display of Dialog pt. 2
xhrPost & Dialog Arguments pt. 1
xhrPost & Dialog Arguments pt. 2
Dojo Review

Second Look: YUI

Introduction
YUI Basics
YUI Utilities
YUI Controls
Resources & Tools

Project: YUI

Introduction
Setting Up & Acquiring YUI
onDOMReady
Adding a Calendar Selector
Adding a Rich Text Editor pt. 1
Adding a Rich Text Editor pt. 2
Adding a Panel pt. 1
Adding a Panel pt. 2
YUI Buttons pt. 1
YUI Buttons pt. 2
YUI Event Handling pt. 1
YUI Event Handling pt. 2
YUI Event Handling pt. 3
Simple Animation pt. 1
Simple Animation pt. 2
Simple Animation pt. 3
Overview of AutoComplete AJAX
AutoComplete Widget
DataSource
Finishing AutoComplete
YUI Review

Second Look: jQuery

Introduction
jQuery Basics pt. 1
jQuery Basics pt. 2
jQuery Basics pt. 3
jQuery Effects
jQuery Controls
Resources & Tools

Project: jQuery

Introduction
HTML & CSS Setup
jQuery Setup & $(document).ready(); pt. 1
jQuery Setup & $(document).ready(); pt. 2
Prepopulating Today\'s Date
Changing CSS with jQuery
Resetting & Refreshing the Form
val() & Selector Filtering
Dynamically Setting Hour Fields to Zero
State of the Security Audit Form
Resetting Textareas & Checkboxes
Writing Text to Elements with text()
Event Handling Checkboxes pt. 1
Event Handling Checkboxes pt. 2
Calculating Total
Event Handling Textfields pt. 1
Event Handling Textfields pt. 2
jQuery Animation pt. 1
jQuery Animation pt. 2
jQuery Animation pt. 3
Ajax $.get()
Basics of Plugins
Implementing Datepicker
jQuery Review

Wrap Up

Review

Credits

About the Author

Previous Page    Next Page

For more on JavaScript visit wikipedia.org

JavaScript tutorial www.w3schools.com

Recommended Books