JavaScript

Question 1

JavaScript Primitives and Variables:
What is the purpose of variables?

Answer 1

to store data for the future action/reference

Question 2

JavaScript Primitives and Variables:
How do you declare a variable?

Answer 2

variable keyword
variable name ;

Question 3

JavaScript Primitives and Variables:
How do you initialize (assign a value to) a variable?

Answer 3

(variable keyword
variable name)
assignment operator (=)
variable value ;

Question 4

JavaScript Primitives and Variables:
What characters are allowed in variable names?

Answer 4

letters, dollar sign, underscore (only first three can start the variable name) and numbers (no dashes or periods)

Question 5

JavaScript Primitives and Variables:
What does it mean to say that variable names are “case sensitive”?

Answer 5

it means that there’s a difference between a word starting with lowercase and that same word starting with a capital letter.
(bad practice to have same name using difference cases)

Question 6

JavaScript Primitives and Variables:
What is the purpose of a string?

Answer 6

Strings are used when working with text
(typically used to add new content to a page and can contain HTML markup)

Question 7

JavaScript Primitives and Variables:
What is the purpose of a number?

Answer 7

Numbers are used in tasks that involve counting or calculating sums

Question 8

JavaScript Primitives and Variables:
What is the purpose of a boolean?

Answer 8

Booleans are used to determine which parts of a script should run.
Used to make decisions

Question 9

JavaScript Primitives and Variables:
What does the = operator mean in JavaScript?

Answer 9

The equal sign means that you are going to assign a value to a variable

Question 10

JavaScript Primitives and Variables:
How do you update the value of a variable?

Answer 10

variable name
assignment operator
and then the new value ;

Question 11

JavaScript Primitives and Variables:
What is the difference between null and undefined?

Answer 11

null intentional absence of a value
undefined creates a variable but assigns it no value

Question 12

JavaScript Primitives and Variables:
Why is it a good habit to include “labels” when you log values to the browser console?

Answer 12

If you don’t include “labels” it can get confusing
labels describe the variable or value being logged

Question 13

JavaScript Primitives and Variables:
Give five examples of JavaScript primitives

Answer 13

number, string, boolean, null, undefined

Question 14

JavaScript Operators and Expressions:
What data type is returned by an arithmetic operation?

Answer 14

numbers

Question 15

JavaScript Operators and Expressions:
What is string concatenation?

Answer 15

it’s when you join two or more strings to create one new string
(if you concatenate other data types with a string, it’ll be a string)

Question 16

JavaScript Operators and Expressions:
What purpose(s) does the + plus operator serve in JavaScript?

Answer 16

the plus operator adds numbers together or concatenates strings together

Question 17

JavaScript Operators and Expressions:
what data type is returned by comparing two values (<, >, ===, etc)?

Answer 17

boolean

Question 18

JavaScript Operators and Expressions:
What does the += “plus-equals” operator do?

Answer 18

it adds the value to the right of the operand to a variable and assigns the result to the variable

Question 19

JavaScript Objects:
What are objects used for?

Answer 19

group together a set of variables and functions to create a model of something that is recognizable in the real world

Question 20

JavaScript Objects:
what are object properties?

Answer 20

variables that give information about an object

Question 21

JavaScript Objects:
Describe object literal notation.

Answer 21

{
key: value ,
}

Question 22

JavaScript Objects:
How do you remove a property from an object?

Answer 22

delete keyword followed by objectName.propertyName
(period is member operator)

Question 23

JavaScript Objects:
What are the two ways to get or update the value of a property?

Answer 23

dot notation or square bracket notation

Question 24

JavaScript Arrays:
What are arrays used for?

Answer 24

they are used to store a list of values/data
(for lists of data where either the order of the list is extremely important or unimportant)

Question 25

JavaScript Arrays:
Describe array literal notation

Answer 25

[item, item, etc]

Question 26

