Skip to content

Latest commit

 

History

History
52 lines (35 loc) · 1.42 KB

README.md

File metadata and controls

52 lines (35 loc) · 1.42 KB

#DOM & jQuery

Objectives
Use the JS library "jQuery" to select and manipulate DOM elements.
Describe an explain the importance and risks of using external libraries to accelerate coding.
Pair program.

#BUT FIRST!

Read this Comparison of jQuery and Vanilla JS (5 min)

Motivation (Why?)

jQuery is a very, very popular client-side library. It greatly simplifies:

  • Interacting with the DOM (selecting, changing)
  • Submitting forms
  • Receiving and sending data to APIs (AJAX)

Analogy (What?)

External libraries or modules like jQuery are like:

  • Shortcuts
  • Standing on the shoulders of giants
  • Letters, Syllables, Words, Phrases, Sentences, Paragraphs, Books

Pair Programming

  • Industry standard.
  • Fluid switching between driver and navigator.
  • Navigator gives directions.
  • Driver narrates what they are doing.
  • If unequal, driver should be learning, navigator instructing.
  • Hint: Make and write down a plan in english of what you're going to accomplish and the steps.

Challenges

Docs & Resources

jQuery API jQuery Examples

Basic Challenges

  1. Add jQuery to your tic-tac-toe app
  2. Refactor your JS to use jQuery in your tic-tac-toe app

Stretch Challenges

  1. Pull up your portfolio project from last week and refactor the Vanilla JS you used to use jQuery