Jquery

Course for JavaScript and jQuery

Course Outline

 

  • Introduction to Web Development
    • How a web application works
    • The components of a JavaScript application
    • The HTML and CSS skills that you need for this book
    • How to test a JavaScript application
    • How to use Aptana to develop JavaScript applications
  • Getting started with JavaScript
    • How to include JavaScript in an HTML document
    • The JavaScript syntax
    • How to work with JavaScript data
    • How to code control statements
    • Two illustrative applications
    • How to find errors in your code
  • How to work with objects, functions, and events
    • How to use objects to work with data
    • How to use functions
    • How to handle events
    • Two illustrative applications
  • How to test and debug a JavaScript application
    • An introduction to testing and debugging
    • How to debug with Firebug
    • Other debugging methods
  • How to work with arrays
    • How to create and use an array
    • An enhanced Email List application
  • How to script the DOM with JavaScript
    • DOM scripting properties and methods
    • The FAQs application
    • Two critical issues for JavaScript applications
    • DOM scripting skills for links and image
    • The Image Swap application
    • How to use timers
    • The Slide Show application
  • Get off to a fast start with jQuery
    • Introduction to jQuery
    • The basics of jQuery programming
    • The Email List application in jQuery
    • A working subset of selectors, methods, and event methods
    • Three illustrative applications
  • How to use effects and animations
    • How to use effects
    • A Slide Show application with effects
    • How to use animation
    • A Carousel application with animation
  • How to use the DOM manipulation and traversal methods
    • The DOM manipulation methods
    • The TOC application
    • The methods for working with styles and positioning
    • The DOM traversal methods
  • How to work with forms and data validation
    • Introduction to forms and controls
    • How to use jQuery to work with forms
    • A Validation application that uses JavaScript
    • How to use a plugin for data validation
    • A Validation application that uses the validation plugin
  • How to create and use plugins
    • Introduction to plugins
    • How to use four of the most useful plugins
    • How to create your own plugins
    • A web page that uses two plugins
  • Get off to a fast start with jQuery UI themes and widgets
    • Introduction to jQuery UI
    • How to build and use a jQuery UI downloads
    • How to use jQuery UI widgets
    • A web pages that uses jQuery UI
  • How to use jQuery UI interactions and effects
    • How to use interactions
    • How to use effect
  • Show to use Ajax, JSON, and Blogger
    • Introduction to AJAX
    • How to use the jQuery shorthand methods for AJAX
    • How to use the $.ajax method for working with Ajax
    • How to use Ajax with the API for Google’s Blogger
  • How to use the APIs for Youtube, Twitter, and Flicker
    • How to use Ajax with YouTube
    • How to use Ajax with Twitter
    • How to use Ajax with Flickr
  • How to use the API for Google Maps
    • Introduction to Google Maps
    • How to display markers on a map
    • How to display messages on a map
    • How to display driving directions
  • Get off to a fast start with jQuery Mobile
    • How to work with mobile devices
    • How to get started with jQuery Mobile
    • How to style web pages with jQuery Mobile
    • A mobile web site for Vecta Corp
  • How to enhance a jQuery Mobile web site
    • How to use the jQuery Mobile documentation
    • How to use jQuery Mobile for content formatting
    • How to use jQuery Mobile for list views
    • How to use jQuery Mobile for form
    • An enhanced mobile web sites for Vecta Corp

 
Duration: 40 Hours
Course Fee: INR. 30,000 + Tax


jQuery

Course Outline

 

  • Getting Ready
    • Putting jQuery In Context
    • HTML Primer
    • CSS Primer
  • Working with jQuery
    • JavaScript Primer
    • The jQuery Basics
    • Managing the Element Selection
    • Manipulating the DOM
    • Manipulating the Elements
    • Working with Events
    • Using jQuery Effects
    • Working with Data and Ajax
    • Using Data Templates
  • Working with Forms
    • Using Ajax
    • Using jQuery UI
  • Setting Up jQuery UI
    • Using the Button, Progress Bar, and Slider Widgets
    • Using the Autocomplete and Accordion Widgets
    • Using the Tabs Widget
    • Using the Datepicker Widget
    • Using the Dialog Widget
    • Using the Drag & Drop Interactions
    • Using the Other Interactions
  • Using jQuery Mobile
    • Getting Started with jQuery Mobile
    • Pages and Navigation
    • Dialogs, Themes, and Layouts
    • Buttons and Collapsible Blocks
    • Using jQuery Mobile Forms
    • jQuery Mobile Lists
  • Advanced Features
    • Using the jQuery Utility Methods
    • The jQuery UI Effects & CSS Framework
    • Using Deferred Objects

 
