🔗 w5d4 :: w5d5 :: w6d1 :: w6d2 :: w6d3 :: w6d4 🔗

• Setting up a Development Environment
  • Complete Phase 3

• ☕ Bagels @ 8:30am ☕

🔒go_video_go

• 🎥 Intro to JS (12 min)
• 🎥 Object-Oriented JS: Intro (15 min)
• 🎥 Object-Oriented JS: Demo (8 min)
• 🎥 Closures and Callbacks (20 min)
• 🎥 Debugging JS in Dev Tools (cc) (15 min)
• 📖 Intro to JavaScript (10 min)
• 📖 Syntax and Useful Methods (10 min)
• 📖 Data Types (15 min)
• 📖 Variables (15 min)
• 📖 Functions (15 min)
• 📖 Closures and Scope (10 min)
• 📖 this and that (10 min)
• 📖 ES6 Arrow Functions (15 min)

• Intro JavaScript Problems (55 min)

• Object-Oriented JavaScript
• Function Invocation, briefly
• Guides and Documentation
  • Codecademy JS Curriculum
    • Good for a slower, interactive intro
  • jQuery Fundamentals: JavaScript Basics (ch1 only)
    • Another great intro reading.
  • MDN Guide
    • Great guide from MDN.
  • MDN Documentation
    • JS Documentation. Bookmark and consult frequently for all of your JavaScript needs.

• CSS Friends Phases 3-4
• Intro JavaScript Exercises
• Reversi

• 📖 Arguments (15 min)
• 📖 Function Invocation, in-depth (10 min)
• 📖 Intro to Callbacks: File I/O (15 min)
• 📖 Event Loop Visualization (10 min)
• 📖 ES6 Class Syntax (5 min)
• 📖 Node Module Pattern (10 min)
• 📖 Chrome Dev Tools (15 min)
• 📖 Ruby, ES5 & ES6 Comparison Chart

• Callbacks and Function Calls (30 min)

• Style Guides
  • 📖 Writing Clean Code
  • 📖 Crockford
  • 📖 jQuery
  • 📖 AirBnB
• (BONUS): Tagging Template Literals

• CSS Friends Phases 5-6
• Intro to Callbacks Exercises
• Towers of Hanoi
• Tic-Tac-Toe

🔒go_video_go

• 🎥 Prototype Chain and Inheritance (20 min)
• 🎥 Inheritance Demo (20 min)
• 🎥 JS in Browser (10 min)
• 📖 Prototypal Inheritance (15 min)
• 📖 Modules in the Browser (15 min)
• 📖 Basic Canvas Drawing (15 min)

• Webpack Tutorial (20 min)
• Intro to Canvas (20 min)
• Canvas Demo: DrunkenCircles (15 min)
  • Run this and look through it after going through Canvas Intro

• LGBT Workplace Fact Sheet (3 min)
• It is Bigger Than Microaggressions (7 min)
• LGBT Minorities Face Job Discrimination (5 min)
• Out in Tech (8 min)
• Transitioning in the Digital Age (7 min)

• Asynchronous Client-Side Code
• Client-Side JavaScript

• Practice

• CSS Friends Phases 7-8
• arguments Exercises
• Prototypal Inheritance Exercises
• Asteroids

• 📖 The Document Object Model (10 min)
• 📖 jQuery I: Selection and Manipulation (15 min)
• 📖 jQuery II: Events (10 min)
• 📖 jQuery III: Ready (10 min)
• 📖 jQuery IV: All The Ways (5 min)
• 📖 jQuery V: Data Attributes (10 min)
• 🎥backbone-14: jQuery event delegation (cc) (25 min)
  • You can ignore the last part, which has Backbone code
• 📖 jQuery VI: Event Delegation (15 min)

• Wacky jQuery (45 min)

• 📖 ES6 Prototypal Inheritance
• 📖 jQuery Documentation
• 📖 jQuery Fundamentals
  • Skip JS Basics (ch1)
  • Read jQuery Basics (ch2)
  • Read Traversing & Manipulating (ch3)
  • Read Events & Event Delegation (ch4)
  • Skip Effects (ch5) and save AJAX & Deferreds (ch6) for later

• CSS Friends Phases 9-10
• jQuery Tic Tac Toe
• jQuery Towers of Hanoi
• (BONUS) Snake

🔒go_video_go

• 🎥 AJAX Video Lecture (20 min)
• 🎥 AJAX Demo (35 min)
  • 💻 complete demo from video
• 📖 Basic AJAX (10 min)
• 📖 AJAX Remote Forms (10 min)
• 📖 Using Rails as an API (10 min)
• 📖 Promises (20 min)

• Your First Ajax Request (30 min)

• 📖 jQuery Fundamentals: AJAX

• CSS Friends Phase 11
• AJAXTwitter

• Practice

🔒go_video_go

• 📖 jQuery VII: Triggering (5 min)
• 📖 Event Propagation (5 min)
• 📖 History and Location (5 min)
• 📖 Vanilla JavaScript (10 min)

• Vanilla DOM Manipulation (45 min)

• Non-technical Overview of JavaScript (10 min)
• Technical Overview of Browsers (10 min)

• jQuery Lite
• Mail