Guia para preparar el examen 70-480 HTML5 y JavaScript

Implement and Manipulate Document Structures and Objects (24%)

Create the document structure.

o This objective may include but is not limited to: structure the UI by using semantic markup, including for search engines and screen readers (Section, Article, Nav, Header, Footer, and Aside); create a layout container in HTML

http://www.w3schools.com/html/html5_new_elements.asp

 

Write code that interacts with UI controls.

o This objective may include but is not limited to: programmatically add and modify HTML elements; implement media controls; implement HTML5 canvas and SVG graphics

http://www.w3schools.com/html/html5_canvas.asp

http://www.w3schools.com/html/html5_svg.asp

 

Apply styling to HTML elements programmatically.

o This objective may include but is not limited to: change the location of an element; apply a transform; show and hide elements

 

Implement HTML5 APIs.

o This objective may include but is not limited to: implement storage APIs, AppCache API, and Geolocation API

http://www.w3schools.com/html/html5_geolocation.asp

http://www.w3schools.com/html/html5_webstorage.asp

http://www.w3schools.com/html/html5_app_cache.asp

 

Establish the scope of objects and variables.

o This objective may include but is not limited to: 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

http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/

http://www.quirksmode.org/js/this.html

 

Create and implement objects and methods.

o This objective may include but is not limited to: 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

http://www.javascriptkit.com/javatutors/object.shtml

http://www.crockford.com/javascript/inheritance.html

http://stackoverflow.com/questions/1635116/javascript-class-method-vs-class-prototype-method

http://www.javascriptkit.com/javatutors/proto.shtml

 

 

Implement Program Flow (25%)

Implement program flow.

o This objective may include but is not limited to: iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators; evaluate expressions

http://www.javascriptkit.com/jsref/looping.shtml

http://www.javascriptkit.com/javatutors/varshort.shtml

http://www.javascriptkit.com/javatutors/switch.shtml

 

Raise and handle an event.

o This objective may include but is not limited to: handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function

http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html

http://javascript.info/tutorial/bubbling-and-capturing

 

Implement exception handling.

o This objective may include but is not limited to: set and respond to error codes; throw an exception; request for null checks; implement try-catch-finally blocks

http://www.javascriptkit.com/javatutors/trycatch.shtml

 

Implement a callback.

o This objective may include but is not limited to: 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

http://www.w3.org/TR/2011/WD-websockets-20110419/

http://www.html5rocks.com/en/tutorials/websockets/basics/

http://api.jquery.com/jQuery.ajax/

 

Create a web worker process.

o This objective may include but is not limited to: 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

https://developer.mozilla.org/en-US/docs/DOM/Using_web_workers

http://www.html5rocks.com/en/tutorials/workers/basics/

 

Access and Secure Data (26%)

Validate user input by using HTML5 elements.

o This objective may include but is not limited to: choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input

http://diveintohtml5.info/forms.html

 

Validate user input by using JavaScript.

o This objective may include but is not limited to: 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

http://www.regular-expressions.info/javascript.html

http://msdn.microsoft.com/en-us/library/66ztdbe6(v=vs.94).aspx

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/typeof

http://blog.stackoverflow.com/2008/06/safe-html-and-xss/

http://stackoverflow.com/questions/942011/how-to-prevent-javascript-injection-attacks-within-user-generated-html

 

Consume data.

o This objective may include but is not limited to: consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest

http://www.erichynds.com/jquery/working-with-xml-jquery-and-javascript/

http://www.webdevstuff.com/86/javascript-xmlhttprequest-object.html

http://www.json.org/

http://stackoverflow.com/questions/4935632/how-to-parse-json-in-javascript

 

Serialize, deserialize, and transmit data.

o This objective may include but is not limited to: 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

http://api.jquery.com/serialize/

http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

http://stackoverflow.com/questions/327685/is-there-a-way-to-read-binary-data-into-javascript

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURI

 

 

Use CSS3 in Applications (25%)

Style HTML text properties.

o This objective may include but is not limited to: 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

http://www.w3schools.com/css/css_text.asp

http://www.w3schools.com/css/css_font.asp

http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

http://webdesign.about.com/od/beginningcss/p/aacss5text.htm

http://www.w3.org/TR/css3-text/

http://www.css3.info/preview/box-shadow/

 

Style HTML box properties.

o This objective may include but is not limited to: 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)

http://net.tutsplus.com/tutorials/html-css-techniques/10-css3-properties-you-need-to-be-familiar-with/

http://www.w3schools.com/css/css_image_transparency.asp

http://www.w3schools.com/cssref/pr_background-image.asp

http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html

http://www.w3.org/TR/CSS21/visufx.html

http://www.barelyfitz.com/screencast/html-training/css/positioning/

http://davidwalsh.name/css-fixed-position

 

Create a flexible content layout.

o This objective may include but is not limited to: 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

http://www.html5rocks.com/en/tutorials/flexbox/quick/

http://www.css3.info/preview/multi-column-layout/

http://msdn.microsoft.com/en-us/library/ie/hh673558(v=vs.85).aspx

http://dev.w3.org/csswg/css3-grid-layout/

http://dev.w3.org/csswg/css3-regions/

 

Create an animated and adaptive UI.

o This objective may include but is not limited to: 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

http://www.bloggedbychris.com/2012/09/19/microsoft-exam-70-480-study-guide/

 

Find elements by using CSS selectors and jQuery.

o This objective may include but is not limited to: 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)

http://www.bloggedbychris.com/2012/09/19/microsoft-exam-70-480-study-guide/

 

Structure a CSS file by using CSS selectors.

o This objective may include but is not limited to: 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)

http://www.bloggedbychris.com/2012/09/19/microsoft-exam-70-480-study-guide/

‹ Hay que seguir apostando a C# ;)

Deberia pasar lo mismo en Uruguay ›

Tagged with: 70-480, HTML, JavaScript
Publicado en Sin categoría