📚 Tech Talent Pipeline Residency: Winter 2021 Bootcamp

📜 Course Information

Click to Expand

• Class Days and Times

  • Monday - Friday, 10AM - 4PM
  • Dates: January 4, 2021(Monday) - January 29, 2021(Friday)

• 🎥 Zoom Link

• 💻 Slack Workspace

⌚ Daily Schedule (Subject to Change)

Click to Expand

10 AM - 12 PM - 🗣️ Lecture, Review, Demo, Workshop of the Day

12PM - 1 PM - 🍽️ Lunch

1PM - 4PM - ⌨️ Continuation of Lecture, Complete The Workshops/Homework For The Day

Your Teaching Team

Click to Expand

Lead Instructor : Depak Borhara(He/Him)

• 📧 Email
• 🗃️ LinkedIn
• Github

Lead TA: Konstantinos Houtas

• 📧 Email
• 🗃️ LinkedIn
• Github

Teaching Assistants

Bashir Alhanshali

• 📧 Email
• 🗃️ LinkedIn
• Github

Emmanuel Kandilas (Manny) (He/Him)

• 📧 Email
• 🗃️ LinkedIn
• Github

Temurbek Sabirov

• 📧 Email
• 🗃️ LinkedIn
• Github

Sagar Shrestha

• 📧 Email
• 🗃️ LinkedIn
• Github

Program Manager: Allan James S. Lapid

• 📧 Email
• 🗃️ LinkedIn
• Github

🗃️ Curriculum Index

Click to Expand

Pre-Bootcamp Material

Week 1

Class Session 1: Pilot Assessment and Collaborative Workflow I | (01/04/2021)

Class Session 2: Collaborative Workflow I and Introduction to JS | (01/05/2021)

Class Session 3: DOM Manipulation | (01/06/2021)

Class Session 4: Introduction to React | (01/07/2021)

Class Session 5: Introduction to External API Requests and ReactJS | (01/08/2021)

Week2

Class Session 6: Introduction to External API Requests and ReactJS Continued | (01/11/2021)

Class Session 7: React Router and Client-Side Routing in a SPA | (01/12/2021)

Class Session 8: State Management with Redux and React-Redux | (01/13/2021)

Class Session 9: Introduction to NodeJS | (01/14/2021)

Class Session 10: Introduction to Express | (01/15/2021)

Week 3

Class Session 11: PostgreSQL/Sequelize I| (01/19/2021)

Class Session 12: PostgreSQL/Sequelize II| (01/20/2021)

Class Session 13: CRUD App I | (01/21/2021)

Class Session 14: CRUD App II | (01/22/2021)

Week 4

Class Session 15: Project Building I | (01/25/2021)

Class Session 16: Project Building II | (01/26/2021)

Class Session 17: Project Building III | (01/27/2021)

Class Session 18: Project Building IV | (01/28/2021)

Class Session 19: Exit Assessment and Demo Day | (01/29/2021)

🏫 Curriculum

Click to Expand

Pre-Bootcamp Material

Fundamentals of Javascript Repo

Week 1

Welcome! We will be going over alot this week! This week includes git workflow, javascript, The DOM, and React!

Click to open

Day 1: Pilot Assessment and Collaborative Workflow I

Day 2: Onboarding, Git/Github/Collaborative Software Development (Pair Programming)

Pre-Readings:

• Git Codecademy Tutorial

• Writing good commit messages

• Advanced Git Workflow

Topic	Lecture	Slides
Git Part 1	📺	🖼️
Git Part 2		🖼️

Passcode: @3Bh2fA6

Assignment(s):

• Collaboration Workshop Assignment #1

Additional Resources:

Adding git your machine:

• https://www.atlassian.com/git/tutorials/install-git
• https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
• https://help.github.com/en/github/using-git/getting-started-with-git-and-github

Git Workflow:

-https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow

Git Cheat Sheets:

• https://education.github.com/git-cheat-sheet-education.pdf
• https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet
• https://www.git-tower.com/learn/cheat-sheets/vcs-workflow

Day 3: Javascript Basics Overview

Pre-Readings:

• Eloquent Javascript Chapter 3: Functions

• Eloquent Javascript Chapter 4: Objects and Arrays

• Eloquent Javascript Chapter 5: Higher Order Function

Topic	Lecture	Slides
Javascript!	📺	🖼️
More Javascript!		🖼️

Passcode : c?54QKRA

Assignment(s):

• Assignment #2

Additional Resources:

• Repl Link
• Awwwards Site

Day 4 : DOM Manipulation

Pre-Readings:

• Eloquent Javascript Chapter 13: Javascript and the Browser

• Eloquent Javascript Chapter 14: The Document Object Model

• Eloquent Javascript Chapter 15: Handling Events

• A Series of DOM Slides

Topic	Lecture	Slides
The DOM	📺	🖼️

passcode : HCVHC^Z2

Assignment(s):

• Assignment #3: DOM Challenges I

• Assignment #4: DOM Challenges II

• Assignment #5: DOM Challenges III

Additional Resource:

• Homemade Reducer

• List of JS Events

• HTML Collection vs NodeList

• NodeList Docs

Day 5 : Introduction to React

Pre-Readings:

• React: Hello World

• React: Introducing JSX

• React: Rendering Elements

• React: Components and Props

• React: State and Lifecycle

