Class on Topic

Plan

  1. Announcements
  2. Recap topic
  3. Quiz Questions
  4. Breakout session activities

Announcements

  1. what is due
  2. grading status
  3. talks lectures

Overview

So far, we've learned about MySQL and the database back-end and middleware like Flask.

Today, we'll be learning about using JavaScript and jQuery to make the web browser more dynamic. Today, we'll focus on code that is just running in the browser. Next time, we'll dynamically update the page by interacting with the server using Ajax.

Goal

By the end of today, you will be able to:

  • Write some JS code to work with an array of strings.
  • Use JQ to dynamically modify a page.
  • Attach code to a button or other element on the page
  • Write code to work with a user-controlled HTML form

Quiz Questions

I'll answer your quiz questions

Getting Started

Here's some commands you can copy/paste:

cd ~/public_html/
cp -r ~cs304/pub/downloads/jsjquery jsjquery
cd jsjquery
code colors1.html

Breakout Session

Summary

We've come a long way! We learned

  • how to use JS to dynamically compute quantities
  • how to use JQ to dynamically change CSS
  • how to use JQ to attach functions as event handlers.
  • how to use JQ to attach functions as delegated event handlers.
  • how to use JQ to retrieve form values and compute with user-supplied values
  • how to update the DOM