Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Exam 70-480

Topics and Tips for passing the Microsoft Certification for HTML5 & CSS3

Patrick Badley

on 9 May 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Exam 70-480

Next Steps Prepare! Why Get Certified? Programming in HTML5 w/ JavaScript & CSS3 Programming in HTML5 w/ JavaScript & CSS3 These technologies make it easy to develop a responsive and intuitive user experience in
Web Applications
Windows 8 Apps
Mobile Applications Implement Program Flow Implement and manipulate document structures and objects Create the document structure Access and secure data Exam 70-480 Get Hired Eighty-six percent of hiring managers indicate IT certifications are a high or medium priority during the candidate evaluation process. Get Recognized Certification, training, and experience are three of the top four most important characteristics when selecting a candidate Get Ahead Training and certification play essential roles in preparing IT professionals for new technologies Exam Topics Implement and manipulate document structures and objects
Implement program flow
Access and secure data
Use CSS3 in applications What is it? Manipulate HTML5 tags such as header, footer, aside, and article What is the Semantic tag for grouping stand-alone content, such as video or image.
<article> Write code that interacts with UI controls Programmatically add and modify HTML elements
Implement media controls
Implement HTML5 canvas and SVG graphics Apply styling to HTML elements programmatically Change the location of an element; apply a transform; show and hide elements Which JS statement hides all section elements?
$('section').size(0, 0)
&(section).hide() Implement HTML5 APIs Implement storage APIs, AppCache API, and Geolocation API What is the syntax for storing data in HTML5 local storage?
$(local).lastname = "Smith";
Storage.Local['lastname'] = "Smith"; Establish the scope of objects and variables Define the lifetime of variables
Keep objects out of the global namespace
Use the “this” keyword to reference an object that fired an event Create and implement objects and methods* Implement native objects
Create custom objects and custom properties for native objects using prototypes and functions
Inherit from an object
Implement native methods
Create custom methods SVG will be slow in rendering (if complex)?
False Implement program flow Iterate across collections and array items
Manage program decisions by using switch statements, if/then, and operators
Evaluate expressions Raise and handle an event Handle common events exposed by DOM (OnBlur, OnFocus, OnClick)
Declare and handle bubbled events
Handle an event by using an anonymous function Implement exception handling Set and respond to error codes
Throw an exception
Request for null checks
Implement try-catch-finally blocks Implement a callback* 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 Create a web worker process* 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 something.addEventListener("click", somethingElse, false);
Listens for the click event on the:
something element
somethingElse element
and, when it occurs, executes:
somethingElse try { alert("Welcome guest!"); }
catch(err) { alert("Error: " + err.message);} var worker = new Worker('doWork.js');
worker.addEventListener('message', function(e) {
console.log('Worker said: ', e.data); }, false);
worker.postMessage('Hello World'); // Send data to our worker.

self.addEventListener('message', function(e) { self.postMessage(e.data); }, false); Validate user input by using HTML5 elements Choose the appropriate controls based on requirements
Implement HTML input types and content attributes to collect user input Validate user input by using JavaScript* 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 Consume data* Consume JSON and XML data
Retrieve data by using web services
Load data or get data from other sources by using XMLHTTPRequest Serialize, deserialize, and transmit data* Binary data
Text data (JSON, XML)
Implement the jQuery serialize method
Parse data
Sanitize input by using URI/form encoding Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5"> xmlhttp=new XMLHttpRequest();xmlhttp.open("GET","books.xml",false);xmlhttp.send();xmlDoc=xmlhttp.responseXML; Use CSS3 in applications Style HTML text properties 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 Style HTML box properties 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) Create a flexible content layout 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 Create an animated and adaptive UI 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 Find elements by using CSS selectors and jQuery Choose the correct selector to reference an element
Define element, style, and attribute selectors
Find elements by using pseudo-elements and pseudo-classes (:before, :first-line, :first-letter, :target, :lang, :checked, :first-child) Structure a CSS file by using CSS selectors Reference elements correctly
Implement inheritance
Override inheritance by using !important
Style an element based on pseudo-elements and pseudo-classes https://www.microsoftvirtualacademy.com/training-courses/learn-html5-with-javascript-css3-jumpstart-training?o=1943 Register! http://www.microsoft.com/learning/en/us/exam-70-480.aspx#fbid=vkI1jCNK7aD Get Certified! Cert Alert! New Certification Lunch & Learn Series
First Cert: 70-486 - MVC4
6 sessions starting in July
Every 2 weeks
2-3 Series per year covering different Certifications
All materials and references will be available through sharepoint
Full transcript