J. N. Severn Trend Water
J. N. Severn Trend Water
HTML5 development fundamentals training course contents
Managing the Application Life Cycle
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.
Animations, Graphics, and Accessing Data
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.
Why Choose Us
SNT trainers score an average of over 90% on the three main areas of:
- Ability to teach
- Technical knowledge
- Answering questions
We limit our maximum class size to 8 delegates; often we have less than this. This ensures optimal interactivity between delegates and instructor.
"Excellent course. The small class size was a great benefit…" M.B. IBM
We write our own courses; courseware does not just consist of slides and our slides are diagrams not bullet point text. A typical chapter provides clearly defined objectives with a chapter overview, slides with text underneath, a quiz at the end to check the learning of the students. Hands on exercises are at the end and are used to reinforce the theory.