O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

JavaScript Video How-To

Video Description

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

Table of Contents

  1. Learn how to...
    1. Create a "Hello World!" HTML File Using JavaScript 00:03:06
    2. Convert Celsius to Fahrenheit 00:02:28
    3. Create an Image Rollover 00:02:13
    4. Create a Function to Output User Messages 00:02:06
    5. Demonstrate the Scope of Variables 00:01:12
    6. Display Information Using the navigator Object 00:02:13
    7. Read the Date and Time 00:02:23
    8. Implement a Simple Spam Detector Function 00:02:09
    9. Manipulate Array Values 00:02:01
    10. Extend Your Spam Detector 00:01:32
    11. Extend an Object Using prototype 00:01:41
    12. Extend JavaScript's Own Objects 00:01:49
    13. Use the childNodes Property 00:02:16
    14. Use getElementsByTagName() 00:02:24
    15. Replace Child Elements 00:01:52
    16. Create Dynamic Page Menus 00:03:04
    17. Manipulate JSON Objects 00:02:16
    18. Move a Ball Using <canvas> 00:02:36
    19. Drag and Drop in HTML5 00:02:40
    20. Interact with the Local File System 00:02:12
    21. Set Style Properties 00:01:59
    22. Select a Particular Stylesheet 00:02:56
    23. Control Lighting Effects 00:01:38
    24. Use the getElements() Method 00:02:13
    25. Create a Simple jQuery Animation 00:02:23
    26. Drag and Drop with jQuery UI 00:01:51
    27. Code an Ajax Form with jQuery 00:04:05
    28. Write Cookies 00:01:55
    29. Use Cookies 00:02:33
    30. Check Out const 00:02:12
    31. Understand the MVC Framework Through a Real-World Example 00:01:00
    32. Use a Basic AngularJS Application 00:03:16
    33. Create a Chrome Extension to Get Airport Information 00:03:51
    34. Convert Code into Unobtrusive 00:03:23
    35. Use Your Browser's Debugging Tools 00:02:26
    36. Write a Banner-Cycling Script 00:04:32
    37. Apply a Home-Cooked Unit Test 00:02:25