JWU Guest Talk: JavaScript and AJAX

•Download as PPT, PDF•

4 likes•4,549 views

The document discusses how JavaScript, AJAX, jQuery, and other technologies enable dynamic and interactive functionality on web pages without reloading. It covers how the Document Object Model (DOM) allows JavaScript to access and modify elements, and how events and asynchronous requests via XMLHttpRequest (XHR) enable complicated behaviors and communication between the browser and server. jQuery is presented as a library that abstracts away cross-browser differences and simplifies tasks like DOM manipulation and event handling.

JavaScript, AJAX, jQuery, Code, OH MY! Or: How cool web stuff works

The Web That Was Web Page Web Page CGI

No reloading OMG LMAO!

[object Object],[object Object]

The Document Object Model (DOM) XML Document Object Model

JavaScript! Magic?

Referencing an XHTML element ,[object Object],[object Object],[object Object],[object Object],DOM Element Properties

How to Lose Friends ,[object Object]

Manipulating Element Contents InnerHTML! DOM Manipulation!

Events ,[object Object],Try Me

Complicated Behavior… Path101

XMLHttpRequest() ,[object Object]

Using XMLHttpRequest …in a cross-browser friendly way ,[object Object]

JavaScript Libraries ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

jQuery ,[object Object],[object Object]

jQuery Selector Syntax ,[object Object],[object Object],[object Object]

Events ,[object Object],[object Object],[object Object],[object Object]

Document Ready ,[object Object],[object Object],[object Object],[object Object]

Local Example ,[object Object],[object Object]

… explore… Thank you!

More Related Content

What's hot

We9 Struts 2.0wangjiaz

Intro to Html 5

Intro to Html 5

Intro to Html 5Shauvik Roy Choudhary, Ph.D.

Html5 structure tags

Html5 structure tags

Html5 structure tagsSEO SKills

Findability Bliss Through Web Standards

Findability Bliss Through Web Standards

Findability Bliss Through Web StandardsAarron Walter

Learning HTMLDesarae Veit

Microformats HTML to API

Microformats HTML to API

Microformats HTML to APIelliando dias

#3 HTML & CSS [know-how]

#3 HTML & CSS [know-how]

#3 HTML & CSS [know-how]Dalibor Gogic

Html5dotNETUserGroupDnipro

Jade & Javascript templating

Jade & Javascript templating

Jade & Javascript templatingwearefractal

Html basics IML 140 (weeks 2-3)

Html basics IML 140 (weeks 2-3)

Html basics IML 140 (weeks 2-3)Evan Hughes

Lecture 5 - Comm Lab: Web @ ITP

Lecture 5 - Comm Lab: Web @ ITP

Lecture 5 - Comm Lab: Web @ ITPyucefmerhi

Creating Web Sites with HTML and CSS

Creating Web Sites with HTML and CSS

Creating Web Sites with HTML and CSSBG Java EE Course

Microsoft and jQuery

Microsoft and jQuery

Microsoft and jQueryEric ShangKuan

The Basics of (X)HTML Tags

The Basics of (X)HTML Tags

The Basics of (X)HTML TagsLearningNerd

Ajax ons2Chad Davis

Building Complex GUI Apps The Right Way. With Ample SDK - SWDC2010

Building Complex GUI Apps The Right Way. With Ample SDK - SWDC2010

Building Complex GUI Apps The Right Way. With Ample SDK - SWDC2010Sergey Ilinsky

HtmlChidanand Byahatti

HTML all tags .........its to much helpful for beginners

HTML all tags .........its to much helpful for beginners

HTML all tags .........its to much helpful for beginners Nimrakhan89

What's hot (18)

We9 Struts 2.0

Intro to Html 5

Intro to Html 5

Intro to Html 5

Html5 structure tags

Html5 structure tags

Html5 structure tags

Findability Bliss Through Web Standards

Findability Bliss Through Web Standards

Findability Bliss Through Web Standards

Learning HTML

Microformats HTML to API

Microformats HTML to API

Microformats HTML to API

#3 HTML & CSS [know-how]

#3 HTML & CSS [know-how]

#3 HTML & CSS [know-how]

Html5

Jade & Javascript templating

Jade & Javascript templating

Jade & Javascript templating

Html basics IML 140 (weeks 2-3)

Html basics IML 140 (weeks 2-3)

Html basics IML 140 (weeks 2-3)

Lecture 5 - Comm Lab: Web @ ITP

Lecture 5 - Comm Lab: Web @ ITP

