oop.md

Object Oriented Programming in JS

Start here

• What is Object Oriented Programming?
• What is Object Oriented Programming? (2)
• From HYF Amsterdam
• Programming with Mosh
• Traversy Crash Course, Paired Study Code
• In-Depth by FunFunFunction
• Refactor to OOP (code-along)
• Practical JavaScript Tutorial (+1000)
• Booklist App (code-along)

---

Diving Deeper

this

• javascript.info/object-methods
• Mosh: this
• Zach Gordon: this, binding this, example: event handlers
• Examples of this and bind (funfunfunction)
• EyeBalling this

Getters & Setters

• js.info
• developer drive
• Mosh
• MDN: get
• MDN: set

Prototypes

• Tyler McGinnis: Guide to Prototypes, prototype look-up chain

Classes

• Study
  • Traversy Media
  • javascript.info
  • Practical intro to Classes (FCC)
• Practice
  • es6-classes

---

TDD Katas

• Study
  • ! build up & link to something in Study
  • https://github.com/janke-learning/tdd#resources
  • ? https://github.com/dwyl/learn-tdd
• Practice
  • Bowling
  • Iron Hack: Maze (constructor), Vikings (classes)
  • Rolling Scopes: TicTacToe, Finite State Machine
  • Kata for Fun (not only OOP)