Senior Flashcards
(133 cards)
1
Q
What is a code block? What are some examples of a code block?
A
A code block refers to code within curly brackets. i.e. for, if, function
2
Q
What does block scope mean?
A
block scope means that the variable defined within a block will not be accessible from outside the block.
3
Q
What is the scope of a variable declared with const or let?
A
block scope
4
Q
What is the difference between let and const?
A
You can update let but you can’t update const
5
Q
Why is it possible to .push( ) a new value into a const variable that points to an Array?
A
This happens because the constant is storing a reference to the array.
6
Q
How should you decide on which type of declaration to use?
A
Ask yourself if you’re going to need to update that variable later.
7
Q
What is the syntax for writing a template literal?
A
Hello my name is ${variable}.
8
Q
What is “string interpolation”
A
the ability to substitute part of the string for the values of variables or expressions
9
Q
What is destructuring, conceptually?
A
extracting data from arrays or objects
10
Q
What is the syntax for Object destructuring?
A
let { property1: variable1, property2: variable2 } = object
11
Q
What is the syntax for Array destructuring?
A
let [ x, y, z ] = array
12
Q
How can you tell the difference between destructuring and creating Object / Array literals?
A
brackets on the left side
13
Q
What is the syntax for defining an arrow function?
A
( ) => { }
14
Q
When an arrow function’s body is left without curly braces, what changes in its functionality?
A
implicit returns
15
Q
How is the value of this determined within an arrow function?
A
value of this is determined during the definition time whereas in a regular function, this is defined in call time
16
Q
What is a CLI?
A
Command Line Interface
- processes commands to a computer in the form of lines of text
17
Q
What is a GUI?
A
Graphical User Interface
- a form of user interface that allows users to interact with electronic devices through graphical icons
18
Q
What is Node.js?
A
Node.js is a program that allows JavaScript to be run outside of a web browser. It is commonly used to build back ends for Web applications, command-line programs, or any kind of automation that developers wish to perform.
19
Q
What can Node.js be used for?
A
back ends for Web applications, command-line programs, any kind of automation that developers wish to perform
20
Q
What is a REPL?
A
Read-eval-print loop
- a simple interactive computer programming environment that takes single user inputs, executes them, and returns the result to the user.
21
Q
When was Node.js created?
A
2009
22
Q
What back end languages have you heard of?
A
JavaScript, PHP, Ruby, Python, Java, Go, Node JS
23
Q
What is a computer process?
A
a running instance of a program
24
Q
Why should a full stack Web developer know that computer processes exist?
A
back end stuff like client side, api, and databases
25
What is the process object in a Node.js program?
a global object that provides information about the current working process
26
How do you access the process object in a Node.js program
just type process
27
What is the data type of process.argv in Node.js?
array of strings
28
What is a JavaScript module?
A single JavaScript file
29
What values are passed into a Node.js module's local scope?
exports, require, module, __filename, __dirname
30
Give two examples of truly global variables in a Node.js program
console, process
31
What is the purpose of module.exports in a Node.js module?
It's purpose is so that the function/object/array can be used in a different module (js file)
32
How do you import functionality into a Node.js module from another Node.js module?
require function
33
What is the JavaScript Event Loop?
The Event Loop is what allows us to asynchronously call functions.
34
What is different between "blocking" and "non-blocking" with respect to how code is executed?
something is blocking when something is currently processing in the call stack, something that is non blocking is running but not part of the call stack like webAPIs
35
What is a directory?
a file system which contains references to other computer files/directories
36
What is a relative file path?
refers to a location that is relative to a current directory
37
What is an absolute file path?
always contains the root element and the complete directory list required to locate the file
38
What module does Node.js include for manipulating the file system?
fs module
39
What method is available in the Node.js fs module for writing data to a file?
fs.writeFile( )
40
Are file operations using the fs module synchronous or asynchronous
asynchronous
41
What is NPM?
Node Package Manager
| It's a way to reuse code from other developers and also a way to share your code with them
42
What is a package?
The reusable code
43
How can you create a package.json with npm?
npm init
44
What is a dependency and how do you add one to a package?
When you install an npm package using npm install, you are installing it as a dependency.
npm install
45
What happens when you add a dependency to a package with npm?
npm will download dependencies that are listed in package.json
46
How do you add express to your package dependencies?
npm install express
47
What Express application method starts the server and binds it to a network PORT?
listen
48
How do you mount a middleware with an Express application?
app.use
49
Which objects does an Express application pass to your middleware to manage the request/response lifecycle of the server?
request, response, and the next middleware function in the application's request-response cycle
50
What is the appropriate Content-Type header for HTTP messages that contain JSON in their bodies?
application/json
51
What does the express.json( ) middleware do and when would you need it?
- it parses incoming requests with JSON payloads
| - when we need to parse incoming data
52
What is the significance of an HTTP request's method?
semantics, describes what we are trying to do
| - express our intent
53
What is PostgreSQL and what are some alternative relational databases?
A relational database
- SQLite
- MySQL
54
What are some advantages of learning a relational database?
- they support good guarantees about data integrity
- they can store and modify data in a way that makes data corruption as unlikely as possible
- most widely used kind of database
55
What is one way to see if PostgreSQL is running?
- top command
| - postgreSQL status
56
What is a database schema?
- a collection of tables
- a rule how data gets stored
- a schema defines how the data in a relational database should be organized
57
What is a table?
a database object that organizes and stores data in a structured format
- a list of rows
58
What is a row?
- a list of attributes
59
What is SQL and how is it different from languages like JS?
SQL is imperative vs JS is declarative
60
How do you retrieve specific columns from a database table?
select and from
61
How do you filter rows based on some specific criteria?
where clause with the category name and value name
- = operator is a comparison operator not assignment
- has to evaluate true or false
62
What are the benefits of formatting your SQL?
easier to read
| easier to debug
63
What are four comparison operators that can be used in a where clause?
= != < >
64
How do you limit the number of rows returned in a result set?
limit clause
65
How do you retrieve all columns from a database table?
*
66
How do you control the sort order of a result set?
order by clause
67
How do you add a row to a SQL table?
insert into
68
What is a tuple?
a list of values
69
How do you add multiple rows to a SQL table at once?
specifying more than one tuple of values, separated by commas
70
How do you get back the row being inserted into a table without a separate select statement?
returning *
71
How do you update rows in a database table?
update and where clause
72
Why is it important to include a where clause in your update statements?
So you don't accidentally update a large amount of your data
73
How do you delete rows from a database table?
delete from and where clause
74
How do you accidentally delete all rows from a table?
if you don't have a where clause
75
What is a foreign key?
A column or multiple columns that is used to establish a link between the data in two different tables
76
How do you join two SQL tables?
join table using foreign key
77
How do you temporarily rename columns or tables in a SQL statment?
as
78
What are some examples of aggregate functions?
avg, count, max, min, sum
79
What is the purpose of a group by clause?
separate rows into groups and perform aggregate functions on those groups of rows.
80
What are the three states a Promise can be in?
pending, fulfilled, rejected
81
How do you handle the fulfillment of a Promise?
.then
82
How do you handle the rejection of a Promise?
.catch
83
What is Array.prototype.filter useful for?
filter an array based on a specific condition
84
What is Array.prototype.map useful for?
iterate over an array and manipulate each item into a new array
85
What is Array.prototype.reduce useful for?
executes a reducer function on each element of the array and returns a single output value
86
What is "syntactic sugar"?
syntax that is designed to make things easier to read or to express
87
What is the typeof an ES6 class?
function
88
Describe ES6 class syntax.
```
class Example {
constructor( ) {
```
}
}
89
What is "refactoring"?
change the structure of the code but the behavior remains the same
90
What is Webpack?
It's a tool that lets you bundle your JS applications
91
How do you add a devDependency to a package?
--save-dev
92
What is an NPM script?
a convenient way to bundle common shell commands for your project
93
How do you execute Webpack with npm run ?
add a script and npm run (script name)
94
How are ES Modules different from CommonJS modules
syntax is different, ES Module syntax is part of the language, CommonJS is a community library, static vs dynamic
95
What kind of modules can Webpack support?
ECMAscript, CommonJS, AMD modules, and Web Assembly
96
What is React?
JavaScript framework for building user interfaces
97
What is a React element?
it is a plain object that describes what the DOM should look like
98
How do you mount a React element to the DOM?
ReactDOM.render( )
99
What is Babel?
a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers
100
What is a Plug-in?
a software component that adds a specific feature to an existing computer program
101
What is a Webpack loader?
loaders are the node-based utilities built for webpack to help webpack to compile and/or transform a given type of resource that can be bundled as a javascript module.
102
How can you make Babel and Webpack work together?
babel-loader
103
What is JSX?
a syntax extension to JavaScript
104
Why must the React object be imported when authoring JSX in a module? (import React from 'react')
After Babel transformed your code which is written with JSX elements, into the React. createElement calls, you can see where React is used
- because it is used in the final code that Babel outputs
- the
is actually React.createElement( )
105
How can you make Webpack and Babel work together to convert JSX into valid JavaScript?
jsx transform
| babel loader
106
What is a React component?
javascript function/class that returns a react element
107
How do you define a function component in React?
constructor functions
108
How do you mount a component to the DOM?
ReactDOM.render( )
109
What are props in React?
props are objects passed into React components as an arguments
110
How do you pass props to a component?
by using attribute-like values on the react element
111
How do you write JavaScript expressions in JSX?
using { }
112
How do you create "class" component in React?
define a class that extends the Component and has a render function
113
How do you access props in a class component?
props property of the this object
| - this.props
114
What is the purpose of state in React?
to represent the current situation of the component
| - the values you put in state changes over time
115
How do you pass an event handler to a React element?
onClick={ }
116
How do you pass an event handler to a React element?
pass it in as props but camelCased with { } for the values
117
What Array method is commonly used to create a list of React elements?
map
118
What is the best value to use as a "key" prop when rendering lists?
unique primitive
119
What are controlled components?
An input form element whose value is controlled by React
120
What two props must you pass to an input for it to be "controlled"?
onChange, value
121
What does express.static( ) return?
middleware function
122
What is the local __dirname variable in a Node.js module?
the absolute path of the directory containing the current module
123
What does the join( ) method of Node's path module do?
joins all given 'path' segments together and normalizes the resulting path
124
What does fetch( ) return?
promise
125
What is the default request method used by fetch( )?
GET
126
How do you specify the request method (GET, POST, etc.) when calling fetch?
pass an init obj
127
When does React call a component's componentDidMount method?
after the first successful render( )
128
Name three React.Component lifecycle methods.
ComponentDidMount( )
ComponentDidUpdate( )
ComponentWillUnmount( )
129
How do you pass data to a child component?
props
130
What must the return value of myFunction be if the following expression is possible?
myFunction( ) ( );
return function definition
131
What does this code do?
const wrap = value => ( ) => value;
an anonymous function is being defined and in the code block, another anonymous function is being defined and the return value is value and all of that is being assigned to the const variable wrap
132
In JavaScript, when is a function's scope determined; when it is called or when it is defined?
when it is defined
133
What allows JavaScript functions to "remember" values from their surroundings?
closures
