Learn your way! Get started

JavaScript, Part 5: Web

with expert Don Kiely

Watch trailer

JavaScript, Part 5: Web Trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack
  • Power Pack Plus

Release date Release date 2/25/2013
Level Level Intermediate
Runtime Runtime 1h 57m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Closed captioning Closed captioning Included
Transcript Transcript Included
eBooks / courseware eBooks / courseware Included
Hands-on labs Hands-on labs Included
Sample code Sample code Included
Exams Exams Included

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

JavaScript has become an essential part of Web page development. In this course you will understand the role of JavaScript code in a browser. You will explore using JavaScript in a browser environment. Then you will understand the different options for placing JavaScript in a Web page. You will also see different phases of code execution and learn about browser incompatibilities.


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.

Prepare for certification

This course will help you prepare for:
70-480 Programming in HTML5 with JavaScript and CSS3

This course will help you earn:
MCSD: SharePoint Applications
MCSD: Web Applications

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.

Course outline

JavaScript: Web

Client-side JavaScript (16:35)
  • Introduction (00:41)
  • Introduction (01:18)
  • JavaScript in a Web Document (01:51)
  • JavaScript in a Web App (03:02)
  • Client-Side JavaScript (01:01)
  • The Window Object (02:20)
  • Window Object Methods (02:07)
  • Demo: Pop-up Window (03:46)
  • Summary (00:25)
More Client-Side JavaScript (17:22)
  • Introduction (00:54)
  • The Document Object (00:59)
  • Demo: HTML Elements (03:18)
  • Demo: Creating an Element (03:57)
  • Demo: Formatting Div Element (02:11)
  • Demo: Styling the Paragraphs (01:33)
  • Demo: Webpage with Scripting (03:54)
  • Summary (00:34)
End of client-side JavaScript (09:53)
  • Introduction (00:49)
  • Event Handler Properties (01:04)
  • Demo: onClick Event (05:00)
  • Demo: onLoad Event (02:38)
  • Summary (00:20)

Placement, Execution, Browser

JavaScript Placement (38:56)
  • Introduction (01:24)
  • Inline JavaScript Code (04:48)
  • External JavaScript Code (00:30)
  • Demo: Inline and External Code (02:44)
  • Demo: Using External Files (04:49)
  • Security Note (01:08)
  • Event Handler Attributes (01:49)
  • Demo: onClick Event Attribute (02:53)
  • Demo: onChange Event Attribute (02:18)
  • JavaScript as a URL (02:12)
  • Demo: JavaScript URL (01:49)
  • Demo: Updating JavaScript URL (05:38)
  • Which Option Should I Use? (03:54)
  • Unobtrusive JavaScript (02:05)
  • Summary (00:49)
JavaScript Code Execution (24:02)
  • Introduction (01:02)
  • Phases of Code Execution (02:23)
  • Script Execution Synchronicity (01:00)
  • Defer and Async Attributes (04:55)
  • Demo: Defer Attribute (04:02)
  • JavaScript Execution Timeline (04:54)
  • Demo: Execution Timeline (02:42)
  • JavaScript Threading (02:40)
  • Summary (00:19)
Browser (In)compatibility (11:02)
  • Introduction (01:08)
  • Browser (In)compatibility (01:56)
  • JavaScript Compatibility (03:18)
  • Demo: Modernizr Test Suite (04:10)
  • Summary (00:28)