0% found this document useful (0 votes)
50 views

HTML5 CSS3 - 2 Days Contents

The document summarizes an HTML5 and CSS3 training course that covers the latest specifications and APIs in these technologies. The 2-day course teaches HTML5 features like local storage, offline applications, WebSockets, Canvas drawing, and forms validation. It also covers CSS3 topics such as colors, gradients, rounded corners, transforms, transitions, animations, and multicolumn layouts. Participants will build a ticket management application using HTML5 APIs to store and retrieve data, work offline, receive notifications, and display charts.

Uploaded by

Jatin Malik
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
50 views

HTML5 CSS3 - 2 Days Contents

The document summarizes an HTML5 and CSS3 training course that covers the latest specifications and APIs in these technologies. The 2-day course teaches HTML5 features like local storage, offline applications, WebSockets, Canvas drawing, and forms validation. It also covers CSS3 topics such as colors, gradients, rounded corners, transforms, transitions, animations, and multicolumn layouts. Participants will build a ticket management application using HTML5 APIs to store and retrieve data, work offline, receive notifications, and display charts.

Uploaded by

Jatin Malik
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML5 & CSS3

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

Johnson Controls, Gurgoan

Amdocs, Pune

Honeywell, Bangalore

Sony, Bangalore

Oracle, Bangalore

Synechron, Pune

Indiaplaza, Bangalore

EFI, Bangalore

Please refer to http://speakerrate.com/tkmagesh for the complete list.

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

Using HTML5 Today


Currently available features
Browser Support
Detective native availability of features
Working with emulation

Understanding HTML5 Markup


HTML5 Page Structure
HTML5 DOCTYPE
HTML5 markup structural elements
Semantic elements

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

HTML5 Audio & Video APIs


The Audio and Video Elements
Understanding Audio and Video
Working with Audio and Video Containers
Understanding Audio and Video Codecs

HTML5 Canvas & SVG


Overview of Canvas Vs. SVG
Canvas coordinates
Context
Pixel Data
Working with Canvas APIs
Drawing Operations
Canvas Transforms
Understanding and Working with SVG

Server Sent Events


Server Sent Events Support
Server Support
SSE Emulation
Broadcasting Information
Using the EventSource API

XHR Level 2 Improvements


XHR Level 2 Overview
Browser Support
Using XHR Level 2
Progress Events

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

HTML5 Offline Web Applications


Overview of HTML5 Offline Web Applications
Browser Support for HTML5 Offline Web Applications
Using HTML5 Offline Web Applications API
Creating a Sample Offline Application
Manifest Files
The applicationCache API

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

You might also like