• React: Handling Events

• React: Conditional Rendering

• React: List and Keys

• React: Forms

• React: Lifting State Up

• React: Composition vs Inheritance

• Thinking in React

• React: An Overview via Videos

  Reading for the weekend:

• ReactJS: Quick Guide (An Optional Read) (Skip the section on Flux Architecture --- we'll be discussing that in Week 3)

Topic	Lecture	Slides
ReactJS	📺	🖼️

Passcode: yb20gK!7

VsCode Addons

Auto Rename Tag Auto Close Tag Bracket Pair Colorizer 2 ESLint Markdownlint Path Inellisense Prettier vscode-icons

Additional Resources: React Docs

Group Project #1: Fullstack CRUD Application

Week 2

This week we will finish up with React, and go into React-Router, State Management with Redux, and NodeJS.

Click to open

Day 6 : Introduction to External API Requests and ReactJS Continued

Pre-Readings:

React Lifecyle Methods

• Promises

• Fetch API

Topic	Lecture	Slides
React Events / Forms	📺(https://us02web.zoom.us/rec/share/5c9eVBsfIFFwRKmD_gvAZ6ailIZTc-ZJ-YP19QW5e1jbB5zbY5aayukcNtCPfk9W._1mv1XuUdIu2dbQ0)	🖼️
React Lifecycle	📺[Insert Link Here]	🖼️
AJAX, fetch, and Axios	📺[Insert Link Here]	🖼️
Promises	📺[Insert Link Here]	🖼️

Access Passcode: w.4@7Tc=

Assignment #6 Assignment #7 Due Sunday Additional Resources:

Live Code Pokemon API

• Handling Multiple Inputs With One HandleChange Function

• An Approach for a Cancel Button

• Sabe React Tutorial

• Async/Await

• Conditional Rendering: I

• Conditional Rendering: II (Be aware of all options, but disregard Option 2 for the time being)

• Conditional Rendering: III

• Expected Behavior of Form/Folder Exercises

Day 7 : React Router and Client-Side Routing In a Single-Page-Application

Pre-Readings:

• React Router Resource 1
• React Router Resource 2
• React Router Resource #3
• React Router Resource #4

Topic	Lecture	Slides
React Router	📺(https://us02web.zoom.us/rec/share/LLKnViPcBpVsbFYgZW2qhbHbiruWb3MqfsTbQ_rVJxTgLW8Id59e-g3vM5v_lWYw.ti08IVquNRbR4eYc)	🖼️

Access Passcode: Z6r+ANfw

Assignment(s):

• DOM Challenges III with ReactJS: Assignment #8

• Bank of React Assignment

Day 8 : State Management with Redux and React-Redux

Pre-Readings:

• Redux Tutorial by Dan Abramov
• Follow Up Redux Tutorial by Dan Abramov

Topic	Lecture	Slides
Redux / React-Redux Slides	📺(https://us02web.zoom.us/rec/share/-odE4AouNdG3uqWh2ShZZKoJVMpQl1d_Ca_0LWSVnI0nf1TnTkeFkIN3eunKoOn8.LFu8JfexXolhRzlm)	🖼️
Redux / React-Redux Slides #2	N/A	🖼️
Redux Middleware Slides	N/A	🖼️
Redux Thunk Middleware Slides	N/A	🖼️

Access Passcode: 7FV3&a&2

Additional Resources:

-Redux Set Up Checklist

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

• Free "Learn Redux" Course by Wes Bos

• Redux-Thunk Explanation

• React-Redux Gist

• 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

Day 9 : Introduction to NodeJS

Topic	Lecture	Slides
Intro to Node	📺(https://us02web.zoom.us/rec/share/JVbl7ejg1ojY443SHZ5RvYLaAyqVN5AiTjzZs3VqNYf-mMkQ00GeHXdyCJaUFd6m.20tLihEr_5R314ql)	🖼️
NPM	📺	🖼️

Access Passcode: +?i0SyL.

Additional Resources:

• 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

• Express Codecademy Tutorial

Day 10 : Introduction to Express

Topic	Lecture	Slides
Intro to Express	📺	🖼️

Access Passcode: T&R5mC0P

Week 3

Databases/Sequelize/PostgresSQL andCapstone Project Starts

Click to open

Day 11 : PostgreSQL/Sequelize I

Topic	Lecture	Slides
Intro to PostgresSQL Databases	📺	🖼️
PostgreSQL: Node.js Client		🖼️
Sequelize		🖼️

Access Passcode: &d46%@F?

• Sequelize Querying and Associations: Part I
• Sequelize Querying and Associations: Part II

Additional Resources:

• SQLBolt Tutorial
• SQLZoo Tutorial
• Tom Kelly Sequelize Docs

Day 12 : PostgreSQL/Sequelize II

Topic	Lecture	Slides
Intro To Schemas	📺	🖼️
Introduction To ORMs	📺[Insert Link Here]	🖼️
Rounding Out Express and Sequelize	📺[Insert Link Here]	🖼️

Access Passcode: rY+e!24j

Day 13 : CRUD APP

CRUD Kickoff and Review Session with Dino 📺

Access Passcode: !s@0k89f

Day 14 : CRUD APP II

Review Session with Dino-mite! 📺

Access Passcode: FqtC.5c*

Week 4

Capstone Project, Demo Day, and Exit Assessment

Click to open