JavaScript Arrays:
How are arrays different from ‘plain’ objects?

Answer 26

all arrays have length property
objects do not have an order
(automatically updates as you add things. Arrays, you call a method to add items. Objects, you assign values directly to property)

Question 27

JavaScript Arrays:
What number represents the first index of an array?

Answer 27

[0]

Question 28

JavaScript Arrays:
What is the length property of an array?

Answer 28

arrayVariable.length
get the number of items in the array

Question 29

JavaScript Arrays:
How do you calculate the last index of an array?

Answer 29

subtract 1 from the array’s length

Question 30

JavaScript Functions:
What is a function in JavaScript?

Answer 30

chunk of code that performs a task that returns something (most the time)

Question 31

JavaScript Functions:
Describe the parts of a function definition

Answer 31

functionKeyword optionalFunctionName (parameters)
{ (opening curly brace for the function code block)
function code block optionalReturnStatement
} (closing curly brace for the function code block)

Question 32

JavaScript Functions:
Describe the parts of a function call

Answer 32

functionName(arg1, arg2, etc);
- zero or more arguments separated by commas inside parenthesis

Question 32

JavaScript Functions:
Describe the parts of a function call

Answer 32

functionName(arg1, arg2, etc);
- zero or more arguments separated by commas inside parenthesis

Question 33

JavaScript Functions:
When comparing them side-by-side, what are the differences between a function call and a function definition?

Answer 33

a function definition has the functionKeyword and a code block, function call does not

Question 34

JavaScript Functions:
What is the difference between a parameter and an argument?

Answer 34

parameters are part of a function declaration and act as placeholders
arguments are part of function call and take the place of parameters

Question 35

JavaScript Functions:
Why are function parameters useful?

Answer 35

they act as placeholders for arguments

Question 36

JavaScript Functions:
What two effects does a return statement have on the behavior of a function?

Answer 36

1. causes the function to produce a value we can use in our program
2. prevents any more code in the function’s code block from being run

Question 37

JavaScript Methods:
Why do we log things to the console?

Answer 37

logging things into the console helps with debugging, so we can see where the browser prints errors and warnings in our code

Question 38

JavaScript Methods:
What is a method?

Answer 38

A method is a function which is a property of an object

Question 39

JavaScript Methods:
How is a method different from any other function?

Answer 39

methods are associated with objects

Question 40

JavaScript Methods:
How do you remove the last element from an array?

Answer 40

pop() method

Question 41

JavaScript Methods:
How do you round a number down to the nearest integer?

Answer 41

Math.floor()

Question 42

JavaScript Methods:
How do you generate a random number?

Answer 42

Math.random()

Question 43

JavaScript Methods:
How do you delete an element from an array?

Answer 43

splice()

Question 44

JavaScript Methods:
How do you append an element to an array?

Answer 44

push()

Question 45

JavaScript Methods:
How do you break a string up into an array?

Answer 45

str.split()

Question 46

JavaScript Methods:
Do string methods change the original string? How would you check if you weren’t sure?

Answer 46

doesn’t change the string
console.log to check

Question 47

JavaScript Methods:
Roughly how many string methods are there according to the MDN Web docs?

Answer 47

36

Question 48

JavaScript Methods:
Is the return value of a function or method useful in every situation?

Answer 48

no

Question 49

JavaScript Methods:
Roughly how many array methods are there according to the MDN Web docs?

Answer 49

38

Question 50

JavaScript Methods:
What three-letter acronym should you always include in your Google search about a JavaScript method or CSS property?

Answer 50

MDN

Question 51

JavaScript If:
Give 6 examples of comparison operators

Answer 51

strictly equal to (===),
strictly not equal to (!==),
greater than (>),
less than (<),
greater than or equal to (>=),
less than or equal to (<=),
equal to (==)

Question 52

JavaScript If
What data type do comparison expressions evaluated to?

Answer 52

boolean

Question 53

