Study Notes for 70-480 Programming HTML5 and CSS 3 Exam

Having recently taken 70-480 Programming HTML5 and CSS 3 Exam, I think these notes I made may help those preparing for the exam. The topic-by-topic breakdown is courtesy of a colleague and friend Frank Liao.

• Exam 70-480: Programming in HTML5 with JavaScript and CSS3
• Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
• Videos - Jump start from Microsoft Virtual academy:
• Some Specifics
  • Jquery
  • onblur Event
  • Regex Validation
  • HTML5 Form Validation Examples
  • HTML <input> value Attribute
  • HTML <Aside> tag
  • jquery to goto a url on form submit with field values added to the url string
  • DecodeURIComponent
  • Best HTML5 markup for sidebar
  • CSS text-transform Property
  • HTML5 Inline SVG
  • What is the difference between decodeURIComponent and decodeURI?

Implement and Manipulate Document Structures and Objects (24%)

• Create the document structure. [link link]
  • This objective may include but is not limited to: structure the UI by using semantic markup, including for search engines and screen readers (Section [link], Article [link], Nav [link], Header [link], Footer [link], and Aside [link]); create a layout container in HTML
• Write code that interacts with UI controls.
  • This objective may include but is not limited to: programmatically add and modify HTML elements [link link link]; implement media controls [link link]; implement HTML5 canvas [link link] and SVG graphics [link]
• Apply styling to HTML elements programmatically. [link]
  • This objective may include but is not limited to: change the location of an element [link]; apply a transform [link link]; show and hide elements [link]
• Implement HTML5 APIs.
  • This objective may include but is not limited to: implement storage APIs [link link], AppCache API [link link], and Geolocation API [link]
• Establish the scope of objects and variables.
  • This objective may include but is not limited to: define the lifetime of variables [link]; keep objects out of the global namespace [link link]; use the “this” keyword to reference an object that fired an event [link]; scope variables locally and globally [link]
• Create and implement objects and methods. [link link]
  • This objective may include but is not limited to: implement native objects [link];

Implement Program Flow (25%)

• Implement program flow.
  • Iterate across collections and array items [link]; manage program decisions by using switch statements [link], if/then [link], and operators [link]; evaluate expressions [link]
• Raise and handle an event.
  • This objective may include but is not limited to: handle common events exposed by DOM (OnBlur [link], OnFocus [link], OnClick [link]); declare and handle bubbled events [link]; handle an event by using an anonymous function [link]
• Implement exception handling.
  • This objective may include but is not limited to: set and respond to error codes [link link]; throw an exception [link]; request for null checks [link]; implement try-catch-finally blocks [link]
• Implement a callback.
  • This objective may include but is not limited to: receive messages from the HTML5 WebSocket API [link]; use JQuery to make an AJAX call [link]; wire up an event [link]; implement a callback by using anonymous functions; handle the “this” pointer
• Create a web worker process. [link link]

Access and Secure Data (26%)

• Validate user input by using HTML5 elements. [link]
• Validate user input by using JavaScript.
  • This objective may include but is not limited to: evaluate a regular expression to validate the input format [link]; validate that you are getting the right kind of data type by using built-in functions [link]; prevent code injection
• Consume data.
  • This objective may include but is not limited to: consume JSON [link] and XML [link] data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest [link]
• Serialize, deserialize, and transmit data. [link]
  • This objective may include but is not limited to: binary data [link]; text data (JSON, XML) [link link link]; implement the JQuery serialize method [link]; Form.Submit [link]; parse data [link link link]; send data by using XMLHTTPRequest [link]; sanitize input by using URI/form encoding [link link]

Use CSS3 in Applications (25%)

• Style HTML text properties.
  • apply styles to text appearance (color [link], bold [link], italics [link]); apply styles to text font (WOOF and @font-face, size, understudy fonts) [link]; apply styles to text alignment [link], spacing [link], and indentation [link]; apply styles to text hyphenation [link]; apply styles for a text drop shadow [link]
• Style HTML box properties.
  • This objective may include but is not limited to: apply styles to alter appearance attributes (size [link link], border [link] and rounding border corners [link link], outline [link], padding [link], margin [link]); apply styles to alter graphic effects (transparency, opacity [link], background image [link], gradients [link], shadow [link], clipping [link link]); apply styles to establish and change an element’s position (static, relative, absolute, fixed) [link]
• Create a flexible content layout.
  • This objective may include but is not limited to: implement a layout using a flexible box model [link]; implement a layout using multi-column [link]; implement a layout using position floating and exclusions [link]; implement a layout using grid alignment [link]; implement a layout using regions [link], grouping, and nesting [link]
• Create an animated and adaptive UI.
  • CSS transitions [link link]; apply 3-D [link link] and 2-D [link] transformations; adjust UI based on media queries [link link]; hide or disable controls [link link]
• Find elements by using CSS selectors and JQuery. [link]
  • pseudo-elements [link] and pseudo-classes [link]
• Structure a CSS file by using CSS selectors. [link]