ALL

Question 1

7 data types

Answer 1

numbers, strings, boolean, objects, arrays, null, undefined

Question 2

strings

Answer 2

words

Question 3

what is interpolation

Answer 3

back ticks ``

Question 4

interpolation operators

Answer 4

${}

Question 5

how to combine text

Answer 5

“word” + “word”

Question 6

Boolean

Answer 6

conditional statement if this do this

Question 7

what is falsey data

Answer 7

false, null, undefined,null, 0, NaN, empty “ “

Question 8

Strict Equality operators

Answer 8

===

Question 9

strict inequality operators

Answer 9

!==

Question 10

3 logical operators

Answer 10

Not (!), And (&&), Or(||)

Question 11

tenary expressions

Answer 11

if then statement

Question 12

tenary structure

Answer 12

value/condition ? return if true : return if false

Question 13

Variable Declaration

Answer 13

a statement: const cat=”rose”

Question 14

2 code statements

Answer 14

Selection and Repetition

Question 15

Selection statement

Answer 15

if, else, else if

Question 16

if statement structure

Answer 16

if (condition) {
thing to do if true
}

Question 17

else statement structure

Answer 17

if (condition) {
thing to do if true
} else {
thing to do if false
}

Question 18

if else

Answer 18

if (condition) {
thing to do if true
} else if (condition 2) {
thing to do if condition 2 is true}

Question 19

switch statement

Answer 19

alternate for conditional statement with multiple conditions again same value

Question 20

switch statement structure

Answer 20

switch (expression) {
case value1:
//Statements executed when the
//result of expression matches value1
[break;]
case value2:
//Statements executed when the
//result of expression matches value2
[break;]
…
case valueN:
//Statements executed when the
//result of expression matches valueN
[break;]
[default:
//Statements executed when none of
//the values match the value of the expression
[break;]]
}

Question 21

Default

Answer 21

set of statements to run after all of the switch statement cases have been checked

Question 22

Break

Answer 22

stop switch statement from continuing to look at case statements once it finds a match

Question 23

logging

Answer 23

process of printing information about the program as it runs. example: console.log

Question 24

Repetition statement

Answer 24

while

Question 25

while loop structure

Answer 25

while (condition) {
do if condition is true
}

Question 26

increment/decrement operators

Answer 26

add ++ or +=
subtract – or -=

Question 27

terminate while loop naturally

Answer 27

let count = 0
while (count <3){
return ${count};
count = count++
}

Question 28

function structure

Answer 28

function functionName (parameter) {
code to run when function is called
}

Question 29

parameter

Answer 29

placeholder for argument that will get passed through

Question 30

return

Answer 30

statement ends function execution and specifies a value to be returned to the function caller

Question 31

parseInt()

Answer 31

turns number inside “ “ from strings into numbers

Question 32

2 Data Structures

Answer 32

Array and Objects

Question 33

Arrays

Answer 33

collections of values in ordered lists

Question 34

Elements

Answer 34

individual pieces of data inside an array

Question 35

index

Answer 35

number that identify each element in array

Question 36

object

Answer 36

list of values using key and value

Question 37

array structure

Answer 37

const arrayName = [
data, data
]

Question 38

.length

Answer 38

finds the number of elements in an array

Question 39

what is the index of the first element in an array

Answer 39

0

Question 40

how to update an array

Answer 40

arrayName[index] = “no element”

Question 41

destructive mutability

Answer 41

methods update or mutate the object

Question 42

nondestructive mutability

Answer 42

doesn’t change the value

Question 43

Array methods

Answer 43

ways to add, remove and change elements

Question 44

add elements destructively to array

Answer 44

.push() and .unshift()

Question 45

add elements to array non destructively

Answer 45

spread operator …

Question 46

.push ()

Answer 46

add to end of array

Question 47

.unshift ()

Answer 47

add to beginning of array

Question 48

spread operator

Answer 48

… creates a copy of the original array to be changed l

Question 49

structure to use spread to add to beginning of array

Answer 49

const newArray = [“new element”, … oldArray]

Question 50

structure to spread to add to end of array

Answer 50

