Microsoft Exam 70-480 Study Guide

Other study guides in the wild

Becky Bertram's Exam 70-480 Study Guide

Adnan Masood's Exam 70-480 Study Guide

Klas Mellbourn's Notes for Exam 70-480

Matt Menezes article How I passed 70-480 (includes links to about a half dozen guides, including the two above)

General Study Material and Sites

Programming in HTML5 with JavaScript and CSS3 

Developing in HTML5 with JavaScript and CSS3 Jump Start
Mozilla Developer Network (MozDN)
Microsoft Developer Network (MSDN)
MSDN Internet Explorer Dev Center
CSS-Tricks.com
w3.org
Channel 9
jQuery API documentation
Exam 70-480 description page

Microsoft 70-480: Raise and handle an event

Exam Objectives

Handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapters 3 and 6

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 5
Microsoft.com - Exam 70-480 - suggested link: Coding basic apps
MSDN - Objects and Events
MSDN - Understanding the Event Model
MSDN - Use cases for JavaScript Closures
JavaScript Closures from Jibbering.com
MSDN - Cross-browser event handling using plain ole JavaScript

Microsoft 70-480: Implement exception handling

Exam Objectives

Set and respond to error codes; throw an exception; request for null checks; implement try-catch-finally blocks

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 3
Advanced Windows Store App Development with HTML5 Jump Start - Module 6

JavaScript for Windows Store Apps: Exception Handling
MSDN - try...catch...finally Statement (JavaScript)
MSDN - JavaScript Run-time Errors (For Windows Store Apps)
MozDN - try...catch

How to check for undefined or null variable in javascript - Stackoverflow

JavaScript null check - Stackoverflow

MSDN - Error Object (JavaScript)
JavaScript spec
When JavaScript Feature Detection Fails

Microsoft 70-480: Establish the scope of objects and variables

Exam Objectives

Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; scope variables locally and globally

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapters 3 and 6
Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 4
MSDN - Namespacing in JavaScript

MSDN - Variable Scope (JavaScript)

Memory Management (Mozilla Dev Net) - lifetime of variables

Digital Web Mag - Scope in JavaScript - covers "this"

Working with the JavaScript “this” Keyword
JavaScript Closures
Closure (computer science)
MSDN - Use Cases for JavaScript Closures

Microsoft 70-480: Implement program flow

Exam Objectives

Iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators; evaluate expressions

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapters 3 and 6
Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 4
MSDN - Controlling Program Flow (JavaScript)
MSDN - JavaScript Statements - if(), switch(), while(), for()
MSDN - forEach Method (Array)
Stackoverflow - JavaScript Collection
MozDN - Statements - for...in, break
Detecting Object Property and Method Support - O'Reilly

Microsoft 70-480: Create and implement objects and methods

Exam Objectives

Implement native objects; create custom objects and custom properties for native objects using prototypes and functions; inherit from an object; implement native methods and create custom methods

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 6
Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 4
MSDN - JavaScript Fundamentals - Sections on functions and objects
MSDN - Prototypes and Prototype Inheritance
MozDN - Introduction to Object-Oriented JavaScript
JavaScript Closures from Jibbering.com
JavaScript Spec - ECMA 262 v.5
MozDN - Standard built-in objects

Microsoft 70-480: Serialize, deserialize, and transmit data

Exam Objectives

Binary data; text data (JSON, XML); implement the jQuery serialize method; Form.Submit; parse data; send data by using XMLHTTPRequest; sanitize input by using URI/form encoding

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 7
JQuery - .serialize()

Cross-browser JSON Serialization in JavaScript

MSDN - Global Object: encodeURIComponent, encodeURI, decodeURIComponent, and decodeURI

Sending and Receiving Binary Data (Mozilla Dev Net)

Using XMLHttpRequest (Mozilla Dev Net)

MSDN - XMLHTTPRequest (XHR) and AJAX Support - Multiple sub-articles

MSDN - XMLHttpRequest enhancements

MSDN - Support for JSON and Other Data Transfer Formats - Multiiple sub-articles
MSDN - Typed Arrays (JavaScript)
MozDN - JavaScript typed arrays
MozDN - Blob
MozDN - XMLSerializer

4.10.19.6 Form submission - w3.org HTML5 spec

JSON.parse - MSDN version or Mozilla Dev Net version
JSON.stringify -  MSDN version or Mozilla Dev Net version
khronos.org - Typed Array Specification

JavaScripture - ArrayBuffer
HTML5Rocks - Typed Arrays: Binary Data in the Browser
stackoverflow posts regarding when and why to use URL encoding: Should I?, and MIME types
Turning a form element into JSON and submiting it via jQuery

Microsoft 70-480: Create a flexible content layout

Exam Objectives

