3.6: Heroku - Bootcamp

Search…

📅

Course Schedule

🛠

Course Logistics

Pairing Assignments

Required Hardware and Software

Course Methodology

Naming, Casing, and Commenting Conventions

Tools, Syntax, and Glossary

LinkedIn Education Badge

Recommended Resources

Sharing Code with Classmates

🏞

Projects

Project 1: Video Poker

Project 2: Server-Side App

Project 3: Full-Stack Game

Project 4: Full-Stack React App

Project 5: Group React App

Project 6: Capstone

0: Language and Tooling

0.0: Module 0 Overview

0.1: New JS Syntax

0.3: Reading Documentation

0.4: JS Object as Tally

0.5: Advanced Git

0.7: Thunder Client

0.8: JS Promises

0.9: VSCode Node Debugger

0.10: Introduction to Classes

0.ICE: In-Class Exercises

1: Frontend Basics

1.0: Module 1 Overview

1.2: DOM Review

1.3: High Card DOM

1.4: setTimeout

1.5: High Card setTimeout

1.6: Match Game

1.7: setInterval

1.9: Tic Tac Toe

1.10: Multi-File Refactor

1.11: CSS Control with DOM

1.ICE: In-Class Exercises

1.POCE: Post-Class Exercises

🌈

CSS

CSS.1: Basic CSS

CSS 1.2 CSS Classes, Id's and Inheritance

CSS 1.3: Cascading and Specificity

CSS.4: Responsive Design

CSS.5: Web Design Basics

CSS.6: Bootstrap

CSS.ICE: In-Class Exercises

CSS.POCE - Post-Class Exercises

2: Backend Basics

2.0: Module 2 Overview

2.1: My First Node.js Program

2.2: Command Line Programs

2.4: Disk Reading

2.5: Disk Writing

2.6: Disk Altering

2.7: Internet 101

2.8: Chrome Networking

2.9: HTTP Requests and Responses

2.10: HTTP File Server

2.11: Deploy Server to Cloud

2.12: Domain Names

2.ICE: In-Class Exercises

2.POCE: Post-Class Exercises

3: Backend Applications

3.0: Module 3 Overview

3.1: Express.js

3.3: SQL Language

3.4: SQL Applications

3.5: Authentication

3.6.1: Heroku Deploy

3.6.2: Heroku Postgres

3.6.3: Heroku S3

3.ICE: In-Class Exercises

3.POCE: Post-Class Exercises

4: Backend Structure

4.0: Module 4 Overview

4.1: ORM, Sequelize

4.ICE: In-Class Exercises

4.POCE: Post-Class Exercises

5: Full-Stack Applications

5.0: Module 5 Overview

5.1: DOM Manipulation with Express App

5.ICE: In-Class Exercises

5.POCE: Post-Class Exercises

6: Frontend Infrastructure

6.0: Module 6 Overview

6.ICE: In-Class Exercises

7: React

7.0: Module 7 Overview

7.2: React Components

7.3: Using React with Express and Webpack

7.4: React State

7.5: Controlled Forms

7.6: Passing Data Between Sibling Components

7.7: Designing Component Hierarchy

7.8: Error Boundaries

7.9: React Dev Tools

7.ICE: In-Class Exercises

7.POCE: Post-Class Exercises

8: Advanced React

8.0: Module 8 Overview

8.1: Create React App

8.2: Higher-Order Components

8.3: Advanced State

8.4: React Router

8.5: Advanced useEffect

8.6: Styled Components

8.7: React Portals

8.8: React NPM Packages

8.9: React State Management

8.ICE: In-Class Exercises

8.POCE: Post-Class Exercises

9: Advanced Topics

9.0: Module 9 Overview

9.4: React Native

9.5: ML - Bayes Theorem

9.6: GraphQL / React-Apollo

9.7: Web Sockets

9.8: CSS Animations

9.ICE: In-Class Exercises

9.POCE: Post-Class Exercises

🧮

Algorithms

A.0: Algorithms Overview

A.1: Intro to SWE Interviews

A.2: Intro to Python

A.3: Complexity Analysis, Big-O Notation

A.4: Interview Strategies

A.5: Data Structures

A.6: Binary Search

A.7: Sliding Windows

A.8: Object-Oriented Programming

A.10: Sorting Algorithms

A.11: Dynamic Programming

A.12: Bit Manipulation

A.13: Open Practice

💼

Interview Prep

IP.0: Interview Prep Overview

IP.1: Job Application Strategy

IP.3: Portfolio

IP.5: Negotiation

☺

User Experience

UX.2: The UX Process

UX.3: How to Design Your App

Algorithms (New)

Intro to Python

Intro to Algorithm Problem Sets

Data Structures

0: Language and Tooling Teaching Guide

1: Frontend Basics Teaching Guide

🌈

CSS Teaching Guide

CSS.5: Web Design Basics

CSS.4: Responsive Design

CSS.2.6: Layout: Columns & Cards

CSS 1.0: Basics

2: Backend Basics Teaching Guide

2.0: Module 2 Overview

3: Backend Applications Teaching Guide

4: Backend Structure Teaching Guide

5: Full-Stack Applications Teaching Guide

6: Frontend Infrastructure Teaching Guide

7: React Teaching Guide

8: Advanced React Teaching Guide

9: Advanced Topics Teaching Guide

🧮

Algorithms Teaching Guide

💼

Interview Prep Teaching Guide

☺

User Experience Teaching Guide

Powered By GitBook

3.6: Heroku

Introduction
Heroku is a platform that uses AWS EC2 and makes it easy to create and deploy apps. With Heroku we won't have to SSH into an instance and install any software. Heroku has functionality that will make it easier to expand the capacity of our app if traffic ever increases.
Heroku Setup
Sign up for an account here.
Simplified Heroku Architecture Diagram
Dynos
The above illustration describes how the Heroku platform works. We'll see when we run Express.js that it does not listen for traffic directly on HTTP port 80. Heroku has a system of what they call "routers" that can direct incoming port 80 traffic to a fleet of app "dynos".
In your Heroku dashboard you can adjust how many app servers/instances/dynos are running on the Heroku platform. Each dyno is connected to a centralized database server (in our case Postgres).
See detailed docs on the entire platform architecture here.​
Add-ons
Heroku also allows a system of Heroku internal "add-ons" to connect to your fleet of app dynos. These encapsulate common web application patterns for data storage, app monitoring, search engines, etc. Postgres is one add-on we will provision for every app. See a full list of add-ons here.​

3.5.5: Custom Middleware for Authentication

3.6.1: Heroku Deploy

Last modified 2mo ago

Copy link

Contents