const newArray = [ … oldArray, “new element”]

Question 51

remove elements from aray

Answer 51

.pop(), ,shift(), .slide()

Question 52

.pop()

Answer 52

removes last element destructively

Question 53

.shift()

Answer 53

removes first element destructively

Question 54

.slice ()

Answer 54

makes copy of removed indexes in parameter

Question 55

.slice () strucutre

Answer 55

array.slice(index to start number after this index will be removed, index to end slice)

Question 56

.splice structure

Answer 56

array.splice(start index, delete count, element to add)

Question 57

object structure

Answer 57

const objectName = {
key 1: value 1,
key 2 : value 2,
};

Question 58

access value in object

Answer 58

dot notation, bracket notation

Question 59

dot notation

Answer 59

objectName. key

Question 60

bracket notation

Answer 60

objectName[“key”]

Question 61

object.keys ()

Answer 61

pulls all of the keys at the top level of object

Question 62

What does object.values return?

Answer 62

returns the object values

Question 63

adding property to object with dot notation

Answer 63

object.key = new value

Question 64

adding property to object with bracket notation

Answer 64

object [“key”] = new value

Question 65

structure to use spread to add to object

Answer 65

function nondestructive (object, key,value) {
const newObject = {…oldObject};
newObject[“key”] = value;
return newObject;
}

Question 66

remove a property

Answer 66

delete object.key

Question 67

debugging in Node

Answer 67

add debugger keyword where you want a breakpoint

Question 68

for loop structure

Answer 68

for (initialization; condition; iteration) {
loop body
}

Question 69

initialization

Answer 69

counter values. let age=30

Question 70

condition

Answer 70

expression evaluated before each pass through. age<40

Question 71

iteration

Answer 71

what happens at the end of each loop through. age++

Question 72

loop body

Answer 72

code that runs on each pass through

Question 73

while loop

Answer 73

while (condition) {
loop body
}

Question 74

looping

Answer 74

process of executing a set of statements repeatedly until a condition is met

Question 75

iteration

Answer 75

process of executing a set of statements once for each element

Question 76

for … of structure

Answer 76

const myArray =[ ];
for (const element of myArray) {
console.log(element);
}

Question 77

for… of for array or object?

Answer 77

array

Question 78

for… in for array or object

Answer 78

object

Question 79

for… in strucutre

Answer 79

for( const key in object) {
console.log(key);
}

Question 80

function expression

Answer 80

const name = function () {
return “ “;
}

Question 81

anonymous functions

Answer 81

no assigned identifier (no function name)

Question 82

Scope

Answer 82

what you can access it and where you can access it

Question 83

levels of scope

Answer 83

Global- highest level
Functional - in function
block - if then in function

Question 84

hoisting

Answer 84

call function before a function

Question 85

what are first class functions

Answer 85

functions as variables

Question 86

while in a function

Answer 86

