IT 238 -- Final Review Guide

To Exam Info

IT 238 -- Proctored Final Exam Review Guide

Last Revised: May 30, 2025, 11: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 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>  <style>  <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  border-collapse  margin  padding

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

CSS Class:
Definition: .tt { font-family: Courier New; }
Usage: <span class="tt">Test Phrase</span>

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

Logical Values
Constants equal to false when compared with ==:
```
0  0.0  ""  "0"  "0.0"  false
```
Constants equal to true when compared with ==:
```
1  1.0  "1"  "1.0"  true
```
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  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  DOMContentLoaded  focus  load  
mousedown  mouseenter  mouseleave  mousemove  mouseup
Event Object (e)

Attaching an Event Listener to an HTML Element

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

HTTP

HTTP means Hypertext Transmission Protocol
HTTP was invented by Tim Berners-Lee, who also invented HTML.
Information in the HTTP header:
Status code and description, creation date, server info, last modified date, content length and type, actual content, forms, images, links.
Common HTTP commands:
```
GET  HEAD  POST  PUT  DELETE
```

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