16.17: Inheritance in JavaScript - Topics of JavaScript/ES6

In this video, I discuss the concept of inheritance in Object-Oriented Programming (OOP) with JavaScript and using ES6 classes. Code: https://thecodingtrain.com/tracks/topics-in-native-javascript/js/inheritance 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/52LIIRRCa Videos: 🚂 Introduction to Inheritance: https://youtu.be/e6eXD8DHc_A 🚂 Introduction to Polymorphism: https://youtu.be/qqYOYIVrso0 🚂 Classes in JavaScript: https://youtu.be/T-HGdc8L-7w Timestamps: 0:00 Inheritance in JavaScript 0:18 Core principles of object oriented programming 0:36 Other videos about these topics 1:41 What is an ES6 class? 3:25 The code I've already written 4:03 Using a variable for types of particles 5:31 Let's copy and paste to make two classes! 6:53 There has got to be a better way. What is that? 7:30 How to make a class that inherits from another class 10:13 Let's make a child class! 11:18 Augmenting and Overriding 12:24 Let's do some augmenting and overriding! 13:30 What if we want to do the same thing as the parent class but more? 14:37 A couple things to note 15:15 What is an inheritance tree? 16:46 What's next? Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord ✪ Nebula: https://go.nebula.tv/codingtrain 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🔗 p5.js: https://p5js.org 🔗 p5.js Web Editor: https://editor.p5js.org/ 🔗 Processing: https://processing.org 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #inheritance #oop #javascript