MSDN 70-480 – Programming in HTML5 with Javascript and CSS3

Hello,

I’ve recently took it upon myself to take part in a Microsoft exam. Throughout this blog I will be constantly updating it with revision material I found useful when revising for the exam.

A brief 45 minutes video well worth watching which explains what to expect when participating the exam, this is well worth a watch and I recommend starting here to get a overall look at the exam. Christopher Harrison also demonstrates some none exam questions to challenge you.

MSDN Website 

 

Jump Start Tutorial Videos 

These videos staring Jeremy Foster and Micheal Palermo are both free to the public and give in great examples in detail on each aspect of possible exam questions. There is a lot of hours of content to get through but depending on your experience you can speed up the videos and skip a lot of what you know

Video link – JumpStart

Part 0    Getting Started

Part 1    Semantic Markup, Forms, Media and SVG

Part 2    Cascading Style Sheets (CSS)

Part 3    Advanced Layouts and Animations

Part 4    JavaScript Core Capabilities

Part 5    Manipulating the DOM

Part 6    Advanced Topics

I’d also like to point out that some people in the comments didn’t pass the exam from watching these videos alone, so to enhance your possibility of passing you should also give yourself practical projects to accompany them.

Other Blogs

Chris Pietchmann’s Blog –  Very short followed by some free video courses and advice

Matt Menezes’s Blog – References to other useful blogs

 

1 Implement and Manipulate Document Structures and Objects

1.1 Create the document structure

1.2 Write code that interacts with UI controls

  • <<Add your resources here>>
  • <<Add your resources here>>

1.3 Apply styling to HTML elements programmatically

  • <<Add your resources here>>
  • <<Add your resources here>>

1.4 Implement HTML5 APIs

  • <<Add your resources here>>
  • <<Add your resources here>>

1.5 Establish the scope of objects and methods

1.6 Create and implement objects and methods

  • <<Add your resources here>>
  • <<Add your resources here>>

2 Implement Program Flow

2.1 Implement program flow

  • <<Add your resources here>>
  • <<Add your resources here>>

2.2 Raise and handle an event

  • <<Add your resources here>>
  • <<Add your resources here>>

2.3 Implement exception handling

  • <<Add your resources here>>
  • <<Add your resources here>>

2.4 Implement a callback

  • <<Add your resources here>>
  • <<Add your resources here>>

2.5 Create a web worker process

  • <<Add your resources here>>
  • <<Add your resources here>>

3 Access and Secure Data

3.1 Validate user input by using HTML5 elements

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

  • Dive into Html5 – forms
  • Html forms guide
  • Input types – Know what these types of input are!
    • Existing
      • Text
      • button
      • checkbox
      • file
      • hidden
      • image
      • password
      • radio
      • submit
    • New in Html 5
      • color
      • date
      • datetime
      • datetime-local
      • email
      • month
      • number
      • range
      • search
      • tel
      • time
      • url
      • week
    • type Attribute
  • Attributes – know what they do!
    • These are important ones
    • accept – used for file input only
    • autocomplete – can turn off
    • autofocus
    • max, min, step
    • pattern
    • placeholder
    • required
    • formnovalidate
    • and more

3.2 Validate user input by using JavaScript

  • <<Add your resources here>>
  • <<Add your resources here>>

3.3 Consume data

  • <<Add your resources here>>
  • <<Add your resources here>>

3.4 Serialize, deserialize, and transmit data

4 Use CSS3 in Applications

4.1 Style HTML text properties

  • <<Add your resources here>>
  • <<Add your resources here>>

4.2 Style HTML box properties

4.3 Create a flexible content layout

  • <<Add your resources here>>
  • <<Add your resources here>>

4.4 Create an animated and adaptive UI

  • <<Add your resources here>>
  • <<Add your resources here>>

4.5 Find elements by using CSS selectors and jQuery

4.6 Structure a CSS file by using CSS selectors

  • http://www.w3.org/TR/css3-cascade/
  • <<Add your resources here>>

Leave a Reply