Lecture 5 - Comm Lab: Web @ ITP

Creating Web Sites with HTML and CSS

Creating Web Sites with HTML and CSS

Creating Web Sites with HTML and CSS

Microsoft and jQuery

Microsoft and jQuery

Microsoft and jQuery

The Basics of (X)HTML Tags

The Basics of (X)HTML Tags

The Basics of (X)HTML Tags

Ajax ons2

Building Complex GUI Apps The Right Way. With Ample SDK - SWDC2010

Building Complex GUI Apps The Right Way. With Ample SDK - SWDC2010

Building Complex GUI Apps The Right Way. With Ample SDK - SWDC2010

Html

HTML all tags .........its to much helpful for beginners

HTML all tags .........its to much helpful for beginners

HTML all tags .........its to much helpful for beginners

Similar to JWU Guest Talk: JavaScript and AJAX

Java Scriptsiddaram

Developing Gadgets

Developing Gadgets

Developing GadgetsQuirk

KMUTNB - Internet Programming 3/7

KMUTNB - Internet Programming 3/7

KMUTNB - Internet Programming 3/7phuphax

Developing and testing ajax components

Developing and testing ajax components

Developing and testing ajax componentsIgnacio Coloma

Everything You Always Wanted To Know About XML But Were Afraid To Ask

Everything You Always Wanted To Know About XML But Were Afraid To Ask

Everything You Always Wanted To Know About XML But Were Afraid To AskRichard Davis

Randy Witt Audio Assignment

Randy Witt Audio Assignment

Randy Witt Audio AssignmentPAVenturer

Javascript: Ajax & DOM Manipulation v1.2

Javascript: Ajax & DOM Manipulation v1.2

Javascript: Ajax & DOM Manipulation v1.2borkweb

Html pptIblesoft

HTML5 - techMaine Presentation 5/18/09

HTML5 - techMaine Presentation 5/18/09

HTML5 - techMaine Presentation 5/18/09pemaquid

AjaxpptRatna Prashanth

Ajaxpptvsnmurthy

Lecture1 B Frames&Forms

Lecture1 B Frames&Forms

Lecture1 B Frames&FormsSur College of Applied Sciences

HTML Fundamentals

HTML Fundamentals

HTML FundamentalsDoncho Minkov

Introducing YUI

Introducing YUI

Introducing YUIChristian Heilmann

Understanding html

Understanding html

Understanding htmlRay Villalobos

PHPTAL introduction

PHPTAL introduction

PHPTAL introduction'"">

Enterprise Google Gadgets Integrated with Alfresco - Open Source ECM

Enterprise Google Gadgets Integrated with Alfresco - Open Source ECM

Enterprise Google Gadgets Integrated with Alfresco - Open Source ECM Alfresco Software

JSP Custom Tags

JSP Custom Tags

JSP Custom TagsBG Java EE Course

Html for translators

Html for translators

Html for translatorsAndrea Spila

GTAC: AtomPub, testing your server implementation

GTAC: AtomPub, testing your server implementation

GTAC: AtomPub, testing your server implementationDavid Calavera

Similar to JWU Guest Talk: JavaScript and AJAX (20)

Java Script

Developing Gadgets

Developing Gadgets

Developing Gadgets

KMUTNB - Internet Programming 3/7

KMUTNB - Internet Programming 3/7

KMUTNB - Internet Programming 3/7

Developing and testing ajax components

Developing and testing ajax components

Developing and testing ajax components

Everything You Always Wanted To Know About XML But Were Afraid To Ask

Everything You Always Wanted To Know About XML But Were Afraid To Ask

Everything You Always Wanted To Know About XML But Were Afraid To Ask

Randy Witt Audio Assignment

Randy Witt Audio Assignment

Randy Witt Audio Assignment

Javascript: Ajax & DOM Manipulation v1.2

Javascript: Ajax & DOM Manipulation v1.2

Javascript: Ajax & DOM Manipulation v1.2

Html ppt

HTML5 - techMaine Presentation 5/18/09

HTML5 - techMaine Presentation 5/18/09

HTML5 - techMaine Presentation 5/18/09

Ajaxppt

Ajaxppt

Lecture1 B Frames&Forms

Lecture1 B Frames&Forms

Lecture1 B Frames&Forms

HTML Fundamentals

HTML Fundamentals

HTML Fundamentals

Introducing YUI

Introducing YUI

Introducing YUI

Understanding html

Understanding html

