Web development fundamentals

HTML5 development fundamentals 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.