JavaScript If
What is the purpose of an if statement?

Answer 53

(to make decisions)
evaluates a condition and
if the condition is true then whatever is in the code block gets executed

Question 54

JavaScript If:
Is else required in order to use an if statement?

Answer 54

no

Question 55

JavaScript If:
Describe the syntax(structure) of an if statement?

Answer 55

ifKeyword (condition) {
cod to execute
)

Question 56

JavaScript If:
What are the three logical operators?

Answer 56

logical and (&&), logical or (||), logical not (!)

Question 57

JavaScript If:
How do you compare two different expressions in the same condition?

Answer 57

logical and
logical or

Question 58

JavaScript Loops:
What is the purpose of a loop?

Answer 58

It’s a way to repeat a code block until the condition is no longer true.

Question 59

JavaScript Loops:
What is the purpose of a condition expression in a loop?

Answer 59

it creates a stopping point

Question 60

JavaScript Loops:
What does ‘iteration’ mean in the context of loops?

Answer 60

One completion of the loop code block

Question 61

JavaScript Loops:
When does the condition expression of a while loop get evaluated?

Answer 61

beginning of the loop

Question 62

JavaScript Loops:
When does the initialization expression of a for loop get evaluated?

Answer 62

once before the loop

Question 63

JavaScript Loops:
When does the condition expression of a for loop get evaluated?

Answer 63

after the initialization and before the code runs

Question 64

JavaScript Loops:
When does the final expression of a for loop get evaluated?

Answer 64

at the end of each the loop

Question 65

JavaScript Loops:
Besides a return statement, which exits its entire function block, which keyword exits a loop before its condition expression evaluates to false?

Answer 65

break;

Question 66

JavaScript Loops:
What does the ++ increment operator do?

Answer 66

it increases the value of the variable by one

Question 67

JavaScript Loops:
How do you iterate through the keys of an object;

Answer 67

for..in loop

Question 68

JavaScript Forms:
What event is fired when a user places their cursor in a form control?

Answer 68

focus

Question 69

JavaScript Forms:
What event is fired when a user’s cursor leaves a form control?

Answer 69

blur

Question 70

JavaScript Forms:
What event is fired as a user changes the value of a form control?

Answer 70

input

Question 71

JavaScript Forms:
What event is fired when a user clicks the “submit” button within a <form>?

Answer 71

submit
don’t have submit handler on submit button, needs to be on the form, don’t have click on submit button either

Question 72

JavaScript Forms:
What does the event.preventDefault() method do?

Answer 72

it prevents default behavior
always use preventDefault() on forms

Question 73

JavaScript Forms:
What does submitting a form without event.preventDefault() do?

Answer 73

resets the page

Question 74

JavaScript Forms:
What property of a form element object contains all of the form’s controls.

Answer 74

form.elements

Question 75

JavaScript Forms:
What property of a form control object gets and sets its value?

Answer 75

value property

Question 76

JavaScript Forms:
What is one risk of writing a lot of code without checking to see if it works so far?

Answer 76

you can’t catch errors when they show up, so you have to go back and look for them

Question 77

JavaScript Forms
What is an advantage of having your console open when writing a JavaScript program?

Answer 77

you can catch errors early/when they happen

Question 78

JavaScript View Swapping:
What is the event.target?

Answer 78

it is the element the event interacted with

Question 79

JavaScript View Swapping:
What is the affect of setting an element to display: none?

Answer 79

it’s no longer visible and doesn’t take up space (no longer part of the flow)

Question 80

JavaScript View Swapping:
What does the element.matches() method take as an argument and what does it return?

Answer 80

a css selector
and returns a boolean
true if the element matches the element

Question 81

JavaScript View Swapping:
How can you retrieve the value of an element’s attribute?

Answer 81

the .getAttribute() method

element.getAttribute( attributeName )

Question 82

JavaScript View Swapping:
At what steps of the solution would it be helpful to log things to the console?