Duration: 56 Hours
Course Fee: INR. 30,000 + Tax


jQuery Mobile

Course Outline

 

  • 1 Getting Rolling
    • Introduction
    • Writing your first jQuery Mobile Application
    • Using JS Bin to create a simple application
  • 2 Pages and Dialogs
    • Introduction
    • Writing a single-page template application
    • Writing a multi-page template application
    • Prefetching pages for faster navigation
    • Using the DOM cache to improve performance
    • Custom styling a dialog
    • Using CSS to create a bouncing page transition
    • Using JS to create a slide and fade page transition
    • Using data-url to handle the login page navigation
    • Using History API to create a custom error pop up
  • 3 Toolbars
    • Introduction
    • Using fullscreen fixed toolbars
    • Using persistent navbars in toolbars
    • Customizing the header with multiple buttons
    • Adding a customized round button to the header
    • Add an image to the header
    • Adding a customized back button
    • Adding a layout grid to the footer
  • 4 Buttons and Contents Formatting
    • Introduction
    • Scripting a dynamically added button
    • Using a custom icon in a button
    • Adding a custom icon sprite
    • Replacing the default icon sprite
    • Using alternate icons in a collapsible
    • Creating a nested accordion
    • Creating a custom layout grid
    • Using XML content
    • Using JSON content
  • 5 Forms
    • Introduction
    • Native styling of form controlsjQuery Mobile
    • Disabling text controls
    • Grouping radio buttons in a grid
    • Customizing a checkbox group
    • Creating dynamic flip switch and slider controls
    • Using options to auto-initialize a select menu
    • Validating forms
    • Submitting a form using POST
    • Fetching data using Get
    • Creating an accessible form
  • 6 List Views
    • Introduction
    • Using inset and non-inset list
    • Creating a custom numbered list
    • Using a nested list
    • Using a read-only nested list
    • Formatting content in a list
    • Using a split button list
    • Using image icons
    • Creating a custom search filter
    • Modifying a list with JavaScript
  • 7 Configuration
    • Introduction
    • Configuring the active classes
    • Configuring ajaxEnabled
    • Configuring autoInitializePage
    • Configuring the default transitions
    • Configuring ignoreContentEnabled
    • Configuring the page loading and error messages
    • Configuring the default namespace
    • Configuring hashListeningEnabled and subPageUrlKey
    • Configuring pushStateEnabled and linkBindingEnabled
  • 8 Events
    • Introduction
    • Using orientation events
    • Using scroll events
    • Using touch events
    • Virtual mouse events
    • Page initialization events
    • Page load and remove events
    • Page change eventsjQuery Mobile
    • Page transition and animation events
    • Using layout events
  • 9 Methods and Utilities
    • Introduction
    • Using loadPage() to load a page
    • Using changePage() to change a page
    • Using jqmData() and jqmRemoveData()
    • Using jqmEnhanceable
    • Using jqmHijackable
    • Using $.mobile.path utility methods
    • Using silent scrolling
  • 10 The Theme Framework
    • Introduction
    • Theming a nested list
    • Using a custom background
    • Using custom fonts
    • Styling corners
    • Overriding the global Active State theme
    • Overriding an existing swatch
    • Using ThemeRoller tool to create a swatch
  • 11 HTML5 and jQuery Mobile
    • Introduction
    • Using the new HTML5 semantics
    • Improving speed and taking your application offline
    • Using Web Workers for Intensive tasks
    • Using local and session storage
    • 2D drawing with canvas
    • Applying Gaussian blur on a SVG image
    • Tracking your location with the geolocation API

 
Duration: 40 Hours
Course Fee: INR. 30,000 + Tax