Prerequisite Knowledge

Basic HTML/CSS/JS Programming Concepts

Familiarity with the following concepts are highly recommended before programming the trivia game. But mastery is NOT required.

HTML

• Common HTML Elements and the basic tag syntax <div>, <h1>, <h2> (etc.), <button>, <span>

• Nesting elements

• id and class attributes

CSS

• Selectors for elements, classes, and ids

• Common properties used in styles: background-color, color, font-size, margin, padding, height, width, display, border, etc.

JavaScript

• Variables - numbers, strings, objects

• Functions

• Conditionals -- if, else

• jQuery selectors for elements, classes, and ids

• Basic jQuery functions: $.show(), $.hide(), $.html()

Options to Learn or Revisit Concepts

Intro to Informatics and Web Development (Recommended)

The Intro to Informatics and Web Development series of exercises covers HTML/CSS/JS and some informatics practices.

A Quick Dive

1. ​HTML​
2. ​CSS​
3. ​Classes and id's​
4. ​HTML Nesting​
5. jQuery Basics
6. JS Variables
7. JS Functions
8. JS Conditionals

Deeper Dive Options

• HTML - W3Schools, Khan Academy, Codecademy​
• CSS - W3Schools, Khan Academy, Codecademy​
• JavaScript - W3Schools (JS) / W3schools (jQuery), Khan Academy 1 (JS)/ Khan Academy 2 (jQuery), Codecademy 1 (JS) / Codecademy 2 (jQuery)