Answer 82

each step, or every line

Question 83

JavaScript View Swapping:
If you were to add another tab and view to your HTML, but you didn’t use event delegation, how would your JavaScript code be written instead?

Answer 83

you would have to write a new event handlers for each new tab or view (and for any future tabs or views)

Question 84

JavaScript View Swapping:
If you didn’t use a loop to conditionally show or hide the views in the page, how would your JavaScript code be written instead?

Answer 84

you would need to write conditionals for each view

Question 85

JavaScript and JSON:
what is JSON?

Answer 85

JSON (JavaScript Object Notation) is a (text-based) data interchange format and it sends and stores information in computer systems.

Question 86

JavaScript and JSON:
What are serialization and deserialization?

Answer 86

serialization is when you turn an object in memory into a stream of bytes so you can do things like store it or transport it over a network (stringify)

deserialization is the reverse: turns a stream of bytes into an object in memory
- fetching a stream of bytes from network or storage and converting it back into the object (parse)

Question 87

JavaScript and JSON:
Why are serialization and deserialization useful?

Answer 87

they are easier to work with

Question 88

JavaScript and JSON:
How do you serialize a data structure into a JSON string using JavaScript?

Answer 88

JSON.stringify()

Question 89

JavaScript and JSON:
How do you deserialize a JSON string into a data structure using JavaScript?

Answer 89

JSON.parse()

Question 90

JavaScript Local Storage:
how do you store data in localStorage?

Answer 90

with the Storage.setItem() method

localStorage.setItem(‘keyName’, ‘keyValue’)

Question 91

JavaScript Local Storage:
How do you retrieve data from localStorage?

Answer 91

with the Storage.getItem() method

localStorage.getItem(‘keyName’)

Question 92

JavaScript Local Storage:
What data type can localStorage save in the browser?

Answer 92

JSON strings

Question 93

JavaScript Local Storage:
When does the ‘beforeunload’ event fire on the window object?

Answer 93

when the window, document, and its resources are about to be unloaded
(unload is when you close tab, unload data)

Question 94

JavaScript Custom Methods:
What is a method?

Answer 94

it is a function stored in a property, which is stored in an object

Question 95

JavaScript Custom Methods:
how can you tell the difference between a method definition and a method call?

Answer 95

a method definition has a function keyword, parameters, code block with a return

Question 96

JavaScript Custom Methods:
Describe method definition syntax (structure)

Answer 96

var nameOfObj = {
nameOfMethod: function () {
code block with return;
}
}
or
var nameOfObj = {
nameOfMethod() {
code block with return;
}
}

Question 97

JavaScript Custom Methods:
Describe method call syntax (structure)

Answer 97

nameOfObj.nameOfMethod()
with arguments in the parenthesis if needed

Question 98

JavaScript Custom Methods:
How is a method different from any other function?

Answer 98

it is inside, belongs to an object

Question 99

JavaScript Custom Methods:
What is the defining characteristic of Object-Oriented-Programming?

Answer 99

objects can contain both data (as properties) and behavior (as methods)

Question 100

JavaScript Custom Methods:
What are the four ‘principles’ of Object Oriented Programming?

Answer 100

Abstraction
Encapsulation
Inheritance
Polymorphism

Question 101

JavaScript Custom Methods:
What is ‘abstraction’?

Answer 101

being able to work with (possibly) complex things in simple ways

when you remove (generalize) physical, spatial, and temporal details or attributes in the study of objects to focus on details that are more important

Question 102

JavaScript Custom Methods:
What does API stand for?

Answer 102

application programming interface

Question 103

JavaScript Custom Methods:
What is the purpose of an API?

Answer 103

the purpose is to give programmers a way to interact with a system in a simplified, consistent way

Question 104

JavaScript This:
What is ‘this’ in JavaScript?

Answer 104

the object that a method is called on

Question 105

JavaScript This:
What does it mean to say that ‘this’ is an “implicit parameter”?

