A 120 day learning plan to refresh the basics of OOP, get a command of Full Stack Javascript, build clean UIs with React, explore the cutting edge, and practice skills you'll need to be productive team member like advanced git and TDD.
- π Object Oriented Programming
- π ES6+ Javascript
- π Node
- π Mongo
- π PostgreSQL
- π React
- π Redux
- π React Native
- π Git/Github
- π CS Theory
- π Machine Learning
- π Test Driven Development
-
ποΈ Introduction To Building Accessible Web Apps (Wed. Mar. 20th - 6:00pm @ 50 Milk)
-
ποΈ Build An Accessible Full Stack Node App w/ Postgres (Wed. Mar. 27 - 6:00pm @ 50 Milk)
-
ποΈ Creating Reusable React Components w/ Atomic Design (Wed. Apr. 3 - 6:00pm @ 50 Milk)
-
ποΈ Introduction to Test Driven Development (Wed. Apr. 10 - 6:00pm @ 50 Milk)
-
ποΈ Build A Full Stack Accessible Node App w/ Postgres, React, and Full Test Coverage - Part 01 THE BACKEND (Wed. Apr. 17 - 6:00pm @ 50 Milk)
-
ποΈ Build A Full Stack Accessible Node App w/ Postgres, React, and Full Test Coverage - Part 02 THE FRONTEND (Wed. Apr. 24 - 6:00pm @ 50 Milk)
-
ποΈ Build A Full Stack Accessible Node App w/ Postgres, React, and Full Test Coverage - Part 03 THE DEPLOYMENT (Wed. Apr. 24 - 6:00pm @ 50 Milk)
-
π€Έπ½βππΎβππ½βBREAKπ€Έπ½βππΎβππ½β
-
ποΈ Become The Architect - How To Build Large Scalable Web Apps (Wed. Jun. 5th - 6:00pm @ 50 Milk)
-
ποΈ Intro To Machine Learning - Learn The Concepts, Math, and Theory(Wed. Jun. 5th - 6:00pm @ 50 Milk)
-
ποΈ Build A Machine Learning App - Detect And Destroy Your Enemies(Wed. Jun. 5th - 6:00pm @ 50 Milk)
The plan is broken down into 9 week chunks. Each week will have the following:
- π Important Readings
- πΌ Supplemental Videos To Watch
- π» Practice Problems
- π©π½βπ» A project that you will submit via Github to receive feedback
- π Lecture on most Wednesdays @ 6pm
- π Week 01: JS Review
- π Week 02: PostgreSQL
- π Week 03: Web Accessibility
Coming Soon
- π Week 04: Full Stack JS (Node, Express, PostgreSQL)
- π Week 05: React
- π Week 06: Test Driven Development
- π Week 07: Beautiful Backends
- π Week 08: Beautiful Frontends
- π Week 09: Build Process & Deployment
Day 01 | Material | Why |
---|---|---|
Read | The JS Way Ch. 01 | To help refresh the basics of JS |
Read | The JS Way Ch. 02 | Learn the new ES6+ variable syntax |
Watch | JS Fundamental Video | Review of all the major concepts in JS (β οΈ WARNING: Not ES6+) |
Do | Sign Up for JS30 | Daily Challenges that will help you learn JS |
Do | Sign Up for CodeWars | Daily Challenges that will help you learn JS |
Day 02 | Material | Why |
---|---|---|
Read | The JS Way Ch. 03 | Learn proper conditional syntax including switch statements |
Read | The JS Way Ch. 04 | Better understand loops |
Do | JS30 #01 | Learn to interact with the DOM && use Audio |
Do | CodeWars Fundamentals | JS syntax / problem solving practice |
Day 03 | Material | Why |
---|---|---|
Read | The JS Way Ch. 05 | Learn all about functions including new ES6+ fat arrow syntax |
Read | The JS Way Ch. 06 | Get comfortable with objects again |
Watch | JS Object Fundamentals Video | Review JS Objects |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 04 | Material | Why |
---|---|---|
Read | The JS Way Ch. 07 | Get comfortable with using / manipulating arrays π¨ IMPORTANT FOR INTERVIEWS |
Read | The JS Way Ch. 08 | Learn important string methods π¨ IMPORTANT FOR INTERVIEWS |
Do | JS30 #02 | Learn JS Fundamentals && CSS manipulation with JS |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 05 | Material | Why |
---|---|---|
Read | The JS Way Ch. 09 | Dive into the basics of Object Oriented Javascript |
Watch | JS OOP Crash Course | Review OOJS |
Do | Build a Simple Calculator using JS OOP best practices | Reinforce OOP and get comfortable submitting PRs on Github |
Weekend | Material | Why |
---|---|---|
Read | You Don't Know JS: this & Object Prototypes | REALLY LEARN JS OOP principles |
Do | Refactor your Calculator and Resubmit | Reinforce OOP and get comfortable submitting PRs on Github |
PostgreSQL
Day 01 | Material | Why |
---|---|---|
Read | Big O Notation Explained | To help refresh the basics of Big O Notation |
Watch | Big O Video | Big O explained simply in video |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 02 | Material | Why |
---|---|---|
Read | The Imposters Handbook - Big O Chapter | Deeper Dive into Big O |
Watch | MongoDB vs. PostgreSQL | Video breaks down the differences π¨ WATCH BEFORE CLASS |
Do | Go to class | Leon just wants to spend time with you - Also, covering complexity, MongoDB vs. PostgreSQL, and basics of PostgreSQL |
Day 03 | Material | Why |
---|---|---|
Read | PostgreSQL / MySQL comparison | Learn all about the difference btw PostgreSQL and MySQL |
Watch | Great Simple Intro. to PostgreSQL | Simple intro to PostgreSQL the covers everything we did in class π¨ WATCH ALL 4 Videos |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 04 | Material | Why |
---|---|---|
Do | If you haven't yet INSTALL PostgreSQL | Redo the queries from yesterdays video without looking at the answers. Ask for help in #alumni-course |
Do | JS30 #06 | Learn JS Fundamentals && Yes, we are skipping - doing just the π€ money projects π€ |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 05 | Material | Why |
---|---|---|
Read | ACTIVELY READ: PostgreSQL Tutorial Sections 1 - 3 | Dive into the basics of PostgreSQL |
Do | Setup a PostgreSQL DB and do a complex query | Reinforce PostgreSQL learning from this week |
Weekend | Material | Why |
---|---|---|
Read | ACTIVELY READ: PostgreSQL Tutorial Sections 4 - 9 | REALLY LEARN PostgreSQL |
Web Accessibility LECTURE Wednesday @ 6pm
Day 01 | Material | Why |
---|---|---|
Read | What is accessibility? | A great intro to web accessibility |
Watch | Keep In Mind | Who and what to keep in mind when building applications π¨ WATCH BEFORE CLASS |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 02 | Material | Why |
---|---|---|
Read | Web Accessibility Cheatsheet | Quick overview of important accessibility factors |
Watch | Google's Web Accessibility Course - Lesson 01 | Explore the diversity of user experiences π¨ WATCH BEFORE CLASS |
Day 03 | Material | Why |
---|---|---|
Do | Go to class | Leon just wants to spend time with you - Also, covering Web Accessibility! π¨π¨π¨ |
Day 04 | Material | Why |
---|---|---|
Watch | Google's Web Accessibility Course - Lesson 03 | Web Accessibility - Semantics Basics |
Do | JS30 #15 | Learn JS Fundamentals && Yes, we are skipping - doing just the π€ money projects π€ |
Do | CodeWars: 1 Kata | JS syntax && problem solving practice |
Day 05 | Material | Why |
---|---|---|
Watch | Google's Web Accessibility Course - Lesson 05 | Web Accessibility - ARIA |
Do | Build An Accessible ToDo List | Try your own before following the guide! β οΈ β οΈ β οΈ |
Weekend | Material | Why |
---|---|---|
Do | Make Your Portfolio Accessible | Be the change. Bring the ruckus! Submit on Github! π |