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 |
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)