In this course, you will explore the purpose of Ajax and its usage, what JQuery is and its usage in simplifying complex tasks, the syntax, key concepts of JQuery, and how to best utilize it.
You will also learn how to work with Ajax and JQuery together to handle forms and creating dynamic webpages.

Objectives:

At the end of this course, you will be able to

  • Competent in use of JQuery in HTML/JavaScript Programming
  • Create dynamic and rich web applications using Ajax and JQuery
  • Combine Ajax and JQuery for effective creation of web applications
  •  

    What you will learn:

  • Use the JQuery features to build pages that work across browsers
  • Develop complex pagination/animation effects with JQuery UI plugins
  • Create a dynamic web applications using Ajax with JQuery and retrieve dynamic pages(text/jsp/servlets) from Server
  •  

    Prerequisites:

  • Knowledge of HTML & JavaScript
  • Good to have prior experience in any Programming language
  •  

    Course Designed for:

  • Web developers and Designers who focus on front end web development side
  •  

    Course Duration:

  • 16 Hours
  •  

    Course Outline:

    Overview of Javascript
    Overview of DOM

  • Window Object
  • Node and Element
  • Creating new nodes
  • Adding /Removing nodes
  • Event Handling
  •  
    Introduction to Ajax

  • Ajax Basics
  • Traditional Web Application Vs Ajax Web Application
  • An Ajax Web Application Example
  •  
    Working with Ajax

  • The XMLHttpRequest Object
  • Creating an XMLHttpRequest Object
  • XMLHttpRequest open() Method
  • Using an XMLHttpRequest Object
  • Steps to do ajax operation
  • Callback function
  • ReadyState
  •  
    Handling Ajax Response

  • Response as XML or text
  • Getting JSP or text pages as response
  • Handling the Response using innerHTML
  • Use of GET and post with AJAX
  •  

    JQuery Introduction

  • Overview of JQuery
  • Downloading JQuery or using from CDN
  • Use of $() function
  • Dont jump the gun – use of $(document).ready() function
  •  
    DOM manipulation with JQuery

  • Use of selectors in JQuery
  • DOM traversal and manipulation
  • Using Element, Class and ID Selectors with jQuery
  • Modifying the Content and Styles of Selected Elements
  • Adding and Removing Elements Using jQuery
  • Adding JQuery UI plugins
    1. Datepicker
    2. Slider
    3. Accordion
    4. Tabs
  • Binding events to elements
  •  
    Handling Ajax Requests with JQuery

  • Get and post requests with JQuery
  • Handling form data using Ajax and JQuery
  •