JWU Guest Talk: JavaScript and AJAX

•Transferir como PPT, PDF•

4 gostaram•4,549 visualizações

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!

Mais conteúdo relacionado

Mais procurados

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

Mais procurados (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

Semelhante a 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

Semelhante a 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

Mais de 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

Mais de 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

Último

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘RTylerCroy

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slidevu2urc

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdfhans926745

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day PresentationMichael W. Hawkins

HTML Injection Attacks: Impact and Mitigation Strategies

HTML Injection Attacks: Impact and Mitigation Strategies

HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

Último (20)

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

HTML Injection Attacks: Impact and Mitigation Strategies

HTML Injection Attacks: Impact and Mitigation Strategies

HTML Injection Attacks: Impact and Mitigation Strategies

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

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!