IT 238 -- Final Review Guide

To Exam Info

IT 238 -- Proctored Final Exam Review Guide

Last Revised: Mar 4, 2025, 5:00 pm

Takehome Final Exam Format

10 to 15 Multiple choice questions. Show your work or otherwise explain your answer for partial credit. If answer is correct, the work or explanation is not needed.
Short answer questions.
1 out of 2 or 3 short essay questions.
Find the errors in an HTML/CSS/JavaScript project.

Bring to Exam

Two pages of notes, both sides .
This document: jQuery-JavaScript Dictionary.
No phones or calculators are allowed.

HTML/CSS/JavaScript Items and Other Definitions

HTML items:

<html>  <head>  <meta>  <title>  <link>  <script>
<body>  <span>  <br>  <p>  <h1>  <h2>  <h3>  <img>  <a>  
<ul>  <ol>  <li>  <table>  <tr>  <th>  <td>
<button>  <input>  <label>  <textarea>  <select>
<option>  <form>

CSS Styles:

color  background-color  font-family  font-size
font-weight  font-style  width  height  display
visibility

CSS Shorthand Styles:
```
border  font  margin  padding  
```

Hex Color Codes
Know the hex color codes for these colors:

red  lime  blue  yellow  aqua  magenta
maroon  green  navy  olive  teal  purple
black  white  gray  silver

Input Tag text Attribute Values:

text (default)  button  color  date  file  hidden
number  checkbox  password  radio  range  submit

JavaScript Keywords:

class  else  false  for  function  if  let  new  
null  return  this  true  typeof  var  while

Datatypes:

boolean  number  object  string  undefined 
Special number values: Infinity  NaN

Operators:

Arithmetic: +  -  *  /  %
Comparison: ==  ===  <  <=  >  >=  !=  !==
Logical:    &&  ||  !
Assignment: =  +=  -=  *=  /=  %=
Elvis:      ? :
Miscellaneous:  .  [ ]  ( )  typeof  new

Truthiness
Expressions with truthiness value false:
```
0  0.0  ""  false  NaN  undefined
```
Obtain truthiness value with Boolean function.
Control Structures:
if..else if.. else, while loop, traditional for loop, modern for loop.
Functions:
Named functions, parameters, arguments, anonymous functions, arrow notation, callback functions.

Array Methods:

concat  pop  push  shift  slice  splice  toString
unshift

Objects and Classes:
object literals, classes (constructor, properties, methods, toString method)

String Methods:

charAt  concat  indexOf  lastIndexOf  repeat 
split  startsWith  substr  substring  toLowerCase
toUpperCase  trim  valueOf

Math Class Methods:

abs  ceil  floor  max  min  random  round

Date Class Methods:

Constructor calls:
var d = new Date( );
var d = new Date(2021, 3, 2);
var d = new Date(2021, 3, 2, 20, 43, 51);

Getter methods:
getYear  getMonth  getDate  getHours  
getMinutes  getSeconds  getTime

Manipuating JSON Strings:
```
JSON.stringify  JSON.parse
```

DOM Manipulation Methods:
DOM means Document Object Model

getElementById  getElementsByClass  getElementsByName
getElementsByTagName  querySelector  querySelectorAll
createElement  appendChild  removeChild

HTML Element Attributes

id  innerHTML  name  nodeName  style  src  value

HTML/JavaScript Events

blur  change  click  dblclick  focus  load  mousedown
mouseenter  mouseleave  mousemove  mouseup
Event Object

Attaching an Event Listener to an HTML Element

Examples:
htmlElement.addEventListener("click", f);
htmlElement.onclick = f;

HTTP

HTTP means Hypertext Transmission Protocol
Parts of an HTTP transmission:
Status code and description, date, server info, last modified date, content length and type, actual content, forms, images, links.

Common HTTP commands:

GET  HEAD  POST  PUT  DELETE  TRACE  OPTIONS  CONNECT

Submission Forms

form (action, method)
submit button (<input type="submit" value="Submit Form">)
Each element that contains data to be submitted to the server with the form must have a name attribute.

Other JavaScript Concepts

JavaScript output: document.write, console.log, alert, DOM element;
expression interpolation (`${x}`); truthiness; scope (block, function, global)
JavaScript input: prompt; DOM element

jQuery

Be able to translate jQuery scripts into vanilla JavaScript.
jQuery-JavaScript Dictionary