JavaScript, Part 5 of 6: Web

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.

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

117 Minutes

Time to complete

450 Minutes

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)