exam 70-480. structure presentation behaviour

26
PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 Exam 70-480

Upload: theodore-bernard-jenkins

Post on 28-Dec-2015

220 views

Category:

Documents


0 download

TRANSCRIPT

PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3Exam 70-480

HTML5, CSS3, JAVASCRIPT Structure

Presentation

Behaviour

HTML5 Which technology is HTML5 preceded by and derived from?

HTML 4.01 SGML XHTML 1.0 XML

HTML5: SEMANTIC MARKUP

SEMANTIC MARKUP

HTML5 INPUT ELEMENTS <input type="color" name=“mycolor">

<input type=“date" name=“mydate">

<input type=“email" name=“myemail">

<input type=“number" name=“mynumber">

<input type=“range" name=“myage“ min=“1” max=“100”>

See in browser!

HTML5 GRAPHICS <canvas id="myCanvas" width="200" height="100"></canvas>

<svg width=“300” height=“200”><polygon points=“100…"  style="fill:lime;" /></svg>

OTHER HTML5 ELEMENTS <audio>

<caption>

<datalist>

<figure>

<progress>

<section>

<video>

OTHER HTML5 STUFF Geolocation

Drag/drop

Web Storage

App Cache

Web Workers

Server-Sent Events

APPLYING STYLES Inline style

Embedded style

External style sheet

CASCADING STYLES Browser agent

User normal

User important

Author normal

Author important

Browser agent

User normal

Author normal

Author important

User important

CSS3 BORDERS Rounded borders

Use the border-radius property to make rounded corners

Borders with shadow Use the box-shadow property to add shadow to boxes

CSS3 GRADIENTS Linear gradients

background: linear-gradient(direction, color-stop1, color-stop2, ...);

Radial gradients background: radial-gradient(center, shape size, start-color, ..., last-color);

CSS3 TEXT EFFECTS Text shadow effect

text-shadow: 5px 5px 5px #FF0000;

Word-wrapping word-wrap: break-word;

MORE ABOUT CSS3 Fonts

Animations

2D / 3D Transforms

Multiple columns

User Interface

JAVASCRIPT Implementing inheritance

Jquery and Ajax

IMPLEMENTING INHERITANCE

IMPLEMENTING INHERITANCE

JQUERY Ajax

Callbacks object

CSS

Deferred object

Events

Selectors

AJAX

JAVASCRIPT Serializing forms

XMLHttpRequest

Implementing namespaces

Adding event listeners

Parsing JSON Objects

Use of isNan

EXAM 70:480Programming in HTML5 with CSS3 and Javascript

EXAM 70:480 Earn the following certificates:

Microsoft Certified Professional (MCP) Microsoft Specialist: Programming in HTML5, CSS3 and Javascript

Counts towards Microsoft Certified Solutions Developer (MCSD) Web Apps Windows Store Apps Using HTML5 Sharepoint Applications

Test centres in Wellington

$221.00

EXAM 70:480 45 questions, 2.5 hours

Get 700 points to pass

Microsoft Training Guide:

Brain dumps available online

4 sections

GOODLUCK!