function functionName (parameter) {
let i=0(intiatlization);
while(condition){
console.log();
i++ (iteration);
}

Question 87

iterating methods

Answer 87

find()
filter()
map()
reduce()

Question 88

.find()

Answer 88

find single element that meets condition

Question 89

.filter()

Answer 89

find and returning a list that meets a condition

Question 90

.map()

Answer 90

modifying each element and return modify array

Question 91

.reduce()

Answer 91

creating summary (adds all of the elements together)

Question 92

pure function

Answer 92

function when invoked with the same arguments will always return the same results

Question 93

impure function

Answer 93

functions when invoked with the same arguments will return different results

Question 94

arrow function structure

Answer 94

const name = (parameter, parameter) => function body

Question 95

arrow function with 1 parameter

Answer 95

const name = parameter=> function body

Question 96

callback function

Answer 96

function called into another function

Question 97

callback function stucture

Answer 97

function main(cb) {
console.log (cb());
}
main(function(){return “Hi”})

Question 98

.forEach

Answer 98

executes function once for each array element.

Question 99

When to use .forEach

Answer 99

-iterate through to log values
-directly mutate array we iterate though

Question 100

structure to destruction of objects

Answer 100

let object = {
key1 = value 1,
key2 = value 2,
}
const{first, second} = object
console.log(first) //value1

Question 101

structure to destruction of array

Answer 101

const array =[data1, data2,data3]
const [first, second, third] = array
console.log(first,second, third) // data1, data2, data3

Question 102

structure destruction of strings

Answer 102

const name= “Rachel J Hamby”
const [firstName, middle, lastName] = name.split(“ “)
console.log(firstName) // Rachel

Question 103

.querySelectorALL()

Answer 103

takes a string containing 1 or more class selectors and returns a collection of all matching elements

Question 104

.querySelector()

Answer 104

take a string of 1 or more CSS compatible selectors and returns the first element that matches

Question 105

what is used to describe DOM structure

Answer 105

a tree

Question 106

Metadata

Answer 106

the class/id attributes that provide information about the node (the words in <></> )

Question 107

.getElementByClassName(‘class’)

Answer 107

returns an array of all the elements with that class

Question 108

.getElementByTagName(‘tag’)

Answer 108

returns all the elements with a particular tag

Question 109

.getElementByID(‘id’)

Answer 109

returns the element with specific id

Question 110

where should you put

Answer 110

at the end of body or use keyword defer before

Question 111

child node

Answer 111

node nested inside another node

Question 112

parent node

Answer 112

outer node with node nested inside it

Question 113

self closing elements

Answer 113

aka void elements
only have a starting tag but no closing tag < information />

Question 114

can you nest nodes in self closing elements

Answer 114

no

Question 115

what does HTML consist of

Answer 115

elements that include HTML tags and their content

Question 116

What does DOM const of

Answer 116

nodes that include tags

Question 117

what are nodes

Answer 117

objects in Dom

Question 118

all elements in DOM are nodes but not all nodes are HTML elements

Answer 118

true

Question 119

open index.html

Answer 119

when typed in terminal will open browser console to show results of code

Question 120

how open browser console on Mac

Answer 120

countrol + opt + J

Question 121

API

Answer 121

Application Programming Interface- methods and properties the DOM provides via objects

Question 122

DOM stand for

Answer 122

Document Object Model programming

Question 123

what does DOM use JS to do

Answer 123

1. Ask DOM to find an HTML element(s) in the rendered page
2. Remove or add to the selected element
3. adjust a property of selected element

Question 124

Flatiron’s 3 pillars of web programming

Answer 124

1. recognize events
2. manipulate the DOM
3. Communicate with the server

Question 125

structure to assign default parameter

Answer 125

function functionName(parameter1, parameter2= default value){
return “parameter1, parameter2}

Question 126

Change Text of Dom

Answer 126

element.textContent or element.innerText

Question 127

what does .textContent and .innerText select

Answer 127

text inside an element

Question 128

what are some attributes you can change in the DOM

Answer 128

.sre
.id
.className
.style

Question 129

structure for changing attributes in the DOM

Answer 129

element.attributeToChange

Question 130

create a DOM element with Javascript

Answer 130

document.createElement(“tag name”)

Question 131

what are tag names

Answer 131

any HTML tag such as p, div, btn

Question 132

how to add new element to the existing DOM

Answer 132

.append()

Question 133

structure for appending element to DOM

Answer 133

document. element to append to. append(“new element”)

Question 134

what are HTML,JS, and CSS role in application development

Answer 134

HTML- defines structure of website
JS- defines functionality of website
CSS - defines visualization and style of website

Question 135

how to remove elements from DOM

Answer 135

element.remove() this removes the whole element or element.removeChild(childElement) this removes on the child element listed

Question 136

what is event handleing

Answer 136

doing work in response to something happening on the webpage

Question 137

what are events

Answer 137

something the user does (click, scroll, etc)

Question 138

Common Events

Answer 138

mouse click
key Press
form submit
scroll
focus
blur

Question 139

.addEventListener

Answer 139

add to element we want to listen and pass it 2 arguments 1. name event to listen for 2. call back function to handle the event

Question 140

.addEvent Listener structure

Answer 140

element to assign event. addEventListener(event, call back function)

Question 141

can assign callback directly in .addEventListener or assign outside and call just the name of the callback

Answer 141

true

Question 142

HTML collections are arrays

Answer 142

false

Question 143

.target

Answer 143

returns the element that triggered the event

Question 144

what is the event name for a form

Answer 144

submit

Question 145

how do you stop default of an event

Answer 145

.preventDefault

Question 146

DOMContentLoaded

Answer 146

is an event that says to wait to perform until all of DOM has loaded

Question 147

structure DomContentLoaded

Answer 147

document.addEventListener(“DomContentLoaded”, () => {
what to run after the DOM is fully loaded. Put all of the JS in this section.
}

Question 148

Load different then DomContentLoaded

Answer 148

Load waits until all of images and CSS load before running the JS

Question 149

what is AJAX

Answer 149

process used to make requests to the server and update the DOM without reloarding the webpage

Question 150

what format does sever return data

Answer 150

JSON

Question 151

what is JSON

Answer 151

Javascript Object Notation.

is a string that JS knows how to make into an object

Question 152

what is the request response cycle

Answer 152

client (browser) request to Server (code running the website). Server send response back to client

Question 153

HTTP

Answer 153

language used to communicate between the server and client

Question 154

HTTP verbs

Answer 154

POST, GET, PATCH/PUT, DELETE,
other ones: HEAD, TRACE, OPTIONS, CONNECTS

Question 155

CRUD HTTP

Answer 155

Create
Read
Update
Delete

Question 156

What is REST

Answer 156

REpresentational State Transfer

standardised web communication

Question 157

what is URL

Answer 157

Uniform Resource Locators

Question 158

3 parts of URL

Answer 158

1. protocol (http://)
2. Domain Name (name.com)
3. the path (/where/togo)

Question 159

url protocol

Answer 159

format we use to send our request

Question 160

url domain name

Answer 160

string of characters that indentifies the unique web location of the web server that host that particular website

Question 161

path url

Answer 161

the particular part of the website we want to load

Question 162

GET

Answer 162

most common

retrieves information of a source

Question 163

POST

Answer 163

create new resource using data in the request

Question 164

PUT

Answer 164

update an exisiting resource using data in the request

Question 165

DELETE

Answer 165

delete a particular resource

Question 166

HEAD

Answer 166

asks for a response (like GET without the body)

Question 167

TRACE

Answer 167

echos back the received request

Question 168

OPTIONS

Answer 168

returns the HTTP methods the server supports

Question 169

CONECTS

Answer 169

convert the request to a TCP/IP tunnel (generally for SSL)

Question 170

Request Headers

Answer 170

contains the information needs to fulfill the request

Question 171

Request Headers format

Answer 171

method: HTTP verb
path: the resource
authority: the domain

Question 172

Responses

Answer 172

2 sections: Headers and Body

Question 173

response headers

Answer 173

contain metadata about response including status load

Question 174

response body

Answer 174

what is rendered on the page

Question 175

status codes

Answer 175

tells status of the request

Question 176

what are 3 advantages of JSON

Answer 176

1. human readable
2. easy to convert to JS object
3. compatible with other programming languages

Question 177

Asynchronous JS

Answer 177

delayed functions that don’t follow the general order of line by line in JS

Question 178

setTimeOut structure

Answer 178

setTimeOut{() => console.log(‘hi’), 3000}

Question 179

How to start the sever

Answer 179

json-server –watch db.json

Question 180

fetch()

Answer 180

asynchronous funtion that retrieves data simply by calling fetch() and passing the resource path as the argument

Question 181

API

Answer 181

application programming interface is a way to expose others to data and/or functionality for public use

Question 182

Synchronous

Answer 182

do one thing after finishing the first in order from left to right top to bottom

Question 183

asynchronous

Answer 183

do a little of each task until all the task are complete

Question 184

how to spot asynchronous

Answer 184

the task being passed a callback function

Question 185

fetch() structure

Answer 185

function name(object) {
fetch(http://localhost:3000/data/) {
method: “HTTP VERB”,
headers:{
‘content- type’ : ‘application/json’}
body: JSON.stringify(object)})
.then(res => res.json())
.then (example => console.log(object))
}