JavaScript (Senior Side) Flashcards
(134 cards)
1
Q
What is a code block? What are some examples of a code block?
A
a structure that consists of one or more declarations and statements. I.e. function code block, conditional code block, loop code block.
2
Q
What does block scope mean?
A
Anything within the code block can only be accessed within the code block.
3
Q
What is the scope of a variable declared with const or let?
A
block
4
Q
What is the difference between let and const?
A
The value of const can’t be changed through reassignment and it can’t be redeclared.
The value of let can be changed through reassignment and it can be redeclared.
5
Q
Why is it possible to .push() a new value into a const variable that points to an Array?
A
Because if const is an arrray or an object, its properties or items can be updated or removed.
6
Q
How should you decide on which type of declaration to use? (Const or let)
A
Consider whether or not the value of the variable will need to be changed in the future.
7
Q
What is the syntax for writing a template literal?
A
backticks ( ` ` )
use $ { } to insert variables
8
Q
What is “string interpolation”?
A
the ability to substitute part of the string for the values of variables or expressions.
9
Q
When an arrow function’s body is left without curly braces, what changes in its functionality?
A
It can only return one expression
10
Q
What is destructuring, conceptually?
A
a syntax that allows us to get specific properties of an object and store them in a variable
11
Q
What is the syntax for Object destructuring?
A
const { value } = variable
12
Q
What is a CLI?
A
Command Line Interface
13
Q
What is the syntax for Array destructuring?
A
const [array] = variable
14
Q
How can you tell the difference between destructuring and creating Object/Array literals?
A
the operands are reversed
15
Q
What is the syntax for defining an arrow function?
A
(param) => {
}
16
Q
How is the value of this determined within an arrow function?
A
It captures the value of the enclosing context instead of creating its own this context.
17
Q
What are the three virtues of a great programmer?
A
Laziness
Impatience
Hubris
18
Q
What is Node.js?
A
Node.js is a program that allows JavaScript to be run outside of the web browser.
19
Q
What can Node.js be used for?
A
1.back ends for Web applications
2.command-line programs
3.any kind of automation that developers wish to perform.
20
Q
What is a REPL?
A
Read-Eval-Print-Loop. it is an interactive shell that processes Node. js expressions.
21
Q
When was Node.js created?
A
May 27, 2009
22
Q
What is the process object in a Node.js program?
A
a global that provides information about, and control over, the current Node.js process.
23
Q
How do you access the process object in a Node.js program?
A
type out the process variable
24
Q
What is the data type of process.argv in Node.js?
A
array
25
What is a JavaScript module?
a single .js file.
26
What 4 values are passed into a Node.js module's local scope?
.exports
.require
__filename
__dirname
27
Give two examples of truly global variables in a Node.js program.
console
process
28
What is the purpose of module.exports in a Node.js module?
to be able to reuse values from other other modules
29
How do you import functionality into a Node.js module from another Node.js module?
with the require ( ) function
30
What 3 things does the JS Event Loop do?
1.) executes the code
2.) collects and processes events
3.) executes queued sub-tasks.
31
What is different between "blocking" and "non-blocking" with respect to how code is executed?
Blocking code is synchronous
Non-blocking is asynchronous
32
What is a directory?
something that holds files and folders
33
What is a relative file path?
A path that refers to a location that is relative to a current directory.
34
What is an absolute file path?
a path that contains the root element and the complete directory list required to locate the file.
35
What module does Node.js include for manipulating the file system?
the 'fs' module
36
What method is available in the Node.js fs module for writing data to a file?
fs.writefile( )
37
Are file operations using the fs module synchronous or asynchronous?
asynchronous
38
What is NPM?
Node Package Manager
open source software registry for developers
39
What is a package?
a file that can be downloaded and used in a program
40
How can you create a package.json with npm?
npm init -y command
41
What is a dependency and how to you add one to a package?
A dependency is a third-party bit of software that was probably written by someone else and ideally solves a single problem for you.
it is installed with npm.install
42
What happens when you add a dependency to a package with npm?
it is added to the node modules directory
43
How do you add express to your package dependencies?
npm install express
44
What Express application method starts the server and binds it to a network PORT?
the listen method
45
What is a GUI?
Graphical User Interface
46
How do you mount a middleware with an Express application?
app.use ( )
47
Which objects does an Express application pass to your middleware to manage the request/response lifecycle of the server?
request object, response object, next object
48
What is the appropriate Content-Type header for HTTP messages that contain JSON in their bodies?
application / json
49
What is the significance of an HTTP request's method?
they indicate the desired action to be performed for a given resource.
50
What does the express.json() middleware do and when would you need it?
Returns middleware that only parses JSON and only looks at requests where the Content-Type header matches the type option.
you need it when working with server requests and responses
51
What is PostgreSQL and what are some alternative relational databases?
It is an open source, relational database management system. Other examples include MySQL, SQL server, and oracle
52
What are (3) advantages of learning a relational database?
1. You can store and use data sets that are
related to each other.
2. Data corruption is unlikely
3. Support good guarantees about data
integrity
53
What is one way to see if PostgreSQL is running?
sudo service postgresql status
54
What is a database schema?
A collection of tables
55
What is a table?
a list of rows each having the same set of attributes.
56
What is a row?
contains a set of attributes
57
What is SQL and how is it different from languages like JavaScript?
1.) It's a programming language that allows you to interact with relational databases
2.) it is declarative rather than imperative
58
How do you retrieve specific columns from a database table?
with the "select" keyword followed by the "name" of column, followed by "from"
59
How do you filter rows based on some specific criteria?
with the "where" clause
60
What are the benefits of formatting your SQL?
its easier to read
61
What are four comparison operators that can be used in a where clause?
= < > !=
62
How do you limit the number of rows returned in a result set?
the "limit" clause
63
How do you retrieve all columns from a database table?
with an asterisk *
64
How do you control the sort order of a result set?
with the "order by" clause
65
How do you add a row to a SQL table?
with the "insert" and "into" keywords
66
What is a tuple?
one row / a list of values
67
How do you add multiple rows to a SQL table at once?
add the headers / top row
add values below, and insert each new row of values into a new ( ) below the previous
68
How do you get back the row being inserted into a table without a separate select statement?
with the "returning" keyword
69
How do you update rows in a database table?
with the update and set statements
70
Why is it important to include a where clause in your update statements?
because if you don't, you will end up updating every row in the table
71
How do you delete rows from a database table?
delete statement
72
How do you accidentally delete all rows from a table?
DONT SPECIFY "WHERE"
73
What is a foreign key?
a field or column in one table that points to another table
74
How do you join two SQL tables?
use the "join" keyword
75
How do you temporarily rename columns or tables in a SQL statement?
use an alias
76
What are some examples of aggregate functions?
every ( ), count ( ) , avg ( )
77
What is the purpose of a group by clause?
when you want to separate rows into groups and perform aggregate functions on those groups of rows
78
What are the three states a Promise can be in?
pending: initial state, neither fulfilled nor rejected.
fulfilled: meaning that the operation was completed successfully.
rejected: meaning that the operation failed.
79
How do you handle the fulfillment of a Promise?
with the .then method
80
How do you handle the rejection of a Promise?
with the .catch method
81
What is Array.prototype.filter useful for?
quickly getting desired array values that meet the specified criteria
82
What is Array.prototype.map useful for?
calling a provided function on every element in an array, and then returning a new array with the results
83
What is Array.prototype.reduce useful for?
combining all the contents of an array into a single value
84
What is "syntactic sugar"?
syntax within a programming language that is designed to make things easier to read or to express.
85
What is the typeof an ES6 class?
function
86
Describe ES6 class syntax.
class Name {
constructor (name) {
}
function ( ) {
}
}
87
What is "refactoring"?
the process of restructuring existing computer code to better organize it while not changing its functionality.
88
What is Webpack?
a tool that lets you bundle your JavaScript applications (supporting both ESM and CommonJS)
89
How do you add a devDependency to a package?
with the "npm install --save-dev" command
90
What is an NPM script?
a convenient way to bundle common shell commands for your project.
91
How do you execute Webpack with npm run?
use the "npm run build" command
92
Name 3 ways that ES Modules are different from CommonJS modules
1.) Slightly more complicated syntax
2.) Designed for asynchronous loading
3.) Main use: browser
93
What 3 kind of modules can Webpack support?
1.es modules
2. commonJS
3. AMD
94
What is React?
React is a JavaScript library / framework for creating user interfaces.
95
What is a React element?
a DOM element created using React
96
How do you mount a React element to the DOM?
create root method, pass in react element, and render the root object
97
What is Babel?
a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript
98
What is a Plug-in?
a software component that adds a specific feature to an existing computer program.
99
What is a Webpack loader?
transformations that allow you to pre-process files as you import or “load” them.
100
What dev dependency do you need to make Babel and Webpack work together?
the "babel loader"
101
What is JSX?
a syntax extension to JavaScript using react
102
Why must the React object be imported when authoring JSX in a module?
access to the React objects is needed
103
What 2 dev dependencies can make Webpack and Babel work together to convert JSX into valid JavaScript?
1.) 'babel loader"
2.) @babel/plugin-transform-react-jsx
104
What is a React component?
they are like javascript functions, and accept arbitrary inputs (called “props”) and return React elements describing what should appear on the screen
105
How do you define a function component in React?
function Name (props) {
}
106
How do you mount a component to the DOM?
1. query dom for div with id of "root" and save to a const named "container"
2. call createRoot method of ReactDOM object and pass in container
3. call render method of root object and pass in ( < createdElement />) from the render function
107
What are props in React?
objects used to pass data to a component
108
How do you pass props to a component?
with { props } syntax
109
How do you write JavaScript expressions in JSX?
The same way you’d write them in JS
110
How do you create "class" component in React?
with the className keyword
111
How do you access props in a class component?
with the "this" keyword
112
What is the purpose of state in React?
To give you more control over a component
113
How to you pass an event handler to a React element?
you provide a listener as a property (“onClick, “onSubmit”) when the element is initially rendered.
114
What are controlled components?
An input form element whose value is controlled by React via "state"
115
What two props must you pass to an input for it to be "controlled"?
value, event handler
116
What Array method is commonly used to create a list of React elements?
.map ( )
117
What is the best value to use as a "key" prop when rendering lists?
use something that uniquely identifies a list item among its siblings.
118
What does express.static() return?
serves static files from the specified "root" argument (data type is a function)
119
What is the local __dirname variable in a Node.js module?
The directory name of the current module.
120
What does the join() method of Node's path module do?
joins all specified path segments that are entered as arguments into one path
121
What does fetch() return?
a promise that is fulfilled once the response is available.
122
What is the default request method used by fetch()?
GET
123
How do you specify the request method (GET, POST, etc.) when calling fetch?
put it as the second argument, inside of an object:
{ method: GET }
124
When does React call a component's componentDidMount method?
immediately after the component is rendered to the DOM
125
Name three React.Component lifecycle methods.
render, constructor, componentDidMount
126
How do you pass data to a child component?
use "props"
127
What does the acronym LIFO mean?
Last In First Out
128
What methods are available on a Stack data structure?
.peek ( )
.print( )
.push( )
.pop( )
129
What must you do to access the value at an arbitrary point in a stack (not just the "top")?
keep using .pop( ) until you reach the item you want
130
What does the acronym FIFO mean?
first in first out
131
What methods are available on a Queue data structure?
enqueue(value)
dequeue( )
print( )
peek( )
132
What must you do to access the value at an arbitrary point in a queue (not just the "front")?
use dequeue( ) until you reach the item you want
133
How are linked lists different from an array?
they contain nodes
134
How would you access an arbitrary node in a linked list (not just the "head")?
the .next( ) method
