Fullstack Stack Part 1

Question 1

JavaScript ES6

Answer 1

• Also known as ECMAScript 2015 or ECMAScript 6
• ECMAScript was created to standardize JavaScript, and ES6 is the 6th version of ECMAScript
• The second major revision to JavaScript
• Introduced: ‘let’, ‘const’, and arrow functions, default parameter values, rest params (…)

Question 2

React.js

Answer 2

• an open-source, front end, JavaScript library for building user interfaces
• created by Facebook
• key features include Components, JSX, the unidirectional dataflow and server-side rendering

Question 3

Redux

Answer 3

• Redux is an open-source JavaScript library for managing application state (commonly used with React and Angular)
• Redux attempts to make state mutations predictable by enacting a set of rules/constraints on our global state.
• It utilizes a single store, where a central state is the single source of truth. Changes to state can only happen by emitting actions (state is otherwise read-only) and in order to specify how the state tree is transformed by actions, we write reducer functions

Question 4

HTML

Answer 4

Hypertext Markup Language

standard markup language for web pages

Question 5

CSS

Answer 5

Cascading Style Sheets

Simple mechanism for adding style to web documents

It’s a style sheet language used for describing the presentation of a document written in a markup language like html

Question 6

Webpack

Answer 6

• Webpack is a static module bundler for modern JavaScript applications
• It takes all the code from your application and makes it usable in a web browser.
• When Webpack processes your application, it builds a dependency graph which maps out the modules that your project needs and generates one or more bundles. A bundle is a distinct grouping of connected code that has been compiled and transformed for the browser.

Question 7

Babel

Answer 7

• Babel is a JavaScript compiler
• Babel is a JavaScript transpiler that converts edge JavaScript into plain old ES5 JavaScript that can run in any browser (even the old ones).
• It makes available all the syntactical sugar that was added to JavaScript with the new ES6 specification, including classes, fat arrows and multiline strings.

Question 8

Node

Answer 8

• Node is an open-source, cross-platform runtime environment that allows developers to create all kinds of server-side tools and applications in javascript
• Utilizes the V8 JavaScript engine
• The runtime environment is intended for use outside of a browser context
• We can use Node to easily create servers using the built-in HTTP module (but Express makes it even easier to write and maintain our server code)

Question 9

V8 JavaScript Engine

Answer 9

• V8 is an open-source JavaScript engine developed by The Chromium Project for Google Chrome and Chromium web browsers
• Node uses the V8 JavaScript engine

Question 10

Express

Answer 10

• Express is the most popular Node web framework.
• The Express library is really just a lightweight abstraction over the built-in Node HTTP module.
• It provides mechanisms to:
• Write handlers for requests with different HTTP
  verbs at different URL paths (routes)
• Add request processing middleware at any point in the request handling pipeline

Question 11

MySQL

Answer 11

MySQL is a relational database management system based on SQL

Question 12

Sequelize

Answer 12

Sequelize is promise-based Node.js ORM (Object-Relational-Mapper)
It allows us to easily manage a SQL database.
It maps an object syntax onto our database schemas. Sequelize uses a constructor function to connect to your database and it return a Sequelize instance for you to interact with.

Question 13

PostgreSQL

Answer 13

An advanced, open source relational database that supports both SQL (relational) and JSON (nonrelational) querying.
We commonly call it just “Postgres”
It is NoSQL (Not only SQL)

Question 14

Git

Answer 14

Git is a distributed version-control system for tracking changes in any set of files

Question 15

Github

Answer 15

GitHub, Inc. is a subsidiary of Microsoft which provides hosting for software development and version control using Git.

It offers the distributed version control and source code management functionality of Git, plus its own features

Question 16

Chrome Dev Tools

Answer 16

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster.

Question 17

RESTful Routing

Answer 17

Representational State Transfer – an architectural style for designing backend applications.

Answers the question on how to organize routes and how to map functionality to URIs and methods.

Restful routes are a conventional pattern to follow when structuring different routes for interacting with the server whenever an HTTP request is made.

In order for a route to be completely RESTful, it must:

• Separate the client from the server
• Be reliable
• Use HTTP and HTTP methods
• Not hold state between requests (all information necessary to respond to a request is available in each request)