HTML5 CSS3 - 2 Days Contents
HTML5 CSS3 - 2 Days Contents
Summary
The next major version of HTML introduces a number of new elements and attributes that reflects the
typical usage of modern websites. In addition to the mark up enhancements, it also proposes a range of
powerful APIs to be implemented by browsers that can aid the development of Rich Internet Applications (RIA)
using open standards.
Duration
2 Days
Past Occurrences
Amdocs, Pune
Honeywell, Bangalore
Sony, Bangalore
Oracle, Bangalore
Synechron, Pune
Indiaplaza, Bangalore
EFI, Bangalore
Participants Feedback
The session was well conducted and informative
-Rohit Singh,
Honeywell, Bangalore
http://speakerrate.com/talks/9251-html5-css3-jquery
It was great attending the HTML5, CSS3, jQuery training. Your presentation and delivery was excellent. I have
got a very good confidence in entering HTML5 world.
-Theiveegam
Honewell, Bangalore
http://speakerrate.com/talks/9251-html5-css3-jquery
Course Details
Technologies covered:
HTML5
CSS3
Hardware requirements
Pentium Processor
2 GB RAM or greater
10 G Hard Drive or greater
Networked with TCP/IP (required)
Internet connection
Software requirements
Windows XP Professional (SP2), Windows Vista, or Windows Server 2003 SP2 or 2008
IIS
Office System 2003 or 2007, or Microsoft Word reader
Adobe Acrobat Reader
Chrome, Firefox
Course outline
Training Methodology
The training is focused on building a Ticket Management Application that exploits the various infrastructures
offered by the Browser through HTML5 APs. Some of the use cases covered are:
1.
2.
3.
4.
5.
6.
7.
Use the HTML5 Storage capabilities to store the ticket information on the client side and implement
the solution using LocalStorage, SessionStorage and IndexedDB
Make the application available offline using Offline Application Cache
Use WebSockets and Server Sent Events for seamless notification across clients using the same
application
Use Canvas to draw a bar chart depicting the statistics about the tickets (closed vs open etc)
Make the application accessible using all screen factors (laptops, tablets and phones)
Use HTML5 forms API for validation
Backup ticket information in a flat file using File System API
HTML 5
Overview of HTML5
New in HTML5
New DOCTYPE and Character Set
New and Depreciated Elements
Semantic Markup
Simplifying Selection using the Selectors API
JavaScript Logging and Debugging
Window.JSON
DOM Level 3
HTML5 Forms
HTML Forms VsXForms
Functional Forms
New Form Attributes and Functions
Placeholder Attribute
Autocomplete Attribute
Autofocus Attribute
List Attribute and datalist Element
Min and Max attributes
ValueAsNumber attribute
Required Attribute
Checking Forms with Validation
Validation Feedback
WebSockets
Realtime and HTTP
Understanding HTML5 Web Sockets
Using HTML5 WebSockets API
WebSocket Events
Sending and Receiving Messages using WebSockets
Overview of Pusher
Web Workers
Checking for Browser Support
Creating HTML5 Web Workers
Loading and Executing Additional JavaScript
Communicating with HTML5 Web Workers
Handling Errors
Stopping Web Workers
Using Timers
Web Storage
Overview of HTML5 Web Storage
Browser Support for HTML4 Web Storage
Using the HTML5 Web Storage
Checking for Browser Support
Setting and Retrieving Values
Plugging Data Leaks
CSS 3
CSS 3.0
Introducing CSS3
CSS3 Colors, Gradients and Multiple Backgrounds
Rounded Corners and Border-Radius
CSS3 Transforms
Transitions
Animations & 2D Transformations
Web Fonts with @font-face
CSS3 Multicolumn Layouts