Geeks With Blogs

News INETA Community Speakers Program
GeeksWithBlogs.net: WTFNext's hosting!

View Stacy Vicknair's profile on LinkedIn


WTF Next? Dev ramblings from a master of nothing.

Here’s a list of sources of information for the different elements that comprise the 70-480 exam:

General Resources

EDIT: http://www.microsoftvirtualacademy.com/tracks/developing-html5-apps-jump-start This is the end all source for video coverage of the exam, including information on the followup exam for building Windows Store apps with HTML5, CSS and Javascript. Go to the site to get a free voucher code to take the exam while supplies last!

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!)

(update):

http://codeshow.codeplex.com/ (This sample set includes a lot of information about both the 70-480 as well as 70-481)


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/

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/

 

Posted on Monday, October 8, 2012 8:22 AM Microsoft , Testing | Back to top


Comments on this post: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Thanks for putting the info here. It helped me in clearing the certification.

Left by Manjunath on Nov 14, 2012 8:56 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
hello..
i need the complete syllabus for the Programming in HTML5 with JavaScript and CSS3 exam from mircosoft..
if you have the complete syllabus for this exam..please send the link .thanks and regards
Maruthi
Left by Maruthi on Nov 15, 2012 3:44 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Thanks! Have passed the exam today.
Left by Sergey on Nov 26, 2012 2:08 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Thank you for this contribution, I know that will helpme a lot for take a certification
Left by emmanuel lopez on Nov 26, 2012 7:54 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Hiya,, Passed the Exam.
Left by Udaykiran on Dec 23, 2012 9:21 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Great article. Thanks! Helped me clear the exam 70-480 today!
Left by Ram Kishore on Dec 30, 2012 9:46 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Hi,
Thanks for valuable information.
Does anyone has the 70-480 self paced training kit ebook?

Thanks
Left by Ajay Sharma on Jan 03, 2013 4:39 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Thank you for this guide! I'll take the exam on Feb 6. For those who taken the exam which topic was more "critic". I have experience with HTML, CSS but not much with javascript. Thanks!
Left by Joao Grassi on Jan 05, 2013 7:09 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Thanks for sharing. I've linked your study guide as well as other to my site.
Left by Dee on Jan 13, 2013 11:03 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Many thanks for the breakdown, very helpful for exam preparation, as well good resources anyway. Especially enjoyed the Web Worker examples!
Left by Jon on Jan 16, 2013 5:08 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Thanks a lot :)
It really helped me a lot.
Left by monalin on Jan 19, 2013 10:22 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
The resources were really useful. Thanks for the share
Left by Chetan Palrecha on Jan 23, 2013 4:05 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Hi ,

Thanks very much for the information.

Could say what is the pass % for the exam.I'm preparing for the exam in two weeks.
Left by Abhinay on Jan 31, 2013 3:51 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Passed using your site and the Jumpstart vids. Thanks a million!
Left by Eric on Feb 18, 2013 7:15 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
My 70-480 exam is tomorrow. I am having really hard time with web sockets and pages that have link to w3C are very scary to read because they have tons of information on very hard to read pages and bad interface makes it more harder..

Pray for me.
Left by Hafiz Faraz Mukhtar on Feb 21, 2013 2:13 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Today i passed this exam.. my score 892/100.
this is very helpful in preparing exams although web sockets and some other topics are not clear in the mentioned links but somewhat reasonable for preparation.
Thankyou geekwithblog.net
Left by Hafiz Faraz Mukhtar on Feb 24, 2013 4:36 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
great! i passed because of this :)
Left by Mito on Feb 24, 2013 3:58 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
I found an excellent study guide just released to ebook for the Microsoft 70-480 exam - http://shop.oreilly.com/product/0790145371133.do
Left by Erik on Feb 28, 2013 1:56 PM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
Will you be posting a study guide for exam 70-486?
Left by MrJolly on Mar 02, 2013 10:26 AM

# re: Exam 70-480 Study Material: Programming in HTML5 with JavaScript and CSS3
Requesting Gravatar...
My book, "Training Guide - Programming in HTML5 with JavaScript and CSS3" , has released.
http://www.amazon.com/Training-Guide-Programming-HTML5-JavaScript/dp/0735674388/
Left by Glenn Johnson on May 23, 2013 1:07 PM

# Channel 9 is also a very helpful source
Requesting Gravatar...
Also checkout Channel9 - which proved to be a very helpful source to me: http://channel9.msdn.com/search?term=html5
Left by Reinhart on Jun 01, 2013 10:18 PM

Your comment:
 (will show your gravatar)


Copyright © Stacy Vicknair | Powered by: GeeksWithBlogs.net | Join free