mkirby / js-lectures-oojs

Object Oriented Javascript

This series of lectures is meant to lead into the concepts of Object Oriented programming in Javascript. If you were a fan of OOP design patterns in Ruby, and wanted to see how to organize your code differently, these lectures are for you! Even if you aren't a huge fan of OOP, it'll be important to know going into Phase 4 and learning React, since you'll be expected to work with class syntax.

Video Playlist Links

• Practical OOJS
  • https://www.youtube.com/playlist?list=PLc6AmvC5ZybxSag7J-ZaKQB3d8Fa7wCOL
• this and Execution Context
  • https://www.youtube.com/playlist?list=PLc6AmvC5ZybxNfdsWJf4_Iny6dpD1SCtD
• Prototypal Inheritance
  • https://www.youtube.com/playlist?list=PLc6AmvC5ZybyhTm_BOyyysiym3Ij50vFU

Learning Objectives

• Create classes using the class syntax (constructor, instance methods)
• Understand the this keyword, and its similarities/differences to self in Ruby
• Know when to use arrow functions
• Understand the concept of prototypal inheritance

Outline

• Practical OOJS
  • Learn the basics of OOJS syntax and some examples of structuring code using Object Oriented programming
• this and Execution Context
  • Learn how the this keyword works
  • Methods vs Functions
  • Implicit vs Explicit Binding
  • Arrow Functions
• Prototypal Inheritance
  • How objects get their behavior
  • How classes in JS differ from other Object Oriented languages