HTML5 development fundamentals

Description

This three-day MTA Training course helps you prepare
for Microsoft Technology Associate Exam 98-375, and
build an understanding of these topics: Manage the
Application Life Cycle, Build the User Interface by
Using HTML5, Format the User Interface by Using
CSS, Code by Using JavaScript. This course leverages
the same content as found in the Microsoft Official
Academic Course (MOAC) for this exam.

What will you learn

HTML5 development training course details

Anyone working with HTML5.

None.

3 days

Packaging and the runtime environment: app package, app container, credentials/permission sets, host process, leverage existing HTML5 skills and content for slate/tablet applications.

Manage session state, app state and persist state information; understand states of an application; understand the differences between local and session storage.

Touch gestures; gestures you test on a device.

When, why and how to use Canvas; when, why and how to use scalable vector graphics (SVG).

Video and audio tags.

Tables, lists, sections; semantic HTML.

Separate presentation from content (create content with HTML and style content with CSS); manage content flow (inline versus block flow); manage positioning of individual elements( float versus absolute positioning); manage content overflow (scrolling, visible and hidden); basic CSS styling.

Use flexible box and grid layouts to establish content alignment, direction and orientation; proportional scaling and use of "free scale" for elements within a flexible box or grid; order and arrange content; concepts for using flex box for simple layouts and grid for complex layouts; grid content properties for rows and columns; use application templates.

Regions and using regions to flow text content between multiple sections (content source, content container, dynamic flow, flow-into, flow-from, msRegionUpdate, msRegionOverflow, msGetRegionContent); columns and hyphenation and using these CSS settings to optimise the readability of text; use "positioned floats" to create text flow around a floating object

Graphics effects (rounded edges, shadows, transparency, background gradients, typography and Web Open Font Format); 2-D 3-D transformations (translate, scale, rotate, skew and 3-D perspective transitions and animations); SVG filter effects; Canvas.

Manage and maintain JavaScript, Create and use functions; jQuery and other third-party libraries. Update the UI by using JavaScript Locate/access elements; listen and respond to events; show and hide elements; update the content of elements.

animation; manipulate the canvas; work with images, shapes and other graphics.

Send and receive data; transmit complex objects and parsing; load and save files; App Cache; datatypes; forms; cookies; localStorage

Respond to the touch interface, Gestures, how to capture and respond to gestures, Code additional HTML5 APIs, GeoLocation, Web Workers, WebSocket; File API, Access device and operating system resources, In- memory resources, such as contact lists and calendar; hardware capabilities, such as GPS, accelerometer and camera.