Understanding html

PHPTAL introduction

PHPTAL introduction

PHPTAL introduction

Enterprise Google Gadgets Integrated with Alfresco - Open Source ECM

Enterprise Google Gadgets Integrated with Alfresco - Open Source ECM

Enterprise Google Gadgets Integrated with Alfresco - Open Source ECM

JSP Custom Tags

JSP Custom Tags

JSP Custom Tags

Html for translators

Html for translators

Html for translators

GTAC: AtomPub, testing your server implementation

GTAC: AtomPub, testing your server implementation

GTAC: AtomPub, testing your server implementation

More from Hilary Mason

Grace Hopper Conference Opening Keynote

Grace Hopper Conference Opening Keynote

Grace Hopper Conference Opening KeynoteHilary Mason

Short URLs, Big Fun

Short URLs, Big Fun

Short URLs, Big FunHilary Mason

Strata NY Sep 2011: Big Data, Short URLs: Learning in Realtime

Strata NY Sep 2011: Big Data, Short URLs: Learning in Realtime

Strata NY Sep 2011: Big Data, Short URLs: Learning in RealtimeHilary Mason

PyCon 2011 Keynote

PyCon 2011 Keynote

PyCon 2011 KeynoteHilary Mason

Machine Learning for Web Data

Machine Learning for Web Data

Machine Learning for Web DataHilary Mason

A Data-driven Look at the Realtime Web

A Data-driven Look at the Realtime Web

A Data-driven Look at the Realtime WebHilary Mason

IgniteNYC: How to Replace Yourself With a Very Small Shell Script

IgniteNYC: How to Replace Yourself With a Very Small Shell Script

IgniteNYC: How to Replace Yourself With a Very Small Shell ScriptHilary Mason

Practical Data Analysis in Python

Practical Data Analysis in Python

Practical Data Analysis in PythonHilary Mason

Have data? What now?!

Have data? What now?!

Have data? What now?!Hilary Mason

Analytics for Virtual Worlds

Analytics for Virtual Worlds

Analytics for Virtual WorldsHilary Mason

Experiential Learning in Second Life

Experiential Learning in Second Life

Experiential Learning in Second LifeHilary Mason

Virtual Worlds in Education

Virtual Worlds in Education

Virtual Worlds in EducationHilary Mason

More from Hilary Mason (12)

Grace Hopper Conference Opening Keynote

Grace Hopper Conference Opening Keynote

Grace Hopper Conference Opening Keynote

Short URLs, Big Fun

Short URLs, Big Fun

Short URLs, Big Fun

Strata NY Sep 2011: Big Data, Short URLs: Learning in Realtime

Strata NY Sep 2011: Big Data, Short URLs: Learning in Realtime

Strata NY Sep 2011: Big Data, Short URLs: Learning in Realtime

PyCon 2011 Keynote

PyCon 2011 Keynote

PyCon 2011 Keynote

Machine Learning for Web Data

Machine Learning for Web Data

Machine Learning for Web Data

A Data-driven Look at the Realtime Web

A Data-driven Look at the Realtime Web

A Data-driven Look at the Realtime Web

IgniteNYC: How to Replace Yourself With a Very Small Shell Script

IgniteNYC: How to Replace Yourself With a Very Small Shell Script

IgniteNYC: How to Replace Yourself With a Very Small Shell Script

Practical Data Analysis in Python

Practical Data Analysis in Python

Practical Data Analysis in Python

Have data? What now?!

Have data? What now?!

Have data? What now?!

Analytics for Virtual Worlds

Analytics for Virtual Worlds

Analytics for Virtual Worlds

Experiential Learning in Second Life

Experiential Learning in Second Life

Experiential Learning in Second Life

Virtual Worlds in Education

Virtual Worlds in Education

Virtual Worlds in Education

Recently uploaded

Connecting the Dots in Product Design at KAYAK

Connecting the Dots in Product Design at KAYAK

Connecting the Dots in Product Design at KAYAKUXDXConf

How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf

How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf

How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance

Buy Epson EcoTank L3210 Colour Printer Online.pptx

Buy Epson EcoTank L3210 Colour Printer Online.pptx

Buy Epson EcoTank L3210 Colour Printer Online.pptxEasyPrinterHelp

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through ObservabilityScyllaDB

Agentic RAG What it is its types applications and implementation.pdf

Agentic RAG What it is its types applications and implementation.pdf

Agentic RAG What it is its types applications and implementation.pdfChristopherTHyatt

