Full Stack Review Flashcards

1
Q

What are the three parts of a standard HTML element?

A
  • Opening tag, content, and closing tag.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

TRUE or FALSE: Some HTML elements are self closing and do not have a closing tag.

A

TRUE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is an HTML attribute?

A

-An attribute is used to provide additional information about an HTML element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Where does an attribute go inside of an HTML element?

A
  • It always goes in the opening tag.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What does the <title> tag define in an HTML document?

A
  • The <title> tag defines the title of the page that appears in the browser tab.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What are the two types of lists in HTML?

A
  • The two types of lists in HTML are ordered and unordered lists.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is the type attribute used for in the <input></input> tag?

A

-Type attribute is used to specify the type of input field such as text, email, password, etc.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What attribute and value do I give an anchor element to have the link open in a new tab?

A

-target=_blank

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Where are the three places you can place your CSS to have it inserted into your HTML?

A

-External, Internal, Inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

TRUE or FALSE: I can have as many HTML elements with the same id attribute value as I want.

A

FALSE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

How many HTML elements can have the same class applied to them?

A

-There is no limit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What value do you pass to the border-radius property to make an element appear circular?

A

-50% or more

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is the difference between absolute and relative units?

A

-Absolute units are fixed size. Relative units are relative to other values

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

When the position of an element is set to relative, it allows you to specify how CSS should move the element relative to what?

A

-Its current position/relative to its current position in the normal flow of the page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Absolute positioning locks an element in place relative to what?

A

-Its closest positioned ancestor

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Fixed positioning locks an element in place relative to what?

A

-The browser window

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

In order to give links more meaning to those using a screen reader. Your link text should:
_________________

A

Be brief, but descriptive. Like “go to google.com” or “Learn more about us here”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

After setting the width of a picture, what setting should be given to its height property in order to maintain its original aspect ratio?

A

height: auto;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Percentages are relative to the size of the parent container element, whereas viewport units are relative to what?

A

The viewing device’s viewport dimensions

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

If I want to change an HTML element into a grid or flex container, which property do I need to set the value of?

A

display

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Which axis runs parallel to the direction of the value of your flex-direction property?

A

main axis

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Which axis runs perpendicular to the main axis?

A

cross axis

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

What are 4 of the 7 basic types of data in JavaScript?

A

Boolean, Number, String, Symbol, Object, Null, Undefined

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

TRUE or FALSE: If an initial value is not specified when a variable is declared, the variable’s initial value is undefined.

A

TRUE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Given the following code, What will be logged to the console?

function len(name){
console.log(name.length)
}
len(“Alan Turing”)

A

11

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

Which array method adds an item to the end of an array?

A

.push()

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

Fill in the blanks. Looking at code Example # 2 above, the variable on line 1. has a

__________ scope, and the variable on line 4. has a scope __________ to the function myFun().

A

global, local

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

The two ways to access the contents/properties inside of an object are ___________ notation and _____________ notation.

A

Dot notation and Bracket notation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

Math.random will generate what in JavaScript

A

A random decimal between 0 and up to 1

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

When using constructors what are the two functions that allow us to retrieve an object’s property, and (re)define an object’s property?

A

Getters, and Setters

30
Q

What method is used to print output to the browser console?

A

console.log()

31
Q

When the code from above is run, it does not behave as expected. What common mistake was made on line 10?

A

The function call is missing opening and closing parenthesis

32
Q

Which brackets are used to denote/indicate an object in JavaScript?

A

{ } curly braces

33
Q

In JavaScript objects can have a special type of property, called a method. Methods are properties that are what?

A

Functions

34
Q

What does the DRY programming principle stand for?

A

Don’t repeat yourself

35
Q

What is the difference between Imperative Code and Declarative Code?

A

Declarative declares what to be done using methods, Imperative gives the computer a set of statements to perform a task

36
Q

What is a computer algorithm?

A

A sequence of steps that is followed to achieve a particular outcome

37
Q

To write an algorithm, you must first ________ the problem, and then solve it with coding.

A

Understand

38
Q

What does the .filter() method do?

A

Creates a new array with all elements that pass the test implemented by the provided function

39
Q

What bootstrap class can be added to text elements in order to horizontally center them?

A

text-center

40
Q

What Bootstrap class can be added to a button element to make that button’s width 100% of its parent?

A

btn-block

41
Q

What does ‘SASS’ stand for?

A

Syntactically Awesome StyleSheets

42
Q

__________ is an Open Source view library created and maintained by Facebook.

A

React

43
Q

Because class is a reserved word in JavaScript. Instead, JSX uses __________.

A

className

44
Q

In React, you can pass _______ to child components.

A

props

45
Q

One of the most important topics in React is _________. This consists of any data your application needs to know about, that can change over time.

A

state

46
Q

You can inject Javascript code into JSX by placing your code between __________.

A

{…} curly braces

47
Q

What does D3 stand for?

A

Data driven documents

48
Q

When a group of elements are selected, D3 returns a(n)?

A

array

49
Q

What D3 method is used to set a class to an element?

A

attr()

50
Q

What does SVG stand for?

A

Scalable Vector Graphics

51
Q

What D3 method is used to add labels to graphed data?

A

.text()

52
Q

What D3 method is used to set the font-size of labels?

A

.style()

53
Q

What is API short for?

A

Application Program Interface

54
Q

What is JSON short for?

A

JavaScript Object Notation

55
Q

When using XMLHttpRequest method what keyword do we use to send data to an external source?

A

POST

56
Q

What is the benefit of an asynchronous call over a synchronous call?

A

-Pages load faster.

-Requests and transfers happen in the background and do not interrupt what the user is doing.

-Only part of the page refreshes when the browser receives new data.

57
Q

What is the purpose of the package.json?

A

It stores information about your project.

58
Q

package.json only has two required fields; ________ and ________, but it’s good practice to provide additional information about your project that could be used to future users or maintainers.

A

name version

59
Q

What information is in the dependency section of the package.json file?

A

The required packages for the project your working on

60
Q

What is Node.js?

A

Node.js is a JavaScript runtime that allows developers to write backend (server-side) programs in JavaScript.

61
Q

What does express do?

A

Express runs between a Node.js server and the front end of a project. It creates the routes between the front-end and the back-end.

62
Q

What does app.listen(PORT) do?

A

It causes the server to listen on the specified port

63
Q

What are the static assets of an app?

A

Stylesheets, images, and scripts

64
Q

What are four common http methods?

A

GET, POST, PUT, DELETE

65
Q

What type of database is MongoDB?

A

Non-relational or “NoSQL” database

66
Q

What is Mongoose and what does it provide to model application data?

A

Object Data Modeling library (ODM)
Schema-based solution

67
Q

What does CRUD stand for?

A

Create, Read, Update, Delete

68
Q

What method is used to check if a variable or function is defined?
assert.doesExist

A

assert.isDefined

69
Q

How can you assert that the value given actually matches a regular expression?

A

assert.match

70
Q

Which method will assert that a value is contained within an array

A

assert.include

71
Q

What does it mean to serialize your data?

A

Convert its content into a small key

72
Q

Which of the following is the definition of Authentication Strategy?

A

Way of Authenticating Users

73
Q

Instead of directly saving your users passwords as plain text you want to save the hash.
Which package will allow you to hash a password?

A

bCrypt