HTML5 Training Outline

Introduction
Laying out a Page with HTML5
Page Structure
New HTML5 Structural Tags
Page Simplification
The Problems HTML 4 Addresses
The Problems XHTML Addresses
The New More Flexible Approach of HTML5 - Paving the Cowpaths
New Features of HTML5
The HTML5 Spec(s)
Current State of Browser Support
Sections and Articles
The section Tag
The article Tag
Outlining
Accessibility
Native Audio and Video
The Video Element
The Audio Element
Complete an exercise: marking up an audio element
Download the ogg file
Download the mp3 file
Creating the Audio Element
Download my Finished Version
Backwards Compatibility
Complete an exercise: marking up a video element, with fallback content
Download the mp4 video file
Download the ogv video file
Download the swf video file
Creating the Video Element
Download my finished version of the video
Video and Audio Codecs
HTML5 Forms
Modernizr
New Input Types

search
tel
url and email
date/time input types
number
range
min, max, and step attributes
color
HTML5 Web Storage
Overview of HTML5 Web Storage
Web Storage
Browser Support
Local Storage
Session Storage
Prefixing your Keys
Other Storage Methods
Web Database Storage
Indexed Database API
HTML5 Canvas
Getting Started with Canvas
Drawing Lines
Multiple Sub-Paths
The Path Drawing Process
The fill() Method
Color and Transparency
Rectangles
Circles and Arcs
Quadratic and Bezier Curves
Images
drawImage() - Basic
drawImage() - Sprites
Text

CSS3 Training Outline

Understanding CSS
Reviewing XTHML Basics
Understanding CSS Terminology
Adding Rules to a Style Sheet
Adding Selectors
Working with Multiple Declarations
Working with Style Sheets
Embedding a Style Sheet
Importing an External Style Sheet
Importing Multiple Style Sheets
Linking to an External Style Sheet
Managing Style Sheets
Selectors and the Cascade
Understanding Selectors
Using ID Selectors
Using Class Selectors
Using Grouped Selectors
Using Descendant Selectors
Looking for the Sources of Styles
Resolving Style Conflicts with Specificity
Using the !important Declaration
Understanding Inheritance
Revealing Unstyled Documents
Applying User Style Sheets
Using CSS to Affect Page Layout
Introducing the CSS Box Model
Creating Simple Floats
Using Floats for Page Layout
Fixing Column Drop
Clearing Essentials
Containing Floats
Displaying Elements
Setting Foreground and Background Properties

Adding Foreground Colors

Adding Color to Background Elements
Adding Background Images
Repeating Background Images
Positioning Background Images
Using the Background Shorthand Declaration
Setting Typography
Altering Line Height
Using Font Families
Changing Font Styles and Weights
Sizing Fonts
Writing Font Shorthand Declarations
Aligning Text Horizontally
Aligning Text Vertically
Transforming Text
Decorating Text
Using Margins and Borders to Create Whitespace and Separation
Understanding Margins
Adding Borders
Implementing Padding
Using Negative Margins
Collapsing Margins
Styling Tables
Styling Tables and Captions
Styling Table Cells
Styling Column Classes
Styling Links in Table Cells

JavaScript Training Outline

Introducing JavaScript
o Evolution of JavaScript since 1996
o Current uses of JavaScript in web applications
Where JavaScript goes
o Placing JavaScript code in separate .js files
o Using unobtrusive JavaScript principles to separate event handlers from
HTML
JavaScript language fundamentals
o Statements
o Variables and data types
o Operators (for both numbers and strings)
o Conditionals (if-else if-else and switch-case)
o Loops (while, do-while, for)
o Functions
Creating functions
Calling functions
Returning values
Understanding JavaScript objects
o The role of objects in JavaScript programming
o Working with methods and properties
o The JavaScript object hierarchy
o The implicit window object
o Event handlers
JavaScript with forms
o How forms fit into the JavaScript DOM
o Setting focus on a specific field
o Blocking a field from being edited
o Setting field values based on user input
o Basic validation: requiring field values to be filled in
o Handling calculations within forms (useful for totaling orders and other
quantitative form operations)
Includes a discussion of the Math object, which provides useful
methods for making calculations
JavaScript with links and images
o Using onMouseOver and onMouseOut to detect the presence of the mouse
o Using onClick to process clicks on hyperlinks
o Having hyperlinks call functions via javascript: URLs
o Conditionally navigating the user to a page when they click a link
o Dynamically swapping one or more images on a page based on the
position of the mouse
JavaScript for navigation
o Overview of the history and location objects
o Building a jump menu (a pulldown menu that takes the user to a page
based on their selection)
o Navigating the user to a specific page based on their input in a form
JavaScript for pop-up help

Pros and cons of having JavaScript open another window

Generating and sizing a new (child) window via JavaScript
Communication between the child window and the parent window
Implementing attractive pop-up help or information windows using
JavaScript
Advanced form validation with regular expressions
o Overview of regular expressions as a powerful language for validating form
submissions
Note: Regular expressions are supported by almost all major
programming languages -- learning them in this class will be a
boon to students who will later learn other languages
o Using the RegExp object in JavaScript
To test whether a string matches a pattern
To extract pieces of a string (e.g., the month, day, and year from a
date the user has entered)
To clean up illegal characters the user has entered
o
o
o
o

jQuery Training Outline

Getting Started with jQuery
o Downloading the Most Recent Version of jQuery
o Using jQuery with Other Libraries
o Starting Processing When the DOM Tree is Ready
o jQuery Utility Functions
Forming Wrapped Sets with jQuery Selectors
o CSS Selectors
o Hierarchical Selectors
o Basic Filters
o Content Filters
o Visibility Filters
o Attribute Filters
o Child-Specific Filters
o Form Element Filters
o Additional Wrapped Set Methods
Event-Driven Programming with jQuery
o Event Helpers
o Interaction Helpers: toggle() and hover()
o jQuery Event Objects
o jQuery Live Events
jQuery and Ajax
o The load() Wrapped Set Method
o Basic Ajax Requests with $.get() and $.post()

o
o
o
o

$.getJSON() and $.get Script()

Exercising Complete Control with $.ajax()
Global Ajax Events
Ajax Helper Methods
Developing jQuery Plugins
o Best Practices
o Utility Function Plugins
o Wrapped Set Method Plugins
o Providing Default Argument Values
XSLT Transformations with jQuery [upon request; adds 1/4 day to the class at
additional cost]
o Using the jQuery Transform plug-in
o Performing transformations
o Handling transformation output
o Passing parameters to XSLT stylesheets
jQuery Unit Testing [upon request; adds 1/4 day to the class at additional cost]
o Using the QUnit Framework
o Developing a Sample HTML Page for Testing
o Analysis of a jQuery Unit Test Script

Our Technology Specialization and Certification Courses:

13

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

KKEEYY FFEEA
AT
TU
URREES
SO
OFF X
XPPEERRT
T IIN
NFFO
OT
TEECCH
H::
Training by Certified and Experienced Trainers.
Industrial and Corporate Tie-ups for Live projects for student.
Well equipped Computer Lab, Internet and Book Bank facility.
Live project based Summer Trainings, Summer Internships and
summer programs.
100% placement assistance on every course.
Interview Preparation and Technical Events.
On Campus Interviews in every month for the placement of students.

WI-FI enabled classrooms.

100% Placement
Assistance

On Campus
Interviews