RICH INTERNET APPLICATIONS (RIA)

HTML5, CSS3, JavaScript, AJAX, jQuery and SilverLight

For Professionals
Effective from: Jan 2012

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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()

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

jQuery UI Training Outline

Getting Started with jQuery UI
o Downloading the Most Recent Version of jQuery UI
o Using an Existing Theme or Creating Your Own
o jQuery Wrapped Set Methods Extended by jQuery UI
o jQuery UI Animation Effects
o Using Animations with show(), hide() and toggle()
jQuery UI Interaction Helpers
o Draggables
o Droppables
o Resizables
o Selectables
o Sortables
jQuery UI User Interface Elements, Part I
o Progressbar
o Slider
o Datepicker
o Dialog
o Button
o Autocomplete
jQuery UI User Interface Elements, Part II
o Tabs

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

o Accordions
jQuery UI Plugins
o Using an Object to Retain State Information
o Using a Single Method with an Action Argument
o Creating a Plugin Using $.widget()
o Adding Callbacks to a Plugin

Ajax Training Outline

Ajax Basics
o The Purpose of Ajax
Traditional Web Application
An Ajax Web Application
o The XMLHttpRequest Object
Creating an XMLHttpRequest Object
Using an XMLHttpRequest Object
Handling the Response
Ajax Frameworks
o The Purpose of Frameworks
Choosing a Framework
o Dojo
Downloading Dojo
Using Dojo for Ajax
o Prototype
Downloading Prototype
Using Prototype for Ajax
o Other Popular Frameworks
Direct Web Remoting (DWR)
AjaxAnywhere
Simple Ajax (SAJAX)
Sarissa
Other Frameworks
The HTML Document Object Model
o Accessing Nodes
Accessing Element Nodes
Accessing Attribute Nodes
getAttribute
attributes[]
Accessing Nodes by Type, Name or Value
Accessing Nodes by Class Name

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

Removing Nodes from the DOM

DOM Differences: The Whitespace Problem
o Creating New Nodes
XML and Ajax
o Creating a DOM Document with JavaScript
o Accessing, Creating and Modifying XML Nodes
Creating an AddChild() Function
o Receiving XML Responses
o Passing XML to the Server
Ajax Applications
o Login Form
o Quick Lookup Form
o Preloaded Data
Ajax Slideshow
Navigable Tables
OO JavaScript and Refactoring Ajax
o Illustrating the Problem
o Object-Oriented JavaScript
JavaScript Classes
Prototypes
Extending Built-in Objects
o Refactoring the Ajax Request Code
JavaScript Object Notation (JSON)
o Object Literals
Arrays
Objects
Arrays in Objects
Objects in Arrays
o JSON
JSON Syntax
JSON Parsers
JSON Advantages and Disadvantages

10

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

Silverlight Training Outline

Controlling Html from Silver light
Calling managed code from JavaScript
Using the Local Connection API to communicate between multiple Silver light
instances
Maximizing SEO
Out Of Browser Support
Enabling OOB support
Using the Network Monitoring API
Updating an OOB Application

Working with Services

Creating Services for Silver light
Silver light enabled WCF services
Binary XML
ADO.NET Data Services
Restful services with POX and JSON

Data Binding

Understanding Data Binding in Silver light

Data Binding Modes

Data Binding Syntax
Data Context
Change Notification
Data Templates

Creating Custom Controls

The Silver light Toolkit

Motivation for creating custom controls
Creating custom controls

11

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

 Understanding Generic XAML

Using custom controls

Silver light Accessibility

Making Silver light accessible

Achieving DDA Compliance
UI Automation
Silver light Unit Testing

choosing a testing framework

Installing the framework
Writing Unit Tests for Silver light code
Adopting Test Driven Development (TDD) and Silver light
Integration
Silver light Navigation Applications

Overview
Creating Navigation Applications
Creating clean URLs
Understanding Deep Linking
Applying other styles and assets
Using navigation in standard Silver light applications

Notes:
Recommend Practical hours for student except class hours is 90 Hrs.
We also provide weekend classes for all courses.
After completion of 75% of course, student will go through Live Project
Training, Interview Preparation and Recruitment process in Software
Industry.

12

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential

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

58-61 (Basement), Vashist Park, Pankha Road,

New Delhi-46
Ph.: 011-28526572, 65833100, 9990345891
www.xpert-infotech.com
Email: [email protected]

14

COURSE OUTLINE FOR RIA

XPERT INFOTECH | Confidential