Рет қаралды 55,740
Go under the hood of Object Oriented Programming and the prototype chain with Will, Codesmith CEO and Co-founder. You will develop a better understanding in:
- 4 approaches to object-oriented programming in JavaScript
- Prototype, _proto_ and the prototype chain
- Factories, constructors, and classes
- ES5 and ES6 approaches
0:00 - Introduction
1:01 - The OOP paradigm
4:13 - Our application: building a quiz game
6:21 - Objects store functions with their associated data
8:48 - Using dot notation to create and access properties
9:42 - Bracket notation vs dot notation
11:29 - Object.create method
13:39 - Keeping our code DRY: using a function to generate objects
15:12 - Running userCreator function
19:54 - What’s the problem with our solution?
21:48 - Optimizing our solution
22:34 - The prototype chain
19:24 - Going under the hood: the “bond” between an object and its prototype
33:43 - The “this” keyword
37:12 - Can we optimize our solution further?
39:09 - The “new” keyword
42:44 - Functions as objects
47:16 - Diagramming our third solution
1:00:01 - The global object
1:02:20 - Tradeoffs of the “new” keyword solution
1:03:23 - ES6 classes: “syntactic sugar”
1:08:49 - Tradeoffs of classes
1:09:33 - Closeout
To test your understanding of these concepts and find more videos, challenges, and solutions you can make a free account on CSX - csx.codesmith.io/
SUBSCRIBE for more! 👉tinyurl.com/codesmithsub 👈
Stay connected to our community!
Codesmith: www.codesmith.io/
Learn JavaScript for Free: csx.codesmith.io/
Free Events & Workshops: www.codesmith.io/coding-events
Follow us to stay updated!
Facebook: / codesmithhq
Instagram: / codesmithio
Twitter: / codesmith_
LinkedIn: / codesmith-llc
#codesmith #objectorientedprogramming #learntocode