resources-for-flatiron

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #android #machine-learning #docker #macos #java #windows #cli #ios

resources-for-flatiron

(★ 17)

Video Resources for Flatiron School Full-Stack Web Development

resources-for-flatiron Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Flatiron School's Banner](https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/FS_wiki.png/330px-FS_wiki.png)

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

<details open>
  <summary>Table of Contents</summary>
  <ul>
    <li><a href="#recorded-lectures">Recorded Lectures</a></li>
    <li><a href="#assessment-prep">Assessment Prep</a></li>
    <li><a href="#ruby">Ruby</a></li>
    <ul>
        <li><a href="#intro-to-ruby">Intro to Ruby</a></li>
        <li><a href="#oo-ruby">OO Ruby</a></li>
    </ul>
    <li><a href="#rails">Rails</a></li>
    <ul>
        <li><a href="#rails-project">Rails Project</a></li>
    </ul>
    <li><a href="#javascript">JavaScript</a></li>
    <ul>
        <li><a href="#javascript-project">JavaScript Project</a></li>
    </ul>
    <li><a href="#react">React</a></li>
    <ul>
        <li><a href="#react-redux-final-project">React-Redux Final Project</a></li>
    </ul>
  </ul>
</details>

## Recorded Lectures
* [Lectures from Flatiron School, All Topics (Google Sheet)](https://docs.google.com/spreadsheets/d/1a-hlF6DurA_GHxcTUjNiFl4_Oju7LAtRGY-lhvV54bQ/edit#gid=1112612743)
* [Flatiron School Denver Video Library](https://flatiron-school-denver.firebaseapp.com/videos)
* [Ahmed Gaber's lectures](https://www.youtube.com/channel/UCMNRjLzNMahLgpl-313KkJw/playlists)
* [Aysan Isayo's lectures](https://www.youtube.com/channel/UCXWvMA6QfunUPIVkCTR8vKg/videos)
* [Evans Wang's lectures](https://www.youtube.com/channel/UCWVPBpwgLrXBllde_xactyg/videos)

## Assessment Prep
* [CLI Assessment Prep](https://github.com/chienleow/cli-assessment-prep)
* [Sinatra Assessment Prep](https://github.com/chienleow/sinatra-assessment-prep)
* [Rails Assessment Prep](https://github.com/chienleow/rails-assessment-prep)

## Ruby

### Intro to Ruby
### Section 7: Loops
* 🧪While and Until Loops Lab - [Lab Walkthrough](https://youtu.be/q2zKfF3s-og)
### Section 8: Iteration
* 🧪Tic Tac Toe Current Player - [Lab Walkthrough](https://youtu.be/osmLMT-67gs)
### Section 9: Ruby Tic Tac Toe
* 🧪Tic Tac Toe Game Status - [Lab Walkthrough](https://youtu.be/I8NXvN8F55g)
* 🧪Tic Tac Toe in Ruby - [Lab Walkthrough](https://youtu.be/5SMWcV8vbFI)

### Procedural Ruby
### Section 9: Data Structures
* 🧪Hash Manipulation Lab - [Lab Walkthrough](https://youtu.be/D6_NKh1lKrI)

### OO Ruby
* 📓[Intro to OO | Avi](https://youtu.be/UysgBTrJoTc)
* 📓[Intro to OO | Avi (most recent)](https://youtu.be/xtlihMO1XT8)
* 📓[Intro to OO | Avi | 2 hours (Great explanation)](https://youtu.be/h2618jCo_eA)
* 📓[Intro to OO | Aysan](https://www.youtube.com/watch?v=sOdz95bdX1M)
* 📓[Collaborating Objects | Beth](https://youtu.be/VAVuN6C0Bvc)
* 📓[OO Review: Mechanics When to Use What | Avi](https://youtu.be/-jrEbj4iCQ8)

## Rails

### Section 1: Intro to Rails
* 📓[Lecture | Avi | 1.5 hours](https://www.youtube.com/watch?v=KKQ8lpEyw2g&feature=emb_title)
### Section 4: Intro to ActionView
* 🧪Rails URL Helpers - [Lab Walkthrough | Ayana | 1 hour](https://www.youtube.com/watch?v=xCSzwC_eDbk&feature=youtu.be)
### Section 5: CRUD
* 📓TODOMVC (great video explaining how URL helpers work and CRUD) - [Lecture 1: Assets and Managing Lists | Avi | 1 hour](https://www.youtube.com/watch?v=Bltz_Dz8bSw&feature=emb_title)
### 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](https://www.youtube.com/watch?v=5jn2g5uGOys&feature=emb_title)
### Section 7: Associations and Rails
* 📓Rails Active Record Associations - [Lecture | Jennifer | 1 hour](https://www.youtube.com/watch?v=OwW2vB0gkXg&feature=emb_title)
* 📓Rails Associations and Nested Forms - [Part 1 Lecture | Aysan | 1 hour](https://www.youtube.com/watch?v=USInXLaVJlc&t=2143s)
* 📓Rails Associations and Nested Forms - [Part 2 Lecture | Aysan | 1 hour](https://www.youtube.com/watch?v=yaTaWOILTS0)
* 🧪Forms and Basic Associations Lab - [The Ternary Operator in Ruby, Medium article: collection_select](https://medium.com/@dru_edmondson/the-ternary-operator-in-ruby-1e87b57f2fc9)
### Section 10: Routes and Resources
* 📓Nested Resources and Namespace Routes (Go to 21:34 for nested resources) - [Lecture | Avi | 1 hour 40 mins](https://www.youtube.com/watch?v=AEMzXU55vLo&feature=emb_title)

Jenn Hansen's [Rails lectures/project build lists](https://docs.google.com/document/d/1VQ3JXDxxmSpqmeXvMozAB09kEWCvHQpiHYEcckzGvx0/edit)

### Rails Project
Rails Project Build from Scratch (Avi)
* [Rails Build 1 (Find a Pair) - Avi](https://www.youtube.com/watch?v=Y9yM205nBAA&feature=emb_title)
* [Rails Build 2 (Find a Pair) - Avi](https://www.youtube.com/watch?v=jEdXPw33QGU&feature=emb_title)
* [Rails Build 3 (Find a Pair) - Avi](https://www.youtube.com/watch?v=JfJ8qG-E1Og&feature=emb_title)
* [Rails Build 4 (Find a Pair) - Avi](https://www.youtube.com/watch?v=k0ITd43qR3Q)
* [Rails Build 5 (Find a Pair) - Avi](https://www.youtube.com/watch?v=Qai-3ggk-zM&feature=emb_title)
* [Rails Build 6 (Find a Pair) - Avi](https://www.youtube.com/watch?v=Vsr3wWoxUrQ&feature=emb_title)

## 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](https://www.youtube.com/watch?v=dHYhMP8ESuk)
* 🧪Task Lister Lite - [Lab walkthrough | Evans Wang | 30 mins](https://www.youtube.com/watch?v=cAVKZ6Pvf2E&feature=youtu.be)
* 🧪DOM Challenge - [Lab walkthrough | Ahmed Gaber | 1.5 hours](https://www.youtube.com/watch?v=ODxpIsfEfCA&feature=youtu.be)
### Section 4: Communicating with the Server
* 📓Fetch and Objects - [Lecture | Aysan | 1 hour](https://www.youtube.com/watch?v=rU5tV3JvLYI&t=43s)
* 📓AJAX: Promises and Fetch - [Lecture | Avi | 1.5 hours](https://www.youtube.com/watch?v=66NMDEFvhhQ&feature=emb_title)
* 🧪Toy Tale Challenge - [Lab Walkthrough | Evans Wang | 1 hour](https://www.youtube.com/watch?v=qHt4kUp_zFs&feature=youtu.be)
### Section 5: Pulling It All Together
* 🧪Build the Example - [Lab Walkthrough | Aysan | 48 mins](https://www.youtube.com/watch?v=DjWpJlmkN6c)
### Section 6: Rails as an API
* 🧪Pokemon Teams Project - [Lab Walkthrough | Matteo | 2 hours](https://www.youtube.com/watch?v=SkfcGWWve6A&feature=emb_err_woyt)
### Section 9: Advanced Functions
* 📓Callback Functions - [FreeCodeCamp article](https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/)
* 📓Function Declaration VS Function Expression - [FreeCodeCamp article](https://www.freecodecamp.org/news/when-to-use-a-function-declarations-vs-a-function-expression-70f15152a0a0/)
* 🧪Reduce Lab - [Programming with Mosh JS Array reduce](https://www.youtube.com/watch?v=g1C40tDP0Bk)

### JavaScript Project
* [JavaScript Rails API Project Setup](https://github.com/learn-co-curriculum/mod3-project-week-setup-example) (Flatiron School)
* **Ayana's Project Build Series**
  * [Seeda Syllabus Backend Repo (PART 1 & 2 Notes)](https://github.com/AyanaZaire/seeda_syllabus_backend)
  * [Seeda Syllabus Frontend Repo (PART 3 & 4 Notes)](https://github.com/AyanaZaire/seeda_syllabus_frontend)
  * **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](https://youtu.be/Q5R7HSqdGFk)
    * [PART 2 — Routes, Controllers, Serializers](https://youtu.be/ZJdfWBVFWAI)
    * [PART 3 — Events, Fetch, and DOM Manipulation using a Rails API](https://youtu.be/goYf_xQiGyE)
    * [PART 4 — OOJS Refactor](https://youtu.be/EleImMG_8Ck)
    * [PART 5 — Complex Database Relationships](https://youtu.be/u_Zrd8LvS7A)
    * [PART 6 — Intro to Implementing Bootstrap](https://youtu.be/18L_LRxMeIw)
    * [PART 7 — Implementing Auth in JS Project using JWT](https://youtu.be/YIGbMX49vcE
)
* **The Wellbeing Cookbook Project Build Series by Ally Kadel** [(Video Playlist)](https://www.youtube.com/playlist?list=PLNUiyK37z4zG1-hogOkAGjm5E0uG1GXTl)
  * [PART 1 - Setting Up the API](https://youtu.be/CVywglmUwnQ)
  * [PART 2 - Setting Up the Client](https://youtu.be/eHVHvgg7dso)
  * [PART 3 - Working with Objects](https://youtu.be/hlj5tKlZNuw)
  * [PART 4 - Displaying Data in the DOM](https://youtu.be/6nGmnCYf2Is)
  * [PART 5 - Building a Delete Request](https://youtu.be/wGdc4FUTOWc)
  * [PART 6 - Debugging Delete and Building a Post Request](https://youtu.be/DKu6Cx2KKqU)
  * [PART 7 - Finishing the Post Request](https://youtu.be/LVEHO7izDug)
  * [PART 8 - Updating the DOM](https://youtu.be/h-QdsdSNAHE)
  * [PART 9 - Refactoring & Project Structure](https://youtu.be/71A8ta3T7L8)
  * [PART 10 - Stylin'!](https://youtu.be/rwr6MADmpcs)
* **Aysan's Project Build**
  * [Rails API + JavaScript Application Build](https://www.youtube.com/watch?v=CxZ-fG2KGsY)
* **Cernan's Project Build Series**
  * [PART 1 - Build a Rails API w a Modular JS Frontend](https://www.youtube.com/watch?v=seCqoRBCq9U)
  * [PART 2 - Build a Rails API w a Modular JS Frontend](https://www.youtube.com/watch?v=O0fjpcF6s60)
  * [PART 3 - Build a Rails API w a Modular JS Frontend](https://www.youtube.com/watch?v=1ql2-kIQz_M)

## React

### React Lecture Recordings and Build Series
* [React Lectures & Other React Resources](https://docs.google.com/spreadsheets/d/1SOQpQ8J7czckQbGJA9OczfEIPNFspONSzS4CrYb3jOM/edit#gid=0)
* [Nancy Noyes' lectures](https://docs.google.com/spreadsheets/d/1a-hlF6DurA_GHxcTUjNiFl4_Oju7LAtRGY-lhvV54bQ/edit#gid=603692437)

### Section 6: Forms
* 🧪Props, State, and Events Lab - [Lab Walkthrough | Seth | 1 hour](https://www.youtube.com/watch?v=VkgWPl9l4nw)

### React-Redux Final Project
* **Expense Tracker** [(Project Build Series)](https://instruction.learn.co/student/video_lectures#/?query=expense-tracker)
  * [Expense Tracker Frontend Repo](https://github.com/Awilmerding1/expenses-frontend)
  * [Expense Tracker Backend Repo](https://github.com/Awilmerding1/expenses-backend)
  * Expense Tracker React/Redux Project Build
    * [【Part 1】](https://youtu.be/pkaAINITbK0), [【Part 2】](https://youtu.be/4CaD44cJ_gg), [【Part 3】](https://youtu.be/Bhql1_AyM2Q), [【Part 4】](https://youtu.be/koKLZqDcTuc), [【Part 5】](https://youtu.be/o391wN4qM9E), [【Part 6】](https://youtu.be/v3IBPEvPLg8), [【Part 7】](https://youtu.be/cefJ0w2mNag), [【Part 8】](https://youtu.be/L51X1pL1GDU), [【Part 9】](https://youtu.be/XUDhlZAfUUU), [【Part 10 FINAL】](https://youtu.be/iVoEOQ7og9M)
* **Globetrotter App** [(Project Build Series)](https://instruction.learn.co/student/video_lectures#/?query=globetrotter)
  * [Globetrotter Frontend Repo](https://github.com/howardbdev/globetrotter-frontend)
  * [Globetrotter Backend Repo](https://github.com/howardbdev/globetrotter-backend)

resources-for-flatiron

resources-for-flatiron Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

resources-for-flatiron

resources-for-flatiron Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README