Full Stack Review Flashcards

(74 cards)

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
Given the following code, What will be logged to the console? function len(name){ console.log(name.length) } len(“Alan Turing”)
11
25
Which array method adds an item to the end of an array?
.push()
26
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().
global, local
27
The two ways to access the contents/properties inside of an object are ___________ notation and _____________ notation.
Dot notation and Bracket notation
28
Math.random will generate what in JavaScript
A random decimal between 0 and up to 1
29
When using constructors what are the two functions that allow us to retrieve an object’s property, and (re)define an object’s property?
Getters, and Setters
30
What method is used to print output to the browser console?
console.log()
31
When the code from above is run, it does not behave as expected. What common mistake was made on line 10?
The function call is missing opening and closing parenthesis
32
Which brackets are used to denote/indicate an object in JavaScript?
{ } curly braces
33
In JavaScript objects can have a special type of property, called a method. Methods are properties that are what?
Functions
34
What does the DRY programming principle stand for?
Don’t repeat yourself
35
What is the difference between Imperative Code and Declarative Code?
Declarative declares what to be done using methods, Imperative gives the computer a set of statements to perform a task
36
What is a computer algorithm?
A sequence of steps that is followed to achieve a particular outcome
37
To write an algorithm, you must first ________ the problem, and then solve it with coding.
Understand
38
What does the .filter() method do?
Creates a new array with all elements that pass the test implemented by the provided function
39
What bootstrap class can be added to text elements in order to horizontally center them?
text-center
40
What Bootstrap class can be added to a button element to make that button’s width 100% of its parent?
btn-block
41
What does ‘SASS’ stand for?
Syntactically Awesome StyleSheets
42
__________ is an Open Source view library created and maintained by Facebook.
React
43
Because class is a reserved word in JavaScript. Instead, JSX uses __________.
className
44
In React, you can pass _______ to child components.
props
45
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.
state
46
You can inject Javascript code into JSX by placing your code between __________.
{...} curly braces
47
What does D3 stand for?
Data driven documents
48
When a group of elements are selected, D3 returns a(n)?
array
49
What D3 method is used to set a class to an element?
attr()
50
What does SVG stand for?
Scalable Vector Graphics
51
What D3 method is used to add labels to graphed data?
.text()
52
What D3 method is used to set the font-size of labels?
.style()
53
What is API short for?
Application Program Interface
54
What is JSON short for?
JavaScript Object Notation
55
When using XMLHttpRequest method what keyword do we use to send data to an external source?
POST
56
What is the benefit of an asynchronous call over a synchronous call?
-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
What is the purpose of the package.json?
It stores information about your project.
58
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.
name version
59
What information is in the dependency section of the package.json file?
The required packages for the project your working on
60
What is Node.js?
Node.js is a JavaScript runtime that allows developers to write backend (server-side) programs in JavaScript.
61
What does express do?
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
What does app.listen(PORT) do?
It causes the server to listen on the specified port
63
What are the static assets of an app?
Stylesheets, images, and scripts
64
What are four common http methods?
GET, POST, PUT, DELETE
65
What type of database is MongoDB?
Non-relational or “NoSQL” database
66
What is Mongoose and what does it provide to model application data?
Object Data Modeling library (ODM) Schema-based solution
67
What does CRUD stand for?
Create, Read, Update, Delete
68
What method is used to check if a variable or function is defined? assert.doesExist
assert.isDefined
69
How can you assert that the value given actually matches a regular expression?
assert.match
70
Which method will assert that a value is contained within an array
assert.include
71
What does it mean to serialize your data?
Convert its content into a small key
72
Which of the following is the definition of Authentication Strategy?
Way of Authenticating Users
73
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?
bCrypt