HTML5 Fast Track Modules
Course Summary
HTML5 FastTrack is a one-day course for semi-professional developers or graduates from our HTML5 Essentials.
This module is exclusively offered as a part of HTML5 Course.
[top] Duration
1 day.
HTML5 Fast Track Modules is composed of the following:- Intermedia Javascript and jQuery (1 hour)
- Intermediate Selecting and Styling (1 hour)
- Advanced Markup and SVG (1 hour)
- Advanced Selecting and Styling (1 hour)
- API Code Overview (1 hour)
[top] Objectives
HTML5 FastTrack is designed for people that wish to quickly gain proficiency in HTML5.
We trust that graduates of HTML5 FastTrack will come away with an enormous amount of useful real-world development knowledge.
[top] Audience
This course is available as a stand alone one day course for our private clients. Public classes require this course to be taken as part of a larger course, such as HTML5 and HTML5 Mobile.
[top] Prerequisites
You have taken HTML5 Essentials, or have 2+ years in web development.
[top] Outline
Intermedia Javascript and jQuery (1 hour)
- Using web developer tools Tips for using the console
- Deeper into the DOM
- Scope, Private and Public, Callbacks and Nesting, NameSpacing, Using Object Literals, patterns, code execution, and general best practices
- Jquery, and the 20% you will use 80% of the time
- Event Handling and Binding Gotchas
- Intermediate Selecting and Styling
Intermediate Selecting and Styling (1 hour)
- Using web developer tools for live styling
- CSS3 selectors
- CSS3 properties
- CSS3 hints and gotchas
- Custom styles and conditional hacks
- The 20% of CSS3 that you will use 80% of the time
- Advanced Markup and SVG
Advanced Markup and SVG (1 hour)
- Even more meta tags
- SEO outlining
- Microformats
- Advanced SVG
- ARIA
- Device listening (@media)
- Working with third party fonts
- Retina versioning
- Advanced Selecting and Styling
Advanced Selecting and Styling (1 hour)
- Gylphs and Font Icons
- Effective use of multiple background images
- Gotchas for nth-of and other static selectors
- Advanced positioning techniques
- Border gotchas, grids, tables, and flex boxes
- EMs vs Pixels (pros and cons)
- Resetting Techniques
- Optimization
- CSS3 Fallback best practices
- Advanced styling with before and after filter injection
- HTML entities
- API Code Overview
API Code Overview (1 hour)
A mid-level overview (500ft) of all the APIs and related subjects that make up what we know as HTML5 We will be covering all the main HTML5 related subjects from Canvas and the Application Cache, to Touch Events Messaging API, Responsive Design, GeoLocation and WebSockets just to name a few This section moves quickly and discusses actual code.