nrl240

REACTO - Room Cleaning Robot

Objectives

- Students will practice decomposing a single complex problem, into multiple digestible parts

- Students will implement a breadth or depth-first traversal of an adjaceny matrix and discuss tradeoffs

- Students will implement a Class pattern for a custom Data Structure (Offices)

nrl240

Exit Ticket: Day 5 - Rounding out the week

In your own words please explain what "Git" and "Github" is.

• Git is distributed version-control system (DVCS) and command-line tool that makes it easier to track changes to files during software development. It's useful for coordinating work among multiple engineers on a project.
  • EXTRA: For example, when a file is updated, we can use git to determine exactly what changed by running git diff, who changed it by running git blame, and why it was changed by running git log, which shows the complete commit history (commit hashes, author, date, commit message).
• GitHub is a website and cloud-based service that allows developers to store their code. While the GitHub interface includes a lot of git command-line functionality (e.g. cre

nrl240

Disclaimer: I did not write or fact check this.

Better safe than sorry. For what it's worth.

I got this from a friend of mine who’s brother is at the Stanford hospital board.

This is their feedback for now on Corona virus:

The new Coronavirus may not show sign of infection for many days. How can one know if he/she is infected? >By the time they have fever and/or cough and go to the hospital, the lung is usually 50% Fibrosis and it's too late.

nrl240

What are some of the pros and cons of object-oriented programming vs. functional programming?

Object-oriented programming

OOP Pros:

• It’s easy to understand the basic concept of objects and easy to interpret the meaning of method calls.
• OOP tends to use an imperative style rather than a declarative style, which reads like a straight-forward set of instructions for the computer to follow.

OOP Cons:

• OOP Typically depends on shared state.

nrl240

Exit Ticket: Day 6 - Express and Handling Asynchronous Code

You should be able to:

• Describe the role of a client, a server, and HTTP
• Describe Express middleware, requests, and responses
• Handle URL params in an Express route
• Know when and why you would use app.use and next in your Express app
• Explain the purpose of using async/await & Promises

nrl240

Exit Ticket: Day 10 - Rounding Out (Express + Sequelize)

You should be able to:

• Write custom error handlers in Express
• Utilize eager loading in Sequelize queries
• Write class and instance methods on Sequelize models

In your own words, what is eager loading?

• The equivalent to doing an LEFT JOIN in SQL.
• By default, associations are loaded using a LEFT JOIN - that is to say it only includes records from the parent table. However, you can indicate to Sequelize what kind of join you want to do. Below is from the Sequelize Documentation, which is linked below this snippet.

nrl240

Exit Ticket: Day 13 - Fullstack Data Flow & Juke

Pick the correct order for the following flows of data.

1. The browser makes a request to get index.html from the server.
2. Express sends index.html to the browser.
3. The browser executes the bundle referred to in a script tag with a defer attribute.
4. React components are mounted for the first time.
5. A route returns a list of albums.

Pick which folder each file or line of code should be under.

nrl240

Exit Ticket: Day 19 - React Forms

You should be able to:

• Explain the difference between controlled and uncontrolled forms
• Build a form using React
• Explain the difference between local state and application state

Controlled forms require... (check all that apply)

• an event handler for change events ☑️

nrl240

Exit Ticket: Day 18 - React Router

You should be able to:

• Use the URL bar to manage state and control navigation within a SPA using the react-router-dom library
• Set up HashRouter/BrowserRouter in a parents component to handle routing
• Swap views using Route components
• Navigate to specific routes using Link components

Which is NOT a main component we import from react-router-dom?

nrl240

Exit Ticket: Day 26 - Data Structures

Choose whether a given object is a Data Structure (DS) or an Abstract Data Type (ADT):

	DS	ADT	Can be implemented using...	Features include...
Contiguous Array	✔️		n/a	Uninterrupted space in memory (RAM)
Stack		✔️	arrays, linked lists	Linear, LIFO, top reference, push, pop, peek, isEmpty, size
Queue		✔️	arrays, linked lists	Linear, FIFO, head/front and tail/back references, enqueue/add/enter, dequeue/remove/leave, peek, isEmpty, size
List		✔️	arrays, linked lists	Linear, "flexible" arrays, get/find, insert/add, remove/delete, isEmpty, size
Tree		✔️	arrays, linked trees	Non-linear, level, depth, height, root, leaf, parent, left-child, right-child, subtree, traversals (see final two exit ticket question below)