Exercise Tuesday

Goal: Practice jQuery basics by both creating a website that hides/shows various elements, and contains definitions of common jQuery and JavaScript terms.

Warm Up


  • What is a function? How do we create one? How do we call one?
  • What does it mean when we say "Business Logic" when referring to JavaScript?
  • What is the difference between JavaScript and jQuery?

Code


Flashcard Site

Make a webpage that is a flashcard site for learning JS & jQuery. On your site, a user should be able to click on a term or concept to see the definition appear. When they click on the definition, the original term should appear again. Here is a list of (some) terms and concepts that you have learned so far:

  • JavaScript (JS)
  • Operators
  • Variables
  • Variable naming conventions
  • Functions
  • Methods
  • Arguments
  • Parameters
  • Return
  • Chaining methods
  • Strings
  • Booleans
  • Undefined
  • NaN
  • Escape
  • Alert
  • Comments
  • jQuery
  • Attributes

Remember to start this project in its own directory, make it a Git repository and make frequent commits as you are building your site. Use Bootstrap as well.

Feel free to add to this site later to help you study and remember key ideas of JavaScript and jQuery.

Peer Code Review


  • Is jQuery used to hide and show definitions when flashcards are clicked on?
  • Is code indented properly throughout?
  • Are Git commit messages descriptive, and in the correct tense?