Computer Science 302:

Web Development

Gregory M. Kapfhammer


Up right corner flickr photo by vincentag shared under a Creative Commons (BY-NC-ND) license

Keep in Touch!

Course Web Site

Office Hours

Teaching Assistants

Slack Communication

Relevant Tweets

Email Communication


flickr photo by SaurabhChatterjee shared under a Creative Commons (BY-NC-ND) license

Color Scheme

Key Concept

Corresponding Diagram

In-Class Discussion

In-Class Activity

Details in the Textbook

jQuery

Still commonly used in web sites

Other alternatives may exist!

Why did jQuery develop?

Loading jQuery from a CDN

jQuery Fundamentals

Selectors: temp = jQuery('body')

Filters: $(body *contains('warning'))

Modifiers: $("sample").html("brand new content")

What are the benefits and drawbacks?

DOM validation often does not occur!

jQuery Event Handling

Binding and unbinding events

Binding: Register a listener

Fire an event (e.g., page loading or mouse movement)

Unbinding: De-register a listener

DOM Manipulation with jQuery

Special effects and animations

Fading

Sliding

Popovers

Easing

AJAX

Asynchronous

XML

Web applications without AJAX

"It is the air that we breath"

Any further questions about JavaScript programming with jQuery?