The-Marcy-Lab-School/2024-Spring-Curriculum-Kairos

2024-Spring-Curriculum-Kairos

Curriculum Resources

> Skip to current unit <

Table of Contents

• Orientation
• Mod 0 - Command Line, Git, Github
• Mod 1 - Core JavaScript
• Mod 2 - Core: HTML, CSS, and DOM Manipulation
• Mod 3 - Core: Asynchronous JavaScript
• Mod 4 - Core: Project Week
• Mod 5 - Object Oriented Programming
• Mod 6 - Data Structures & Algorithms
• Mod 7 - React
• Mod 8 - Backend: Express, Postgres, SQL, Knex, and Auth
• Civic Tech Hackathon
• Capstone

---

Orientation

Computer Setup Instructions

• Mac Setup: https://github.com/The-Marcy-Lab-School/local-environment-setup-mac
• Windows/WSL Setup: https://github.com/The-Marcy-Lab-School/local-environment-setup-wsl
• Github Setup: https://github.com/The-Marcy-Lab-School/github-setup

Tips & Tricks to Success at Marcy

• Technical Curriculum Overview - S24
• What is Computational Thinking?
• How to Boost Your Confidence as a New Programmer

Important Links to Bookmark

• Canvas: https://canvas.instructure.com/
• Github: https://github.com/
• FreeCodeCamp: https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures
• This repo: https://github.com/The-Marcy-Lab-School/2024-Spring-Curriculum-Kairos

---

Mod 0 - Command Line, Git, Github

Resources:

• Git Cheat Sheet

Week 1

• 3/25/24 - Intro to Command Line Interfaces | Slides | Lecture Recording | Lab Review Recording
• 3/26/24 - Intro to Git & Github | Slides | Recording
• 3/27/24 - Collaborative Git | Slides | Lecture Recording | Lab Review Recording
• 3/28/24 - Review | Part 1 Recording | Part 2 Recording | Git Workflow Notes

---

Mod 1 - Core JavaScript

Resources:

• Eloquent JavaScript (Online Textbook)
• Codecademy: Intro to JavaScript Course
• She Codes JavaScript Cheatsheet
• Mod 1 - All Skills List
• Regex Cheatsheet
• JavaScripts Basics Cheatsheet

Week 1

• 4/1/24 - Intro to node | Slides
• 04/02/24 - 1.1 Variables, Functions, Strings | Slides | Recording Part 1 | Recording Part 2
• 04/03/24 - 1.2 Strings & Control Flow | Slides | Recording
• 04/04/24 - Problem Solving | Slides | Recording

Week 2

• 04/08/24 - 1.3 Loops | Slides | Key Terms | Code | Recording
• 04/09/24 - 1.4 Arrays | Slides | Key Terms | Code | Recording Part 1 | Recording Part 2
• 04/10/24 - Review | Code | Recording
• 04/11/24 - 1.5 Objects | Slides | Key Terms | Code | Recording Part 1 | Recording Part 2

Week 3

• 04/15/24 - 1.6 Callbacks | Slides | Key Terms | Code | Recording
• 04/16/24 - 1.7 Array Higher Order Functions | Slides | Key Terms | Code | Recording Part 1 | Recording Part 2
• 04/17/24 - 1.8 Regex | Slides | Cheat Sheet | Code | Recording
• 04/18/24 - Writing Code | Slides | Recording

Week 4

• 04/22/24 - Week 1 Review | Study Guide | Functions & Variables | Review Code
• 04/23/24 - Week 2 Review | Study Guide | Review Code
• 04/24/24 - Week 3 Review | Study Guide | Review Code
• 04/25/24 - Mod 1 Assessment | Assessment Answers

---

Mod 2 - Core: HTML, CSS, and DOM Manipulation

Resources

• Learn: Intro to Accessibility Video
• Learn: Flexbox the easy way
• Learn: Grid the easy way
• Practice: CSS Diner
• Practice: Flexbox Froggy
• Practice: CSS Grid Garden
• Tutorial: Building a Responsive Hamburger Nav Menu (flexbox and media queries)
• Codecademy: Build Interactive Websites Course
• Codecademy: Fullstack Engineer Career Path
• DOM Cheatsheet

Week 1

• 04/29/24 - Intro to HTML | Key Terms | Recording Part 1 | Recording Part 2
• 04/30/24 - Intro to CSS | Key Terms | Recording
• 05/01/24 - CSS Positioning | Key Terms
• 05/02/24 - HTML & CSS Practice | Base Code | Updated Code | Recording

Week 2

• 5/7/24 - Flexbox | Repo | Recording
• 5/8/24 - Grid + Media Queries | Repo | Recording
• 5/8/24 - Lab Review: Putting It All Together | Repo
• 5/9/24 - HTML & CSS Review | Recording

Week 3

• 5/13/24 - Intro to DOM | Repo | Recording
• 5/14/24 - Events | Repo | Recording
• 5/15/24 - Forms | Repo | Recording

Week 4 (Project Week!)

• 5/20/24 - ESModules + Vite | ESModules Repo, Vite Repo | Recording
• 5/21/24 - DOM Review (Dynamic Dog Cards) | Repo | Recording
• 5/22/24 - Forms Review (Dynamic Dog Cards) | Repo | Recording
• 5/23/24 - Local Storage | Recording
• Deploying a Vite Project on GitHub pages | Repo

Project Week projects:

• Project Option A - Palette Picker
• Project Option B - Compare Movies ChartJS

---

Mod 3 - Core: Asynchronous JavaScript

Resources

• Async Cheatsheet