Answer 105

it means that ‘this’ is available in the function’s code block even though it wasn’t included in the function’s parameter list or declared with var/let/const
(determined when the function is called. doesn’t exist until then)

Question 106

JavaScript This:
When is the value of ‘this’ determined in a function; call time or definition time?

Answer 106

when the function is called

Question 107

JavaScript This:
What does ‘this’ refer to in the following code snippet?

var character = {
firstName: ‘Mario’,
greet: function () {
var message = ‘It's-a-me, ‘ + this.firstName + ‘!’;
console.log(message);
}
};

Answer 107

nothing because it’s not being called yet

Question 108

JavaScript This:
Given the above character object, what is the result of the following code snippet? Why?

character.greet();

Answer 108

“It’s-a-me, Mario!” because we’re calling greet off of character and character obj has a firstName property with a value of ‘Mario’

Question 109

JavaScript This:
Given the above character object, what is the result of the following code snippet? Why?

var hello = character.greet;
hello();

Answer 109

“It’s-a-me, undefined!”
it says undefined because an object is not given so it default to windows and windows doesn’t have a firstName property

Question 110

JavaScript This:
How can you tell what the value of ‘this’ will be for a particular function or method definition?

Answer 110

you can’t know the value yet because this can only have a value when the function is being called, not in a function definition

Question 111

JavaScript This:
How can you tell what the value of ‘this’ is for a particular function or method call?

Answer 111

it would be the object to the left of the dot where the function is being called

Question 112

JavaScript Prototypes:
What kind of inheritance does the JavaScript programming language use?

Answer 112

prototype-based (prototypal)

Question 113

JavaScript Prototypes:
What is a prototype in JavaScript?

Answer 113

an object that contains properties and methods that can be reused by other objects

Question 114

JavaScript Prototypes:
How is it possible to call methods on strings, arrays, and numbers even though those methods don’t actually exist on strings, arrays, and numbers?

Answer 114

they borrow the methods
defined on a prototype object
(through prototypal inheritance)

Question 115

JavaScript Prototypes:
If an object does not have it’s own property or method by a given key, where does JavaScript look for it?

Answer 115

a prototype object

Question 116

JavaScript Constructors:
What does the ‘new’ operator do?

Answer 116

1. create a blank, plain JavaScript object from scratch
2. points the blank JS obj’s prototype to the constructor function’s prototype property (if the prototype is an obj) Otherwise it stays as a plain obj with Object.prototype as its prototype
3. Executes the constructor function with the given arguments, binding the blank JS obj as the ‘this’ context
4. if the constructor function returns a non-primitive, the return value becomes the result of the whole new expression. Otherwise, it it doesn’t return anything or returns a primitive, the blank JS obj is returned instead

Question 117

JavaScript Constructors:
What property of JavaScript functions can store shared behavior for instances created with ‘new’?

Answer 117

.prototype

Question 118

JavaScript Constructors:
What does the instanceof operator do?

Answer 118

It tests to see if the prototype property of a constructor appears anywhere in the prototype chain of an object
returns a boolean value

Question 119

JavaScript Timers:
What is a “callback” function?

Answer 119

a function that is passed into another function as an argument, which is then invoked inside the outer function to complete a routine or action

Question 120

JavaScript Timers:
Besides adding an event listener callback function to an element or the ‘document’, what is one way to delay the execution of a JavaScript function until some point in the future?

Answer 120

setTimeout()

Question 121

JavaScript Timers:
How can you set up a function to be called repeatedly without using a loop?

Answer 121

setInterval()

Question 122

JavaScript Timers:
What is the default time delay if you omit the ‘delay’ parameter from setTimeout() or setInterval()?

Answer 122

0, immediate

Question 123

JavaScript Timers:
What do setTimeout() and setInterval() return?

Answer 123

an interval id
that can be passed into clearTimeout() or clearInterval()