Learn your way! Get started

JavaScript, Part 5 of 6: Web

with expert Don Kiely


Watch trailer


Course at a glance

Included in these subscriptions:

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

Release date 2/25/2013
Level Intermediate
Runtime 1h 57m
Closed captioning Included
Transcript Included
eBooks / courseware Included
Hands-on labs Included
Sample code Included
Exams Included


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. Next, you will understand the different options for placing JavaScript in a Web page. Finally, ou will also see different phases of code execution and learn about browser incompatibilities.

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.

Learning Paths

This course will help you prepare for the following certifications and exams:
MCSD: SharePoint Applications
MCSD: Web Applications
70-480: Programming in HTML5 with JavaScript and CSS3

This course is part of the following LearnNowOnline SuccessPaths™:
Web Development Fundamentals

Meet the expert

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



Client Side

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)

Browsers and Scope

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)