Choose your language:

France
Germany
Hong Kong

India
Ireland
Japan
Malaysia
Netherlands
New Zealand

Singapore

Sweden
United Kingdom
United States
Course Code

IN1153

Duration

3 Days

Previous work with front-end technologies, layered architectures, CSS, Semantic HTML, and JavaScript is required.
This course provides exposure to features and capabilities of the HTML5 and CSS3 specifications. Content focuses on the new capabilities of HTML markup, CSS3, and JavaScript features (to include ECMAScript 5 features). Important in the discussions of each of these technologies are the recommended best practices for handling them within practical applications and in cross-browser, cross-platform environments.
This course is designed for Front-End Developers and developers interested in the latest browser-based, front-end APIs.

Browsers, HTML5 Ecosystem, and Architecture
What is HTML5?
Current Support for HTML 5
The HTML5 Ecosystem
Major Areas
Myths and Facts
Building Layered Architectures
Semantic HTML
Progressive Enhancement

HTML5 Markup
The New Doctype and Standards Mode
The HTML Root Element and Changes within the <head>
New Link Relations
The New Semantic Structural Elements
New Headers, Footers, Sides, and Navigations
What is the HTML5 Shim?
Policies and Practices regarding an IE Shim
Completing the HTML5 Vocabulary

Forms, Media Content, Additional Semantic Elements
The New Form Controls and Attributes
Best Practices Using the Form Controls and Attributes
Special and Global Attributes
Other HTML5 Elements
Cross-Browser Support for the Additional Elements
<video>
<audio>
<canvas>

CSS3
CSS3 Cross-Browser Support
Supporting a Full Suite of CSS Selectors
New Color Support
Embedded Fonts
Rounded Corners
Drop Shadows (Box and Text)
Borders and Images
No More Sliding Doors?
Transitions
Animations
Transforms
How Much CSS Should Be Doing
Performance Enhancements
Data-URIs
Media Queries (Custom CSS)

ECMAScript 5 and New JavaScript Features
ECMAScript 5 Cross-Browser Support
Strict Mode
New Object Methods
New Array, Date, String, Function Methods
Selecting Nodes with querySelector(), querySelectorAll(),
getElementsByClassName()
GeoLocation APIs
New JS Event Handlers
Session/Local Storage
Application Cache
Drag-and-Drop API
Web Workers
Web Sockets
File API
History API
Touch Events
Server-Sent Events
Cross-Origin Resource Sharing

Send Us a Message
First Name
*
Last Name
*
Company
*
Email
*
Address Line 1
*
Address Line 2
City
*
*
Zip Code
Telephone
*
*
Choose one
*
Comments