AI presentation and introduction - Retrieval Augmented Generation RAG 101

AI presentation and introduction - Retrieval Augmented Generation RAG 101

AI presentation and introduction - Retrieval Augmented Generation RAG 101vincent683379

Top 10 Symfony Development Companies 2024

Top 10 Symfony Development Companies 2024

Top 10 Symfony Development Companies 2024TopCSSGallery

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance

Enterprise Knowledge Graphs - Data Summit 2024

Enterprise Knowledge Graphs - Data Summit 2024

Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge

The Metaverse: Are We There Yet?

The Metaverse: Are We There Yet?

The Metaverse: Are We There Yet?Mark Billinghurst

Intro in Product Management - Коротко про професію продакт менеджера

Intro in Product Management - Коротко про професію продакт менеджера

Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk

Strategic AI Integration in Engineering Teams

Strategic AI Integration in Engineering Teams

Strategic AI Integration in Engineering TeamsUXDXConf

Structuring Teams and Portfolios for Success

Structuring Teams and Portfolios for Success

Structuring Teams and Portfolios for SuccessUXDXConf

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCzechDreamin

Buy Epson EcoTank L3210 Colour Printer Online.pdf

Buy Epson EcoTank L3210 Colour Printer Online.pdf

Buy Epson EcoTank L3210 Colour Printer Online.pdfEasyPrinterHelp

Syngulon - Selection technology May 2024.pdf

Syngulon - Selection technology May 2024.pdf

Syngulon - Selection technology May 2024.pdfSyngulon

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...CzechDreamin

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance

IESVE for Early Stage Design and Planning

IESVE for Early Stage Design and Planning

IESVE for Early Stage Design and PlanningIES VE

Recently uploaded (20)

Connecting the Dots in Product Design at KAYAK

Connecting the Dots in Product Design at KAYAK

Connecting the Dots in Product Design at KAYAK

How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf

How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf

How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

Buy Epson EcoTank L3210 Colour Printer Online.pptx

Buy Epson EcoTank L3210 Colour Printer Online.pptx

Buy Epson EcoTank L3210 Colour Printer Online.pptx

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Agentic RAG What it is its types applications and implementation.pdf

Agentic RAG What it is its types applications and implementation.pdf

Agentic RAG What it is its types applications and implementation.pdf

AI presentation and introduction - Retrieval Augmented Generation RAG 101

AI presentation and introduction - Retrieval Augmented Generation RAG 101

AI presentation and introduction - Retrieval Augmented Generation RAG 101

Top 10 Symfony Development Companies 2024

Top 10 Symfony Development Companies 2024

Top 10 Symfony Development Companies 2024

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

Enterprise Knowledge Graphs - Data Summit 2024

Enterprise Knowledge Graphs - Data Summit 2024

Enterprise Knowledge Graphs - Data Summit 2024

The Metaverse: Are We There Yet?

The Metaverse: Are We There Yet?

The Metaverse: Are We There Yet?

Intro in Product Management - Коротко про професію продакт менеджера

Intro in Product Management - Коротко про професію продакт менеджера

Intro in Product Management - Коротко про професію продакт менеджера

Strategic AI Integration in Engineering Teams

Strategic AI Integration in Engineering Teams

Strategic AI Integration in Engineering Teams

Structuring Teams and Portfolios for Success

Structuring Teams and Portfolios for Success

Structuring Teams and Portfolios for Success

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

Buy Epson EcoTank L3210 Colour Printer Online.pdf

Buy Epson EcoTank L3210 Colour Printer Online.pdf

Buy Epson EcoTank L3210 Colour Printer Online.pdf

Syngulon - Selection technology May 2024.pdf

Syngulon - Selection technology May 2024.pdf

Syngulon - Selection technology May 2024.pdf

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf

IESVE for Early Stage Design and Planning

IESVE for Early Stage Design and Planning

IESVE for Early Stage Design and Planning

JWU Guest Talk: JavaScript and AJAX

1. JavaScript, AJAX, jQuery, Code, OH MY! Or: How cool web stuff works

2. The Web That Was Web Page Web Page CGI

3. No reloading OMG LMAO!

4.

5.

6. The Document Object Model (DOM) XML Document Object Model

7. JavaScript! Magic?

8.

9.

10. Manipulating Element Contents InnerHTML! DOM Manipulation!

11.

12. Complicated Behavior… Path101

13.

14.

15.

16.

17.

18.

19.

20.

21. … explore… Thank you!