chienleow / resources-for-flatiron

Video Resources for Flatiron School Full-Stack Web Development

Flatiron School Resources

💬 Feel free to submit a Pull Request if you want to add to this list of resources, keep on coding! 💻

Table of Contents

• Recorded Lectures
• Assessment Prep
• Ruby
• Intro to Ruby
• OO Ruby
• Rails
• Rails Project
• JavaScript
• JavaScript Project
• React
• React-Redux Final Project

Recorded Lectures

• Lectures from Flatiron School, All Topics (Google Sheet)
• Flatiron School Denver Video Library
• Ahmed Gaber's lectures
• Aysan Isayo's lectures
• Evans Wang's lectures

Assessment Prep

• CLI Assessment Prep
• Sinatra Assessment Prep
• Rails Assessment Prep

Ruby

Intro to Ruby

Section 7: Loops

• 🧪While and Until Loops Lab - Lab Walkthrough

Section 8: Iteration

• 🧪Tic Tac Toe Current Player - Lab Walkthrough

Section 9: Ruby Tic Tac Toe

• 🧪Tic Tac Toe Game Status - Lab Walkthrough
• 🧪Tic Tac Toe in Ruby - Lab Walkthrough

Procedural Ruby

Section 9: Data Structures

• 🧪Hash Manipulation Lab - Lab Walkthrough

OO Ruby

• 📓Intro to OO | Avi
• 📓Intro to OO | Avi (most recent)
• 📓Intro to OO | Avi | 2 hours (Great explanation)
• 📓Intro to OO | Aysan
• 📓Collaborating Objects | Beth
• 📓OO Review: Mechanics When to Use What | Avi

Rails

Section 1: Intro to Rails

• 📓Lecture | Avi | 1.5 hours

Section 4: Intro to ActionView

• 🧪Rails URL Helpers - Lab Walkthrough | Ayana | 1 hour

Section 5: CRUD

• 📓TODOMVC (great video explaining how URL helpers work and CRUD) - Lecture 1: Assets and Managing Lists | Avi | 1 hour

Section 6: Validations and Forms

• 📓ActiveRecord Validations (went through types of Validation Helpers, ActiveModel::Validator didn't quite work, but tried the block version) - Lecture | Luisa | 1 hour

Section 7: Associations and Rails

• 📓Rails Active Record Associations - Lecture | Jennifer | 1 hour
• 📓Rails Associations and Nested Forms - Part 1 Lecture | Aysan | 1 hour
• 📓Rails Associations and Nested Forms - Part 2 Lecture | Aysan | 1 hour
• 🧪Forms and Basic Associations Lab - The Ternary Operator in Ruby, Medium article: collection_select

Section 10: Routes and Resources

• 📓Nested Resources and Namespace Routes (Go to 21:34 for nested resources) - Lecture | Avi | 1 hour 40 mins

Jenn Hansen's Rails lectures/project build lists

Rails Project

Rails Project Build from Scratch (Avi)

• Rails Build 1 (Find a Pair) - Avi
• Rails Build 2 (Find a Pair) - Avi
• Rails Build 3 (Find a Pair) - Avi
• Rails Build 4 (Find a Pair) - Avi
• Rails Build 5 (Find a Pair) - Avi
• Rails Build 6 (Find a Pair) - Avi

JavaScript

(Suggested JS Sections order: 1–2, 7–8, 3, 9, 4–6, 10–13)

Section 3: Recognizing JavaScript

• 📓What is Lexical Scope? - Lexical Scope | Kyle Simpson | video | 5 mins
• 🧪Task Lister Lite - Lab walkthrough | Evans Wang | 30 mins
• 🧪DOM Challenge - Lab walkthrough | Ahmed Gaber | 1.5 hours

Section 4: Communicating with the Server

• 📓Fetch and Objects - Lecture | Aysan | 1 hour
• 📓AJAX: Promises and Fetch - Lecture | Avi | 1.5 hours
• 🧪Toy Tale Challenge - Lab Walkthrough | Evans Wang | 1 hour

Section 5: Pulling It All Together

• 🧪Build the Example - Lab Walkthrough | Aysan | 48 mins

Section 6: Rails as an API

• 🧪Pokemon Teams Project - Lab Walkthrough | Matteo | 2 hours

Section 9: Advanced Functions

• 📓Callback Functions - FreeCodeCamp article
• 📓Function Declaration VS Function Expression - FreeCodeCamp article
• 🧪Reduce Lab - Programming with Mosh JS Array reduce

JavaScript Project

• JavaScript Rails API Project Setup (Flatiron School)
• Ayana's Project Build Series
  • Seeda Syllabus Backend Repo (PART 1 & 2 Notes)
  • Seeda Syllabus Frontend Repo (PART 3 & 4 Notes)
  • JS Mantra: When some event happens, I want to make what kind of fetch and then manipulate the DOM in what way?
    • PART 1 — Planning and Building a Rails API
    • PART 2 — Routes, Controllers, Serializers
    • PART 3 — Events, Fetch, and DOM Manipulation using a Rails API
    • PART 4 — OOJS Refactor
    • PART 5 — Complex Database Relationships
    • PART 6 — Intro to Implementing Bootstrap
    • PART 7 — Implementing Auth in JS Project using JWT
• The Wellbeing Cookbook Project Build Series by Ally Kadel (Video Playlist)
  • PART 1 - Setting Up the API
  • PART 2 - Setting Up the Client
  • PART 3 - Working with Objects
  • PART 4 - Displaying Data in the DOM
  • PART 5 - Building a Delete Request
  • PART 6 - Debugging Delete and Building a Post Request
  • PART 7 - Finishing the Post Request
  • PART 8 - Updating the DOM
  • PART 9 - Refactoring & Project Structure
  • PART 10 - Stylin'!
• Aysan's Project Build
  • Rails API + JavaScript Application Build
• Cernan's Project Build Series
  • PART 1 - Build a Rails API w a Modular JS Frontend
  • PART 2 - Build a Rails API w a Modular JS Frontend
  • PART 3 - Build a Rails API w a Modular JS Frontend

React

React Lecture Recordings and Build Series

• React Lectures & Other React Resources
• Nancy Noyes' lectures

Section 6: Forms

• 🧪Props, State, and Events Lab - Lab Walkthrough | Seth | 1 hour

React-Redux Final Project

• Expense Tracker (Project Build Series)
  • Expense Tracker Frontend Repo
  • Expense Tracker Backend Repo
  • Expense Tracker React/Redux Project Build
    • 【Part 1】, 【Part 2】, 【Part 3】, 【Part 4】, 【Part 5】, 【Part 6】, 【Part 7】, 【Part 8】, 【Part 9】, 【Part 10 FINAL】
• Globetrotter App (Project Build Series)
  • Globetrotter Frontend Repo
  • Globetrotter Backend Repo