Implement a layout using a flexible box model; implement a layout using multi-column; implement a layout using position floating and exclusions; implement a layout using grid alignment; implement a layout using regions, grouping, and nesting

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 4

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 2

MSDN - Cascading Style Sheets

Getting Started with CSS (Mozilla Dev Net)

Tinkering with Flex-box - CSS-Tricks Video and Accompanying article

Learn CSS Layout

w3.org Introduction to CSS3

w3.org - CSS Exclusions, CSS Grid Layout, CSS Regions, CSS Flexible Box Layout

Using CSS multi-column layouts (MozDN)
Using CSS flexible boxes (MozDN)

Microsoft 70-480: Consume data

Exam Objectives

Consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 8
MSDN - JSON.parse Function (JavaScript)

MSDN - XMLHttpRequest object

MSDN forum - How to parse XML file(from web api) in metrostyle application with javascript

JSON (Mozilla Dev Net), JSON.parse()

MSDN - An Introduction To RESTful Services With WCF

MSDN - Using the REST Services with .NET

w3.org - Web Services Architecture spec
w3.org - XMLHTTPRequest Spec
w3.org - SOAP Primer
SOAP and/or REST and/or WebSocket - Oracle Video on YouTube (40min)

SOAP vs REST - Oracle Video on Youtube (10min)

MozDN - Parsing and serializing XML
MozDN - XMLHTTPRequest
XPath Tutorial - w3schools.com

Microsoft 70-480: Validate user input by using JavaScript

Exam Objectives

Evaluate a regular expression to validate the input format; validate that you are getting the right kind of data type by using built-in functions; prevent code injection

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 7
MSDN - Regular Expression Object (JavaScript)
Regular Expressions (Mozilla Dev Net)
HTML and JavaScript Injection
JavaScript to validate the user input

YouTube videos on JS Form Validation
Regexpal.com
MozDN - typeof
MozDN - Regular Expressions
MSDN - Data Types (JavaScript)
Stackoverflow - type checking in JavaScript
JavaScript spec - RegExp Object
JavaScript Form Validation - w3schools.com (grooooaaaan)

Microsoft 70-480: Create a web worker process

Exam Objectives

Start and stop a web worker; pass data to a web worker; configure timeouts and intervals on the web worker; register an event listener for the web worker; limitations of a web worker

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 9 (a whole 2 pages)

Advanced Windows Store App Development with HTML5 Jump Start - Module 1
MSDN - Introduction to HTML5 Web Workers: The JavaScript Multi-threading Approach

Web Workers - Code Project

YouTube videos on Web Workers

MSDN - Web Workers

Web Workers at w3.org

The Basics of Web Workers

MozDN - Using web workers
Transferable Objects - HTML5Rocks

Microsoft 70-480: Validate user input by using HTML5 elements

Exam Objectives

Choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 7

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 1 (part 1)
HTML5 specification from w3.org - Specifically Section 4.10 Forms
Dive Into HTML5 - A form of madness
Microsoft.com - Exam 70-480 - suggested link: pattern attribute | pattern property
MSDN - Better web forms with HTML5 Forms

Microsoft 70-480: Create an animated and adaptive UI

Exam Objectives

Animate objects by applying CSS transitions; apply 3-D and 2-D transformations; adjust UI based on media queries (device adaptations for output formats, displays, and representations); hide or disable controls

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 4

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 2

Advanced Windows Store App Development with HTML5 Jump Start - Module 4, 49min mark

MSDN - CSS3 Effects, Transitions and Animations

MSDN - Intro to Transitions, Intro to Animations

CSS-Tricks Almanac: transform, animation, transition

w3.org - CSS Transitions, CSS Transform, CSS Animation

Disable a textbox using CSS - Stackoverflow
MozDN - CSS media queries
w3.org - Media Queries spec
O'Reilly Webcast: HTML5 and CSS3 Responsive Web Design

Microsoft 70-480: Style HTML text properties

Exam Objectives

Apply styles to text appearance (color, bold, italics); apply styles to text font (WOFF and @font-face, size); apply styles to text alignment, spacing, and indentation; apply styles to text hyphenation; apply styles for a text drop shadow

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 4

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 2

Convert a Warm, Cheerful Web Design to HTML and CSS 

MSDN - How to Enhance Your Website's Type Design with CSS3

MSDN - CSS  Text

Text Styles (Mozilla Dev Net)

w3.org CSS3 Text spec draft
w3.org CSS3 Font module
w3.org WOFF spec

Microsoft 70-480: Structure a CSS file by using CSS selectors

Exam Objectives

Reference elements correctly; implement inheritance; override inheritance by using !important; style an element based on pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 4

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 2

MSDN - !important modifier

w3.org Assigning property values, Cascading, and Inheritance