Week 0

• 6/10/24 - Intro to Promises | Repo with Code | Recording
• 6/10/24 - Lab Review: Promises | Repo with Code |
• 6/11/24 - Intro to Fetch | Repo with Code | Recording
• 6/12/24 - Building a Pokemeon API Search Form | Repo with Code | Recording
• 6/12/24 - Lab Review | Repo with Code | Recording
• 6/13/24 - Async/Await | Repo with Code | Recording

Week 1

• TBA - DOM Review | Recording lab Review Recording
• TBA - Async Review | Recording
• TBA - DOM + Async Assessment

---

Mod 4 - Core: Project Week

Resources

• Project Week Overview

• Project Proposal Template

• Project Proposal Example

• APIs List

• Art Viewer Github Organization (Deployed Version 1, V2, V3, V4)

• Scrum Board Example

• Project Presentation Template

• Mod 3 Assessment Review | Recording

• Project Week Kickoff | Recording

• Scrum

---

Mod 5 - Object Oriented Programming

Resources

• Intro to functions, execution context, and the call stack (review)
• Closures, Scope, Execution Context
• Callbacks and Higher Order Functions
• OOP with Will sentence
• W3 Schools - What is this?
• MDN - What is a closure?
• What are Factory Functions?
• What is Polymorphism?
• Classes are great but... use Composition Instead of Inheritance

Week 0

• 7/1/24 - Encapsulation & Closures | Repo with Code | Recording
• 7/2/24 - Class Basics | Repo with Code | Recording
• 7/3/24 - Private Properties, Static Methods | Repo with Code | Recording

Week 1

• 7/8/24 - Review | Repo with Code | Recording
• 7/9/24 - Has Many/Belongs To | Repo with Code | Recording
• 7/10/24 - Implementing Has Many/Belongs To | Repo with Code
• 7/11/24 - Inheritance & Polymorphism | Repo with Code | Recording

Week 2

• 7/15/24 - Review | Review 1 Recording | Code
• 7/16/24 - Deep Work day |
• 7/17/24 - Short answer Assessment Canvas Assignment
• 7/18/24 - Coding Assessment Canvas Assignment

---

Mod 6 - Data Structures and Algorithms

Mod 6 - Resource Deck

Week 0

• 7/22-23/24 - Nodes and Linked Lists + Algorithms | Repo With Code | Slides | Lecture Recording
• 7/24/24 - Stacks & Queues | Repo With Code | Linked List Implementation | Slides Lecture Recording
• 7/25/24 - Recursion | Slides | Lecture Recording

Week 1

• 7/29/24 - Recursion Review | Slides | Lecture Recording
• 7/30/24 - Trees | Slides | Lecture Recording
• 7/31/24 - Tree Traversals | Repo With Code | Slides | Lecture Recording

---

Mod 7 - React

Resources

• React practice
• Brian Holt React Corse
• Brian Holt React Corse GitHub
• React Week 1 Cheatsheet

Week 0

• 8/5/24 - Intro to React | Repo with Code | Recording | Lab Review Recording
• 8/6/24 - useState & forms | Repo with Code | Recording
• 8/7/24 - fetching & useEffect | Repo with Code | fetching Recording | Lab Review recording| useEffect + GIPHY API recording
• 8/8/24 - Review + JSON Server + Flashcard App | Repo with Code | Recording

Week 1

• 8/12/24 - React Context | Repo with Code | Recording | Lab Review Recording
• 8/13/24 - Global Context Provider Pattern | Repo with Code | Recording

Week 2

• 8/19/24 - React Router | Repo with Code | Recording
• 8/19/24 - Putting It All Together Review React Router Assignment | Repo with Code | Recording
• 8/19/24 Project week Roll out | - Project Overview | Roll out slide deck

Project Week

• 8/21/24 - 8/28/24 Project Week

• How to deploy json-server

---

Mod 8 - Backend

Resources

• Express Docs
• Express MDN Tutorial
• Best Practices for REST API design
• MVC
• Video: What is Postgres?
• Launch School Intro to SQL Online Textbook
• Khan Academy SQL Course
• SQL Cheatsheet
• Video: What is OAuth?
• React + Express + Auth Template Repo

Week 0

• 9/3/24 - Intro to Express | Repo with Code | Recording
• 9/4/24 - Express Middleware (Static Server) | Repo with Code | Recording
• 9/5/24 - Server-Side API Requests | Repo with Code | Recording

Week 1

• 9/9/24 - Data Model + MVC | Repo with Code | Recording
• 9/10/24 - Frontend/Backend App Build Review | Recording
• 9/11/24 - MVC: Creating a Resource | Recording

Week 2

• 9/16/24 - Intro to Databases, Postgres, and SQL | Repo | Recording
• 9/17/24 - Relationships Between Tables | Repo | Recording
• 9/18/24 - Knex | Repo | Recording
• 9/19/24 - SQL + Knex Review(many-to-many relationships) | Same repo as above | Recording

Week 3

• 9/23/24 - Adding a Database To The Fellows Model | Repo | Recording
• 9/24/24 - Building A Fullstack App (frontend) | Repo | Recording
• 9/25/24 - Migrations & Seeds | Repo | Recording
• 9/26/24 - Database Schema Design + ERDs | Repo | Recording

Week 5

• 9/30/24 - Hashing & Salting with Bcrypt | Repo | Recording

• 10/1/24 - Lab Review: React Express Auth Backend Routing | Repo | Recording

• 10/2/24 - Practice Building with the Auth TemplateRecording

• 10/3/24 - User Login | Repo | Recording

---