JavaScript Video How-To

Skip the reading and learn by watching!

Short, clear videos show you visually how to perform individual tasks in JavaScript.

JavaScript Video How-To is a series of short, 2- to 5-minute how-to videos that walk you through a specific task or technique related to creating dynamic, interactive web pages with JavaScript.

Adapted from Phil Ballard's book Sams Teach Yourself JavaScript in 24 Hours, each video is self-contained and focused entirely on one particular task. You can either go through the videos in sequence or you can jump into a particular task, see how something is done, and then jump out again.

About the Instructor

Phil Ballard the author of various Sams Teach Yourself titles, graduated in 1980 with an honors degree in electronics from the University of Leeds, England. Following an early career as a research scientist with a major multinational, he spent a few years in commercial and managerial roles within the high technology sector, later working full time as a software engineering consultant. Operating as “The Mouse Whisperer” (www.mousewhisperer.co.uk), Ballard has spent recent years involved solely in website and intranet design and development for an international portfolio of clients, as well as writing numerous technical books and articles.

Skill Level

• Beginner
• Intermediate

Just a couple minutes is all you need to learn how to...

• Create a “Hello World!” HTML File Using JavaScript
• Convert Celsius to Fahrenheit
• Create an Image Rollover
• Create a Function to Output User Messages
• Demonstrate the Scope of Variables
• Display Information Using the navigator Object
• Read the Date and Time
• Implement a Simple Spam Detector Function
• Manipulate Array Values
• Extend Your Spam Detector
• Extend an Object Using prototype
• Extend JavaScript's Own Objects
• Use the childNodes Property
• Use getElementsByTagName()
• Replace Child Elements
• Create Dynamic Page Menus
• Manipulate JSON Objects
• Move a Ball Using
• Drag and Drop in HTML5
• Interact with the Local File System
• Set Style Properties
• Select a Particular Stylesheet
• Control Lighting Effects
• Use the getElements() Method
• Create a Simple jQuery Animation
• Drag and Drop with jQuery UI
• Code an Ajax Form with jQuery
• Write Cookies
• Use Cookies
• Check Out const
• Understand the MVC Framework Through a Real-World Example
• Use a Basic AngularJS Application
• Create a Chrome Extension to Get Airport Information
• Convert Code into Unobtrusive Code
• Use Your Browser's Debugging Tools
• Write a Banner-Cycling Script
• Apply a Home-Cooked Unit Test

Who Should Use These Videos

• Anyone who wants to learn how to use JavaScript to create dynamic, interactive web pages
• Casual web designers and developers at all levels