Skip to content

Instantly share code, notes, and snippets.

View matt-winzer's full-sized avatar

Matt Winzer matt-winzer

  • IndigoAG
  • Denver, CO
View GitHub Profile

Hack Reactor JavaScript Mini Bootcamp II: Solutions

Solutions for the exercises found here.

NOTE: Perfectly valid solutions can be written in a different style than the solutions below. If your code works, it works! Don't feel like your functions need to have the exact same syntax as these solutions.

Table of Contents:

Mini Apps Review - Grocery List Build/Burn

Here are modified objectives and resources for re-building the grocery list project.

Objectives

  • Get situated with project in general
  • Diagram React component hierarchy
    • Identify where state should live and what props should be passed
  • Create a basic React client
    • index.js that renders an App component into the DOM

Server & Database Master Setup

Prerequisites

  • Node & NPM
  • PostgreSQL
  • Knex.js

Initial Setup

  • Create a GitHub repo
  • Clone the repo and cd into it

Lightning Talks

Quick hits on lightning talks for GHRDEN.

Expectations

  • Give two lightning talks before graduation
    • 1 on a topic of your choosing
    • 1 on a technical topic (code/code-related)
  • Take the lightning talks seriously

Mini Apps Review - Back End (Node/Express/MySQL)

Objectives

  • Review React front-end
  • Create a basic express server
    • Serve front-end
    • Use middleware
  • Create a MySQL database
    • Practice creating ERDs (Entity Relationship Diagrams)
    • Practice writing schema

First Day Install

Being a developer requires having the right tools and environment set up on your machine. Today we will try to get everyone on the same page regarding their environment. Follow the steps below to install the software necessary to get up and going in this program. If you don't get everything set up today, don't fret, we will go over things together and make sure everyone gets set up properly over the next few days.

Productivity & Applications

  1. Sign up for Trello
  2. Install Slack from the Apple Store

Additional Computer Setup

Today we will get you set up with some additional tools that are needed for web development. The main technologies we need to ensure everyone has are NVM, Node, and NPM.

Verify that you have NVM (Node Version Manager) installed correctly

Verify that nvm has been installed

$ command -v nvm

Hack Reactor: JavaScript 101 Workshop Solutions

Solutions to the exercises found here.

NOTE: Perfectly valid solutions can be written in a different style than the solutions below. If your code works, it works! Don't feel like your functions need to have the exact same syntax as these solutions.

Exercises

Exercise 1. Restaurant Tip Calculator