Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Posted
by Stacy Vicknair
on Geeks with Blogs
See other posts from Geeks with Blogs
or by Stacy Vicknair
Published on Mon, 08 Oct 2012 19:22:49 GMT
Indexed on
2012/10/09
21:41 UTC
Read the original article
Hit count: 753
Here’s a list of sources of information for the different elements that comprise the 70-480 exam:
General Resources
http://www.w3schools.com (As pointed out in David Pallmann’s blog some of this content is unverified, but it is a decent source of information. For more about when it isn’t decent, see http://www.w3fools.com )
http://www.bloggedbychris.com/2012/09/19/microsoft-exam-70-480-study-guide/ (A guy who did a lot of what I did already, sadly I found this halfway through finishing my resources list. This list is expertly put together so I would recommend checking it out.)
http://davidpallmann.blogspot.com/2012/08/microsoft-certification-exam-70-480.html
http://pluralsight.com/training/Courses (Yes, this isn’t free, but if you look at the course listing there is an entire section on HTML5, CSS3 and Javascript. You can always try the trial!)
Some of the links I put below will overlap with the other resources above, but I tried to find explanations that looked beneficial to me on links outside those already mentioned.
Test Breakdown
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/
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://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://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/
© Geeks with Blogs or respective owner