
JavaScript Libraries
by James Street
Start the free chapterThis 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.
Course content
Introduction4 lessons
Define JavaScript Libraries3 lessons
Brief Review7 lessons
Overview of the Frameworks9 lessons
Second Look: Prototype & Scriptaculous7 lessons
Project: Prototype & Scriptaculous30 lessons
- Introduction2:041 credit or ad
- Site Layout3:171 credit or ad
- Adding Scripts & CSS3:531 credit or ad
- Page Initialization2:421 credit or ad
- DOM Selection & Event Binding6:261 credit or ad
- Preventing Default Behaviors2:341 credit or ad
- Overview of AJAX & JSON4:511 credit or ad
- AJAX pt. 1 Parameters6:041 credit or ad
- AJAX pt. 2 Ajax.Request4:291 credit or ad
- Evaluting transport.responseText4:021 credit or ad
- Requesting Gallery Contents3:101 credit or ad
- Populating the Gallery5:451 credit or ad
- Event Handling for Thumbnails7:361 credit or ad
- Loading Other Data into Page3:131 credit or ad
- CSS Manipulation pt. 17:041 credit or ad
- CSS Manipulation pt. 22:501 credit or ad
- Animation pt. 14:431 credit or ad
- Animation pt. 25:161 credit or ad
- Animation pt. 34:541 credit or ad
- Animation pt. 45:221 credit or ad
- Animation pt. 56:031 credit or ad
- Animation pt. 65:271 credit or ad
- Dynamic Image Sizing7:031 credit or ad
- Setting Up for Slider pt. 15:011 credit or ad
- Setting Up for Slider pt. 23:301 credit or ad
- Slider pt. 15:461 credit or ad
- Slider pt. 23:551 credit or ad
- Zooming Through Scaling pt. 15:031 credit or ad
- Zooming Through Scaling pt. 24:501 credit or ad
- Prototype & Scriptaculous Review3:321 credit or ad
Second Look: Dojo5 lessons
Project: Dojo33 lessons
- Introduction & Getting Dojo2:591 credit or ad
- Site Setup7:301 credit or ad
- Adding Dojo Script5:391 credit or ad
- Setting up CSS & addOnLoad4:141 credit or ad
- Using dojo.xhrGet & dojo.byId5:421 credit or ad
- CSS for Returned Data5:291 credit or ad
- Using dojo.query & dojo.connect6:571 credit or ad
- More dojo.xhrGet3:131 credit or ad
- FisheyeLite pt. 15:501 credit or ad
- FisheyeLite pt. 24:411 credit or ad
- FisheyeLite pt. 33:411 credit or ad
- FisheyeLite pt. 43:011 credit or ad
- Animation pt. 16:221 credit or ad
- Animation pt. 23:521 credit or ad
- Animation pt. 37:261 credit or ad
- Animation pt. 43:291 credit or ad
- Slideshow pt. 17:341 credit or ad
- Slideshow pt. 23:151 credit or ad
- Slideshow pt. 36:051 credit or ad
- Lightbox pt. 13:471 credit or ad
- Lightbox pt. 25:221 credit or ad
- Customized Slideshow Events pt. 14:521 credit or ad
- Customized Slideshow Events pt. 23:581 credit or ad
- Survey as an HTML Form pt. 16:571 credit or ad
- Survey as an HTML Form pt. 21:211 credit or ad
- Requiring Dijit4:281 credit or ad
- Enhancing HTML Form with Dijits pt. 13:391 credit or ad
- Enhancing HTML Form with Dijits pt. 25:091 credit or ad
- Controlling Display of Dialog pt. 15:541 credit or ad
- Controlling Display of Dialog pt. 22:411 credit or ad
- xhrPost & Dialog Arguments pt. 15:571 credit or ad
- xhrPost & Dialog Arguments pt. 25:061 credit or ad
- Dojo Review3:191 credit or ad
Second Look: YUI5 lessons
Project: YUI21 lessons
- Introduction3:281 credit or ad
- Setting Up & Acquiring YUI7:291 credit or ad
- onDOMReady3:011 credit or ad
- Adding a Calendar Selector5:501 credit or ad
- Adding a Rich Text Editor pt. 15:021 credit or ad
- Adding a Rich Text Editor pt. 23:361 credit or ad
- Adding a Panel pt. 15:351 credit or ad
- Adding a Panel pt. 22:521 credit or ad
- YUI Buttons pt. 14:091 credit or ad
- YUI Buttons pt. 25:361 credit or ad
- YUI Event Handling pt. 13:461 credit or ad
- YUI Event Handling pt. 25:581 credit or ad
- YUI Event Handling pt. 36:581 credit or ad
- Simple Animation pt. 14:441 credit or ad
- Simple Animation pt. 23:021 credit or ad
- Simple Animation pt. 35:141 credit or ad
- Overview of AutoComplete AJAX6:171 credit or ad
- AutoComplete Widget4:141 credit or ad
- DataSource4:301 credit or ad
- Finishing AutoComplete2:381 credit or ad
- YUI Review4:571 credit or ad
Second Look: jQuery7 lessons
Project: jQuery24 lessons
- Introduction2:501 credit or ad
- HTML & CSS Setup6:581 credit or ad
- jQuery Setup & $(document).ready(); pt. 13:061 credit or ad
- jQuery Setup & $(document).ready(); pt. 26:061 credit or ad
- Prepopulating Today\'s Date6:081 credit or ad
- Changing CSS with jQuery5:271 credit or ad
- Resetting & Refreshing the Form2:591 credit or ad
- val() & Selector Filtering6:121 credit or ad
- Dynamically Setting Hour Fields to Zero3:151 credit or ad
- State of the Security Audit Form3:441 credit or ad
- Resetting Textareas & Checkboxes3:281 credit or ad
- Writing Text to Elements with text()3:101 credit or ad
- Event Handling Checkboxes pt. 13:451 credit or ad
- Event Handling Checkboxes pt. 24:471 credit or ad
- Calculating Total5:071 credit or ad
- Event Handling Textfields pt. 16:521 credit or ad
- Event Handling Textfields pt. 24:541 credit or ad
- jQuery Animation pt. 13:481 credit or ad
- jQuery Animation pt. 22:591 credit or ad
- jQuery Animation pt. 32:411 credit or ad
- Ajax $.get()7:081 credit or ad
- Basics of Plugins4:551 credit or ad
- Implementing Datepicker6:171 credit or ad
- jQuery Review3:281 credit or ad