Tech Talent Pipeline Residency: Hunter College Summer 2019

Class Days and Class Times: Monday - Friday, 10:00AM - 4:00PM

Dates: May 28th, 2019 (Tuesday) - June 21st, 2019 (Friday)

Room Number: Hunter West 605

Lead Instructor: Allan James S. Lapid

Assistant Instructors: Justin Mintzer && Franklin Rose

Emails: ajLapid718@gmail.com, mintzer.justin@gmail.com, franklin.rose@gmail.com

Slack Workspace: https://hunterttpsummer19.slack.com

REPL: https://repl.it/@ajLapidTTP2X

---

Daily Schedule (subject to change!)

10:00AM - 12:15PM: Lecture, code-alongs, review, workshops, mini-projects

12:15PM - 1:00PM: Lunch

1:00PM - 3:00PM: Continuation of projects and/or lecture, code-alongs

3:00PM - 4:00PM: Independent work involving internship tech stack

---

Curriculum Index (Tentative)

• Pre-Bootcamp Material

• Class Session 1: Collaborative Workflow | (05/28/2019)

• Class Session 2: JavaScript Basics and Advanced JS Topics | (05/29/2019)

• Class Session 3: JavaScript DOM Manipulation and Chrome Dev Tools | (05/30/2019)

• Class Session 4: DOM Manipulation (Continued) | (05/31/2019)

• Class Session 5: Introduction to React and React Components | (06/03/2019)

• Class Session 6: React (Continued) and Intro to External API Requests (AJAX/Fetch) | (06/04/2019)

• Class Session 7: Zip/City API Exercise and Intro to React Router | (06/05/2019)

• Class Session 8: React Review Day | (06/06/2019)

• Class Session 9: Redux/React-Redux | (06/07/2019)

• Class Session 10: Node/Express | (06/10/2019)

• Class Session 11: PostgreSQL/Sequelize | (06/11/2019)

• Class Session 12: PostgreSQL/Sequelize (Continued) | (06/11/2019)

• Class Session 13: Heroku/Deployment/Fullstack CRUD App/Project Planning and Brainstorming | (06/13/2019)

• Class Session 14: Project Building I | (06/14/2019)

• Class Session 15: Project Building II | (06/17/2019)

• Class Session 16: Project Building III | (06/18/2019)

• Class Session 17: Project Building IV | (06/19/2019)

• Class Session 18: Project Building V | (06/20/2019)

• Class Session 19: Presentations | (06/21/2019)

---

Curriculum (Tentative)

Pre-Bootcamp Material

• Please navigate to the "Pre-Bootcamp-Material" markdown file in this repository for more information

Class Session 1: Onboarding, Git/Github/Collaborative Software Development (Pair Programming) (05/28/2019)

• Git Codecademy Tutorial

• Writing good commit messages

• Advanced Git Workflow

• Introduction Slides

• Git and Github Slides

• Collaboration Workshop Assignment

Class Session 2: Javascript Basics Overview, Advanced JS Topics (05/29/2019)

Suggested Pre-Reading (you could also consider the first two chapers as well, but the links below are the more complex topics that we will be covering)

• Eloquent Javascript Chapter 3: Functions

• Eloquent Javascript Chapter 4: Objects and Arrays

• Eloquent Javascript Chapter 5: Higher Order Function

• JavaScript! slide deck

• More JavaScript! slide deck

• Assignment #2

Class Session 3: Javascript DOM Manipulation, Chrome Dev Tools (Debugging) (05/30/2019)

Suggested Pre-reading

• Eloquent Javascript Chapter 13: Javascript and the Browser

• Eloquent Javascript Chapter 14: The Document Object Model

• Eloquent Javascript Chapter 15: Handling Events

• DOM lecture slides

• DOM / JS Assignment #3

Class Session 4: DOM Manipulation (Continued) and Presentations (05/31/2019)

• DOM / JS Assignment #4

• Presentations In The Afternoon

Class Session 5: Intro to React/React Components (06/03/2019)

• Thinking in React => Required Reading this weekend

• 'this' Keyword MDN Highly suggested Reading

• Closures in JavaScript

• Closures in JavaScript Part II

• Install Node on your machines before Monday Node.js Website

  • Choose your OS

  • Download the LTS version (most stable version of Node)

• Class, 'this', and Template String slides

• ReactJS Introduction Slides

