Close

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.

 

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.
  • 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]
Share

2 thoughts on “Study Notes for 70-480 Programming HTML5 and CSS 3 Exam

  1. I came across your blog today and after just finding out about the 70-480 and the new revamped MCSD cert I am looking forward to using your guide to see if I can test out within the month. Are you planning on posting guides for the other two exams? I think they are 70-486 & 70-487.

  2. Alvino. Yes, you can take the test within a month providing you have working experience with HTML5/JS/CSS. Also, I will be posting guides for the other two exams.

Comments are closed.