HTML5 development fundamentals

Description

HTML5 development training course 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

• Manage the Application Life Cycle.
• Build the User Interface by Using HTML5.
• Format the User Interface by Using CSS.
• Code by Using JavaScript.

HTML5 development training course details

HTML5 development training course contents

• Managing the Application Life Cycle
• Platform fundamentals

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 the state of an application

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

• Debug and test a HTML5 touch-enabled application

Touch gestures; gestures you test on a device.

• HTML5 UI: Text, Graphics, and Media
• HTML5 tags for text content and graphics.

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

• HTML5 tags to play media.

Video and audio tags.

• HTML5 UI: Organization, Input, and Validation
• HTML5 tags to organise content and forms

Tables, lists, sections; semantic HTML.

• HTML5 tags for input and validation
• CSS Essentials: Content Flow, Positioning, styling
• Core CSS concepts

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.

• CSS Essentials: Layouts
• Arrange UI content by using CSS

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.

• Managing Text Flow by Using CSS

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

• Managing the Graphical Interface by Using CSS

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.

• JavaScript and coding essentials

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.

• Animations, Graphics, and Accessing Data
• Code animations with JavaScript

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

• Access data access by using JavaScript

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

• JavaScript coding for Touch Interface, Device and Operating System Resources, and More

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.