Katie's Notes

Summary

This repository contains all of the notes written by Katie during the Lighthouse Labs Web Development program.

Project Quick Links

• Lotide - A mini clone of the JS Lodash library.
• Snake Client - A snake game that runs in the terminal, connecting a client to a server using TCP.
• Tinyapp - A full stack web application built with Node and Express that allows users to shorten long URLs.
• Tweeter - A twitter clone project, to help students gain front-end dev chops.
• LightBnB - A simple multi-page Airbnb clone that uses server-side JavaScript to display information from SQL queries to web pages.
• Midterm: Funsies - A smart to-do list, single-page application that uses an OpenAI GPT language model to automatically categorize items.
• Photolabs - A React-based, single-page application that allows users to view photos in different contexts.
• Jungle Rails - An e-commerce Rails app built for learning Rails through example.
• Final: Bark Mingle - A Tinder-esque style mobile app where dog owners can set-up playdates.

Table of Contents

Module 1 (Weeks 1-4): Programming Fundamentals with Javascript

• Week 1
  • Lecture 1: Dev Workflow
  • 5 Rules for Defining Functions
  • Mentor Assistance: .includes
  • DRY - Don't Repeat Yourself
• Week 2
  • Lecture 2: Objects in JS
  • Lecture 3: Callbacks
  • Mentor Assistance: Access Nested Objects
  • Mentor Assistance: Spread Operator
• Week 3
  • Lecture 4: Unit Testing
  • Project: Lotide
  • Code Review: Improve Lotide w/ JSDoc
• Week 4
  • Lecture 5: Asynchronous Control Flow
  • Code Review: Timer
  • Mentor Assistance: Nested Callbacks

Module 2 (Week 5): Networking and HTTP for Web Developers

• Week 5
  • Lecture 6: Networking with TCP
  • Lecture 7: Promises
  • Project: Snake Client

Module 3 (Weeks 6-7): Intro to Web Server Development with Node

• Week 6
  • Lecture 8: Web Servers 101
  • Lecture 9: CRUD with Express
• Week 7
  • Lecture 10: HTTP Cookies & User Authentication
  • Lecture 11: Security & Real World HTTP
  • Project: Tinyapp

Module 4 (Weeks 8-10): Intro to Front-End Development

• Week 8
  • Lecture 12: Introduction to CSS
  • Lecture 13: Client-Side JS
  • Reference: DOM Traversal using jQuery
• Week 9
  • Lecture 14: AJAX
  • Mentor Assistance: document.ready
  • Stretch: SASS
• Week 10
  • Lecture 15: Responsive Design
  • Project: Tweeter
  • Reference: Big O Cheatsheet

Module 5 (Weeks 11-13): Relational Databases and SQL

• Week 11
  • Lecture 16: Introduction to SQL
  • Lecture 17: Database Design
  • Code Review: Tweeter
• Week 12
  • Lecture 18: SQL for Apps
  • Programming Test: Promises Cheatsheet
• Week 13
  • Breakout Session: LightBnB Q&A
  • Project: LightBnB

Module 6 (Weeks 14-15): Midterm Projects

• Week 14 & 15
  • Midterm Project Kickoff
  • Midterm Presentation Tips
  • Project: Midterm

Module 7 (Weeks 16-19): React

• Week 16
  • Lecture 19: React
  • JS Patterns for React: Quicksheet
• Week 17
  • Lecture 20: State Management & Immutable Update Patterns
  • Lecture 21: React Developer Workflow
• Week 18
  • Lecture 22: Custom Hooks
  • Lecture 23: Data Fetching & Other Side Effects
• Week 19
  • Lecture 24: Class-Based Components
  • Project: Photolabs

Module 8 (Weeks 20-21): Automated Testing in React

• Week 20
  • Lecture 25: Unit & Integration Testing
  • Lecture 26: E2E Testing with Cypress
  • Code Review: Photolabs
• Week 21
  • Lecture 27: Advanced React Topics
  • Lecture 28: Concluding React

Module 9 (Weeks 22-26): Ruby on Rails

• Week 22
  • Lecture 29: Intro to Ruby
  • Breakout Session: Imposter Syndrome
• Week 23
  • Lecture 30: Project Planning
  • Lecture 31: Advanced Topic - Deploying Apps & CI/CD
• Week 24
  • Lecture 32: Intro to Rails
  • Lecture 33: Advanced Topic - PHP Introduction
• Week 25
  • Lecture 34: Advanced Topic - Intro to TypeScript
  • Research & Reflect: Is Ruby on Rails Still Relevant in 2023 (and beyond)?
• Week 26
  • Final Project Kickoff
  • Project: Jungle Rails

Module 10 (Weeks 27-30): Final Projects

• Project: Bark Mingle