RICH INTERNET APPLICATIONS (RIA) · o Placing JavaScript code in separate .js files o Using...

For Professionals

Effective from: Jan 2013

RICH INTERNET APPLICATIONS (RIA) HTML5, CSS3, JavaScript, AJAX, jQuery and SilverLight

1 | MindLogic Infotech | Confidential COURSE OUTLINE FOR RIA

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


o Pros and cons of having JavaScript open another window o Generating and sizing a new (child) window via JavaScript o Communication between the child window and the parent window o 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

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 $.getJSON() and $.get Script() o Exercising Complete Control with $.ajax() o Global Ajax Events

o 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

oDraggables 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


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


o 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


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

· 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.


Our Technology Specialization and Certification Courses:


KEY FEATURES OF MINDLOGIC INFOTECH:

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

CSC-5 D.D.A Market, Shop No.3, First Floor,

Avantika Sector 1, Rohini, New Delhi-110085 (Near Pole Star School, Avantika Mor)

www.mindlogicinfotech.com Email: [email protected]

Phone: +91-9711771854, +91-7065246800


RICH INTERNET APPLICATIONS (RIA) · o Placing JavaScript code in separate .js files o Using...

Documents

Transcript of RICH INTERNET APPLICATIONS (RIA) · o Placing JavaScript code in separate .js files o Using...