Choose your language:

France
Germany
Hong Kong

India
Ireland
Japan
Malaysia
Netherlands
New Zealand

Singapore

Sweden
United Kingdom
United States
Course Code

IN1404

Duration

2 Days

To gain the most from this course, prior exposure to CSS and JavaScript is a must. For those not as familiar with front-end development, the 4-day course, Advanced JavaScript and HTML5 with Responsive Design, is recommended.

This course emphasizes best practice techniques using responsive design technologies including help from additional libraries such as Twitter Bootstrap, Responsejs, Adaptjs, Modernizr, jQuery, flexible grids, media queries, CSS frameworks, CSS pre-processing frameworks and more. Emphasis is given to hands-on development of web-based applications incorporating responsive design techniques.

This course is designed for front-end developers and developers interested in the latest browser-based, front-end APIs.
Enterprise JavaScript and HTML5
Layered Architectures
Enterprise JavaScript Architectures
MV* Frameworks
Developing in Team Environments
Incorporating Build Systems
Semantic HTML
Progressive Enhancement
Browser Rendering Modes
Cross-Browser Development
Firebug Overview
Chrome Developer Tools
IE Developer Tools
An HTML5.1 Update
HTML5 Markup and Non-conforming Browser
What is the HTML5 Shim?
Policies and Practices regarding an IE Shim
HTML5 Feature Detection
Incorporating Modernizr
Using Polyfills and Fallbacks

CSS Frameworks
Twitter Bootstrap for CSS
Bootstrap Base CSS for Text, Forms, Tables
jQueryUI Theming
Introducing SASS and LESS
Setting up a SASS environment
Using Nested Rules
Incorporating Variables and Mixins
SASS Inheritance
Responsive Web Design I
RWD using the Presentation Layer
The Mobile First Philosophy
Understanding CSS Media Queries
How to Design Using Flexible Grids
Grids Made Simple
CSS Grid Systems
Revisiting Twitter Bootstrap
What Are Flexible Images?
Introducing ResponseJS
Testing RWD Designs
Browser plugins for Responsive Testing

Responsive Web Design II
JavaScript and RWD
Optimizing Design in Mobile Devices
Properly degrading to Legacy Browsers
Managing Breakpoints
Handling UI Widgets Responsively

Appendix A – Web Accessibility
Rules for Web Accessibility
WAI & WCAG
ARIA
Understanding ARIA Roles
Landmark Roles
Ajax & ARIA
JavaScript UI Libraries and ARIA
LTR vs RTL Design Issues

Appendix B - HTML5 APIs
Local Storage
Geolocation
Application Cache
HTML5 File API
jQuery File Upload API
Using Drag and Drop APIs
History API
Touch Events
Send Us a Message
First Name
*
Last Name
*
Company
*
Email
*
Address Line 1
*
Address Line 2
City
*
*
Zip Code
Telephone
*
*
Choose one
*
Comments