JavaScript, Part 6 of 6: Objects

Course description

Objects in JavaScript 1.8 cover a wide variety of different items. This course will start with how to work with timers using the Window object. Next, you will learn to use the Location object to get page information and navigate to other pages. Finally, it will cover how to create and use windows programmatically.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Prerequisites

This course assumes that you have at least some programming experience in one or more modern programming languages. JavaScript will be particularly easy for you to learn if you have experience with any C-style languages – including Java, C# C++ or Visual Basic .NET would be helpful – but this is not required. The focus here is not on programming concepts but on the structure, syntax, and use of the JavaScript language. You should also have some basic familiarity with how to build Web pages using HTML (we’ll use HTML5 in this course, but you’ll be good if you’ve used HTML4 or XHMTL), Cascading Style Sheets (CSS), and other standard Web technologies.

Meet the expert

Don Kiely

Don Kiely is a featured instructor on many of our SQL Server and Visual Studio courses. He is a nationally recognized author, instructor, and consultant specializing in Microsoft technologies. Don has many years of teaching experience, is the author or co-author of several programming books, and has spoken at many industry conferences and user groups. In addition, Don is a consultant for a variety of companies that develop distributed applications for public and private organizations.

Video Runtime

86 Minutes

Time to complete

321 Minutes

Course Outline

Useful Objects

Working with Timers (19:36)

• Introduction (01:17)
• setInterval Method (00:45)
• Demo: Clock Application (01:50)
• Demo: Starting the Clock (04:34)
• Demo: Stopping the Clock (01:09)
• setTimeout Method (01:55)
• Demo: setTimeout Method (00:49)
• Demo: HTML Trick (02:13)
• Demo: setTimeout JavaScript (04:34)
• Summary (00:27)

Using the Location Object (25:17)

• Introduction (00:36)
• Demo: Sample Location Object (02:38)
• Using the Location Object (00:50)
• Demo: Location Object Features (02:27)
• Demo: Examining the Features (02:37)
• Demo: Reloading the Page (00:35)
• Demo: Navigating Pages (02:56)
• Query Strings (00:29)
• Demo: Query Strings (02:31)
• Demo: Query Strings Code (04:50)
• Navigation and Location Objects (01:59)
• Demo: Assign and Replace (02:18)
• Summary (00:24)

Working with Windows (18:25)

• Introduction (00:47)
• Working with Windows (02:02)
• Creating a Window (02:27)
• Open Method Attributes (01:30)
• Restricted Attribute Values (01:05)
• Using the New Window (01:19)
• Creating Content (01:49)
• Demo: Creating Child Windows (01:13)
• Demo: Windows HTML (00:55)
• Demo: Windows JavaScript (05:02)
• Summary (00:10)

Functions and Objects (22:54)

• Introduction (00:47)
• Demo: Functions Across Windows (02:28)
• Demo: Examining Parent Code (01:46)
• Demo: Examining the Child Code (04:35)
• Demo: Cross-Window Feature (02:12)
• Browser Differences (00:35)
• Demo: Difference with Chrome (04:10)
• Demo: Difference with Firefox (03:41)
• Demo: Difference with Explorer (01:51)
• Summary (00:45)