• Group Project #1 - Fullstack CRUD Application

Class Session 6: Continuing React: External API Requests (AJAX/Fetch) (06/04/2019)

• React Lifecyle Methods Suggested Reading

• Promises Suggested Reading

• Fetch API Suggested Reading

• Lecture slides

  • AJAX, fetch, and Axios

  • Promises

  • React Lifecycle

  • React Events / Forms

• Sabe React Tutorial

• Folder Toggle / Form Edit Exercises

Class Session 7: Zip/City API Exercise and Intro to React Router (06/05/2019)

• React Router Pre-Reading #1
• React Router Pre-Reading #2
• React Router Pre-Reading #3
• React Router Pre-Reading #4
• React Router Slide Deck
• Zip/City API Pair Assignment
• Bank of React Solo Exercise

Class Session 8: React Review Day (06/06/2019)

• GIPHY Assignment
• Career Workshop For The Entire Afternoon

Class Session 9: Redux/React-Redux (06/07/2019)

• Redux Tutorial by Dan Abramov

• Follow Up Redux Tutorial by Dan Abramov

• Redux / React-Redux Slides

• Redux / React-Redux Slides #2

• Redux Middleware Slides

• Redux Thunk Middleware Slides

• What Thunks Are, What They Solve, and Other Options

• Redeux

  • A repository with different branches containing code that briefly goes over Redux-Thunks, Redux-Saga, Redux-Loop, Redux-Promise, and Redux-Observable
  • Also a valuable resource to review barrel files, code splitting and organization, combineReducers(), and Redux middleware such as redux-logger

• Free "Learn Redux" Course by Wes Bos

• Redux-Thunk Explanation

• React-Redux Gist

• Review of Week 2 Concepts

Class Session 10: Intro to Node/Express (06/10/2019)

• Intro to Node slides

• NPM Slides

• Intro to Express slides

• REST API

• Express Codecademy Tutorial

• JavaScript Conference 2014: The Event Loop <= The entire video is recommended to understand Node's async implementation, but the core explanation begins around 11 minutes into the video

• NodeJS: Module Exports <= Main Takeaway: A deeper understanding of Node's module system

• JavaScript Conference 2019: 10 Things I Regret About NodeJS by the creator of NodeJS

Class Session 11: PostgreSQL/Sequelize (06/11/2019)

• Introduction to PostgresQL

• node-postgres client (pg)

• Postgres Install

• SQLBolt Tutorial

• SQLZoo Tutorial

• Sequelize Querying and Associations: Part I

• Sequelize Querying and Associations: Part II

• Sequelize Slides

• Tom Kelly Sequelize Docs

Class Session 12: PostgreSQL/Sequelize (06/12/2019)

• Introduction To Databases
• Introduction To SQL
• Node-Postgres
• Introduction To Schemas
• Introduction To ORMs
• Rounding Out Express and Sequelize
• GitHub Repository Of A Backend For A Sports App
  • Involves Node, Express, PostgreSQL, and Sequelize

Class Session 13: Heroku/Deployment/Fullstack CRUD App/Project Planning and Brainstorming/Resources For Capstone (06/13/2019)

• Jasmine Testing slides

• Unit Tests Involving A Few Algorithms

  • A repository containing solutions and tests for for three algorithms
  • Utilizes Mocha, Chai, and Sinon

• React Testing With Enzyme and Jest

• Heroku slides

• How To Deploy a Simple App That Has One Server

• Intro to user Authentication slides

• Cookies slides

• Passport/JSWT slides

• Passport.js tutorial

• More On Passport, Cookies, and Sessions (Clear and Concise)

• React-Redux Gist and Workflow

• Sequelize and Corresponding SQL Queries Courtesy of Frank

• Authentication Repository/App

• A One-Hour Video (In-Depth) on Authentication

• Another Hour-Long Video (In-Depth) on Authentication

• Deploying a CRA Frontend and an Express Backend from Scratch

Class Session 14 (06/14/2019)

• Project Building I

Class Session 15 (06/17/2019)

• Project Building II

Class Session 16 (06/18/2019)

• Project Building III

Class Session 17 (06/19/2019)

• Project Building IV

Class Session 18 (06/20/2019)

• Project Building V

Class Session 19: Project Deployment, Student Presentations 2:00PM - 4:00PM (06/21/2019)

• Room is To Be Determined
• Time is To Be Determined