Tech Talent Pipeline: Hunter College Spring 2019

Class: Monday-Friday, 10:00AM - 4:00PM

Dates: January 2nd - January 24th (Class on January 12th & January 19th)

Lead Instructor: Jonathan Rosado

Teaching Asssistants: Allan James Lapid & Rastko Sasic

Emails: jon.rosado42@gmail.com, ajlapid718@gmail.com, rastkosas@gmail.com

---

Daily Schedule (subject to change!)

10:00AM - 12:30PM: Lecture, code-alongs, homework review, and mini projects

12:30PM - 1:15PM: Lunch

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

3:00PM - 4:00PM: Independent work using internship stack

---

Curriculum Index

• Pre-Bootcamp Material

• Class Session 1: Collaborative Workflow | (01/02/2019)

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

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

• Class Session 4: Introduction to React and React Components | (01/07/2019)

• Class Session 5: External API Requests (AJAX/Fetch) | (01/08/2019)

• Class Session 6: Zip/City API Exercise and Intro to React Router | (01/09/2019)

• Class Session 7: React Review Day | (01/10/2019)

• Class Session 8: Redux/React-Redux | (01/11/2019)

• Class Session 9: Introduction to Node/Express | (01/12/2019)

• Class Session 10: Express/Postgres | (01/14/2019)

• Class Session 11: Postgres/Sequelize | (01/15/2019)

• Class Session 12: Sequelize/Auth | (01/16/2019)

• Class Session 12: Webpack/Babel | (01/16/2019)

• Class Session 13: Testing/Heroku/Recap | (01/17/2019)

• Class Session 14: Project Building | (01/18/2019)

• Class Session 15: Project Building | (01/19/2019)

• Class Session 16: Project Building | (01/21/2019)

• Class Session 17: Project Building | (01/22/2019)

• Class Session 18: Project Building | (01/23/2019)

• Class Session 19: Presentations | (01/24/2019)

---

Curriculum

Pre-Bootcamp Material

• CSS Diner Exercise
• Flexbox Froggy Exercise
• Flexbox Zombies Exercise

Class Session 1: Onboarding, Git/Github/Collaborative Software Development (Pair Programming) (01/02/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 (01/03/2019)

Suggested Pre-Reading (you could also consider the first two chapers as well, but the links below are the more difficult 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) (01/04/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: Intro to React/React Components (01/07/2019)

• Thinking in React => Required Reading this weekend

• 'this' Keyword MDN Highly suggested Reading

• Closures in Javascript Highly suggested Reading

• 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

• Assignment #4: Contact Card and Decrement

Class Session 5: Continuing React: External API Requests (AJAX/Fetch) (01/08/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 6: Zip/City API Exercise - Intro to React Router (01/09/2019)

• Zip/City API Exercise

• React Router Assignment

Class Session 7: REACT REVIEW DAY (01/10/2019)

• GIPHY API Assignment

Class Session 8: Redux/React-Redux (01/11/2019)

• Redux Tutorial by Dan Abramov <= Excellent tutorial

• Redux / React-Redux Slides

• Free "Learn Redux" Course by Wes Bos

Class Session 9: Intro to Node/Express (01/12/2019)

• Intro to Node slides

• NPM Slides

• Intro to Express slides

• Node Assignment

• 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 10: Express/Postgres (01/14/2019)

• Lecture Slides:

  • Introduction to PostgresQL

  • node-postgres client (pg)

  • REST API

• Final Project Gist

• Postgres Install

• SQLBolt Tutorial

• SQLZoo Tutorial

Class Session 11: Postgres/Sequelize (01/15/2019)

• Sequelize Querying and Associations: Part I

• Sequelize Querying and Associations: Part II

Class Session 12: Sequelize/Auth (01/16/2019)

• Sequelize Slides

• Tom Kelly Sequelize Docs

Class Session 12: Webpack/Babel (01/16/2019)

• Workshop 1-3pm, How to ask questions of your technical supervisor, hosted by Peggy Segal

• Webpack and Babel slides

• Webpack/Babel assignment

Class Session 13: Testing/Heroku/Recap (01/17/2019)

• Redux Middleware slides

• 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

• 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

---

Class Session 14 (01/18/2019)

• Workshop 10:00AM, Technical Presentations, hosted by Jason Wong

  • Tech Presentations Slide deck

• Project Building

• Intro to user Authentication slides

• Cookies slides

• Passport/JSWT slides

• Passport.js tutorial

Class Session 15 (01/19/2019)

• Project Building

Class Session 16 (01/21/2019)

• Project Building

Class Session 17 (01/22/2019)

• Project Building

Class Session 18 (01/23/2019)

• Project Building

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

• Room is To Be Determined