16.17: Inheritance in JavaScript - Topics of JavaScript/ES6

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=MfxBfRD0FVU


Duration: 17:47
76,790 views
2,380

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



Other Videos By The Coding Train


2019-03-21Coding Challenge #141: Calculating Digits of Pi with Mandelbrot Set
2019-03-18Coding Challenge #140: Pi Approximation with Leibniz Series
2019-03-15Autonomous Stream: 12 hours approximating 10 digits of Pi with the Mandelbrot Set
2019-03-14Coding Train Live 172: Happy Pi Day!
2019-03-14Coding Challenge #139: Calculating Digits of Pi with Collisions
2019-03-08Coding Challenge #138: Angry Birds with Matter.js
2019-03-06Coding Train Live 171: Fetch function and Angry Birds with Matter.js
2019-03-05Coding Challenge #137: 4D OpenSimplex Noise Loop
2019-03-04I.7 : What is OpenSimplex Noise?
2019-03-0116.18: Polymorphism in JavaScript - Topics of JavaScript/ES6
2019-03-0116.17: Inheritance in JavaScript - Topics of JavaScript/ES6
2019-02-289.20: Look away! Inheritance with Prototype in JavaScript - p5.js Tutorial
2019-02-27Coding Train Live 170: 4D OpenSimplexNoise Loops and ES6 Inheritance
2019-02-25Coding Challenge #136.1: Polar Perlin Noise Loops
2019-02-20Coding Train Live 169: Perlin Noise Loops + JS Inheritance
2019-02-19Coding Challenge #134.2: Heart Curve GIF Loop
2019-02-19Coding Challenge #135: Making a GIF Loop in Processing
2019-02-18Coding Challenge #134.1: Heart Curve
2019-02-14Coding Challenge #133: Times Tables Cardioid Visualization
2019-02-132.6: createGraphics() - p5.js Tutorial
2019-02-13Coding Train Live 168: Mathematical Hearts + GIF Loops


Tags:
JavaScript (Programming Language)
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
coding
challenges
coding train
the coding train
object.prototype
es6 classes
es6 inheritance
es6 polymorphism
classes inheritance
classes javascript
oop
prototype inheritance
JavaScript inheritance
inherritance
javascript inheritance es6
object oriented programming