Mozilla Dev Net - inheritance, specificity

MSDN - Understanding CSS Selectors
The Cascade - Sitepoint
CSS-Tricks.com - When using !important is the right choice
!important CSS Declarations: How and When to Use Them
w3.org - CSS2 Appendix F. Full property table

*I covered selectors in depth in another blog post, so this one will focus instead on inheritance, cascading, specificity, and using (or not using) !important.

Microsoft 70-480: Style HTML box properties

Exam Objectives

Apply styles to alter appearance attributes (size, border and rounding border corners, outline, padding, margin); apply styles to alter graphic effects (transparency, opacity, background image, gradients, shadow, clipping); apply styles to establish and change an element’s position (static, relative, absolute, fixed)

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 4

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 2

Convert a Warm, Cheerful Web Design to HTML and CSS 

MSDN - Cascading Style Sheets

Getting Started with CSS (Mozilla Dev Net)

CSS-Tricks Almanac: Position, opacity, background, clip, box-shadow

MSDN - Gradients

Using CSS Gradients (Mozilla Dev Net)

w3.org Introduction to CSS3
w3.org Box Model
MSDN - About Element Positioning

Microsoft 70-480: Find elements by using CSS selectors and jQuery

Exam Objectives

Choose the correct selector to reference an element; define element, style, and attribute selectors; find elements by using pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapters 4 and 6

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 2

Selectors (Mozilla Dev Net)

CSS-Tricks Almanac: Selectors

w3.org css3 Selectors Level 3 spec

MSDN - CSS Selectors

JQuery API Docs - Selectors

Microsoft 70-480: Implement a callback (WebSockets)

Exam Objectives

Receive messages from the HTML5 WebSocket API; use jQuery to make an AJAX call; wire up an event; implement a callback by using anonymous functions; handle the “this” pointer

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapters 3, 6, 8, 9, 10
MSDN - The WebSocket API
About HTML5 WebSockets - Websocket.org
MSDN Articles on HTML5 - Specifically  WebSockets: Stable and Ready for Developers
The WebSockets API from w3.org
Fully Understanding the this Keyword

5 Ways to make ajax calls with JQuery

MSDN - Asynchronous programming in JavaScript

Understanding Callback functions in JavaScript

JQuery API - Events and Ajax, Shorthand Ajax Methods

YouTube videos on Callback Functions
Start Using HTML5 WebSockets Today

Channel 9 - Building real-time web apps with HTML5 WebSockets - 1 hour video
Channel 9 - Building apps with WebSockets using IIS, ASP.NET and WCF - 1 hour video, probably more relavent to 70-486

Simple server implemtation in C# EchoHandler.ashx.cs ... probably outside the scope of this topic through

Microsoft 70-480: Implement HTML5 APIs

Exam Objectives

Implement storage APIs, AppCache API, and Geolocation API

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapters 14, 15, 16*
MSDN Application Cache API ("AppCache")

MSDN Storage API blog - specific to Windows Apps, not too useful...
MSDN Storage and State reference

MSDN Geolocation API 
MSDN Articles on HTML5 - Specifically:
     12 Cool HTML5 Geolocation Ideas
     Building Offline Experiences with HTML5 AppCache and IndexedDB
     Writing a data-centric oriented web application using HTML5 local storage - move MVC than anything
Dive Into HTML5 - You are here (and so is everybody else) - Geolocation
Dive Into HTML5 - A place to put your stuff - Storage
Dive Into HTML5 - Lets take this offline - AppCache
Stackoverflow - localStorage eventListener is not called
An early walkthrough of IndexedDB - compares IndexedDB and Web SQL DB
w3.org spec for Web Storage - also called local storage or DOM storage
w3.org spec for App Cache
w3.org spec for Geolocation
appcache demo site
Go offline with application cache

Google Maps API Geolocation Example

MSDN - Quickstart: detecting location using HTML5

*the chart in the back of the book includes Chapter 10, which covers the WebSockets API. However, another set of objectives covers WebSockets, so Chapter 10 really belongs there.

Microsoft 70-480: Apply styling to HTML elements programmatically

Exam Objectives

Change the location of an element; apply a transform; show and hide elements

Quick Overview of Training Materials

Programming in HTML5 with JavaScript and CSS3 - Training Guide - Chapter 4

Developing in HTML5 with JavaScript and CSS3 Jump Start - Module 1 (part 2)
HTML.net Positioning Tutorial
Stackoverflow - Changing an elements location in DOM
CSS3 Transforms spec from w3c.org
CSS from w3schools.com - I know, ugh, but hey I used them...
CSSTricks.com - Display
CSSTricks.com - Float
Transform (Mozilla Dev Net)
CSSTricks.com - Transform