Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.

Slides:



Advertisements
Similar presentations
Fawaz Ghali AJAX: Web Programming's Toy.
Advertisements

JavaScript and AJAX Jonathan Foss University of Warwick
ENHANCE YOUR DASHBOARD WITH JQUERY
JQuery & SharePoint San Antonio Users Group – September Meeting September 22, 2009 Microsoft SharePoint Server.
Sep 2010 Palestinian Land Authority IT Department By Salam Turkman1 Jquery (write less do more)
AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.
1 The World Wide Web Architectural Overview Static Web Documents Dynamic Web Documents HTTP – The HyperText Transfer Protocol Performance Enhancements.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
1 JavaScript & AJAX CS , Spring JavaScript.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
ITM352 Javascript and Dynamic Web Pages: Client Side Processing.
JQuery. What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library that simplifies HTML document traversing and manipulation event handling.
Definition from Wikipedia.  The Prototype JavaScript Framework  implemented as a single file of JavaScript code  named prototype.js (
Making AJAX Easy with jQuery Chris Renner Health Systems Analyst Programmer & Informatics Manager VUMC Office of Grants & Contracts Management October.
Chris Pinski.  History  What is Ajax  Who uses Ajax  Underlying Technologies  SE Aspect  Common Problems  Conclusion.
User Interface Design using jQuery Mobile CIS 136 Building Mobile Apps 1.
CGI and AJAX CS-260 Dick Steflik.
Lecture 12 – AJAX SFDV3011 – Advanced Web Development Reference: 1.
Day 17. » Client side and Server side » Since PHP is Server side and can output anything we want, we can output to JS. » With JS libraries, we can create.
Interacting with a Web Page using JavaScript Mat Kelly GTAI Presentation January 10, 2014.
Web Applications BIS4430 – unit 8. Learning Objectives Explain the uses of web application frameworks Relate the client-side, server-side architecture.
Mobile web Sebastian Lopienski IT Technical Forum 29 June 2012.
Lecture 9: AJAX, Javascript review..  AJAX  Synchronous vs. asynchronous browsing.  Refreshing only “part of a page” from a URL.  Frameworks: Prototype,
Fall 2006 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 2 – Ajax Fundamentals.
Web Design: Basic to Advanced Techniques Fall 2010 Mondays 7-9pm 200 Sutardja-Dai Hall Introduction to PHP.
Asynchronous Javascript And XML AJAX : an introduction UFCEUS-20-2 : Web Programming.
School of Computing and Information Systems CS 371 Web Application Programming AJAX.
Unleash the Power of jQuery Learning & Development Team Telerik Software Academy.
JQuery JavaScript is a powerful language but it is not always easy to work with. jQuery is a JavaScript library that helps with: – HTML document traversal.
Creating Dynamic Webpages
Ajax for Dynamic Web Development Gregory McChesney.
CS50 Week 9 Sam Green ’
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
AJAX James Kahng. Congrats Jack Guo for Angular entryentry This week’s coding challenge at end of talk.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
AJaX and SOA Partha Kuchana. Agenda What is AJaX Benefits & Problems AJaX & SOA AJaX architecture AJaX with No XML.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
Web Technologies Lecture 8 JQuery. “A fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax.
AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.
Dave Salinas. What is XML? XML stands for eXtensible Markup Language Markup language, like HTML HTML was designed to display data, whereas XML was designed.
JavaScript & Introduction to AJAX
AJAX CS456 Fall Examples Where is AJAX used? Why do we care?
PHP and AJAX. Servers and Clients For many years we tried to move as much as possible to the server. Weak clients, poor bandwidth, browser compatibility..
Javascript AJAX HTML WEB SERVER Asynchronous. Javascript HTML events DOM – document object model browser internal view of html page compute.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
JQuery form submission CIS 136 Building Mobile Apps 1.
Basics Components of Web Design & Development Basics, Components, Design and Development.
CSCI 3100 Tutorial 5 JavaScript & Ajax Jichuan Zeng Department of Computer Science and Engineering The Chinese University of Hong.
Doktorant ė : Egl ė Mickevi č i ū t ė Software development technologies KAUNO TECHNOLOGIJOS UNIVERSITETAS INFORMACIJOS SISTEM Ų KATEDA Kaunas, 2013.
JQuery Fundamentals Introduction Tutorial Videos
Unleash the Power of jQuery
CS 371 Web Application Programming
Lecture 11. Web Standards Continued
Fundamentals, DOM, Events, AJAX, UI
AJAX.
PHP + Oracle = Data-Driven Websites
IS 360 Course Introduction
Web Browser server client 3-Tier Architecture Apache web server PHP
JQuery with ASP.NET.
ხელმძღვანელი: დიმიტრი ქარაული
DR. JOHN ABRAHAM PROFESSOR UTPA
Introduction to JavaScript & jQuery
Client-Server Model: Requesting a Web Page
Murach's JavaScript and jQuery (3rd Ed.)
Creating dynamic/interactive web pages
Presentation transcript:

Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A

What is AJAX? Asynchronous JavaScript And XML A bundle of technologies used together to enhance user experience by altering displayed information on a web page without a page refresh. Employs HTML, CSS and JavaScript on client (browser) side, plus any one of a number of server-side technologies. PHP is the most popular server-side technology in AJAX implementations.

AJAX visual model Web Page Request made to JS function JS function makes XMLHTTP request to PHP script PHP script returns output to the JS function JS function updates Web Page

What is jQuery? A “JavaScript Library” that simplifies HTML and document traversing, event handling, animating, and AJAX interactions. A short hand for writing JavaScript with fewer lines of code do to the same things. “Write less, do more”

jQuery Syntax Examples Standard js: var foo = document.getElementById(‘bar’).value; jQuery: var foo = $(‘#bar’).val();

XMLHTTP Request with jQuery $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Nashville", success: function(msg){ alert( "Data Saved: " + msg ); } });

Tutorial/Demo Simple “tweeting” app

Demo Q&A Any questions?

Resources Beginning Ajax with PHP, Lee Babin, Apress, Amazon id: W3chools AJAX tutorial:

Find Me Phone: Dept Website: Web Development Blog: