Coding Train Live 102: Intro to ES6 Classes - OOP in JavaScript & Recursion Challenge

In this live stream, I tackle the subject of ES6 classes and Object Oriented Programming in JavaScript. I also do a short coding challenge around recursion and fractals

Timestamps:
31:13 - Intro to new videos about ES6
37:18 - Object Oriented Programming in ES6
50:09 - Back from Break in OOP in ES6 video
1:12:00 - Passing arguments to objects
1:35:48 - Coding Challenge: Recursion
1:51:45 - Conclusion/Q&A

Links discussed in this video:

Videos discussed:

Help us caption & translate this video!

[sheilferzepeda]

Dan went from saying hello to an unknown audience in his office to dancing in a psychedelic dream to start off his code lessons. gotta love the teacher progression lol

[notyaniecetv]

Bruhhhh 😂😂 you are my FAVORITE YouTuber for that intro

[CloudWalkBeta]

I think overloading is a very good thing for beginners to protect from errors.
You can also write the overloading in the constructor
Constructor ( x = 10, y = 10; r = 20 ) {...


Lately I've even resorted to passing objects to some of my more complicated classes, also to let me be lazy and avoid writing undefined several times in order to reach the later variables that I DO want to define.
////
let bubble = new Bubble ({ x: 5, r: 10 });

// in the Bubble class
Constructor ( opts = {} ) {
this.x = opts.x || 0;
this.y = opts.y || 0;
this.r = opts.r || 0;
}
////
That would be moving into mid level programming towards advance I guess.
At the very least, I think its good to get tutorials out there explaining to people how they can customise their code, especially if it helps them develop better habits.

[ShaunaJade]

Dude this guy's smart. Pretty soon Nick Jr. is gonna offer him a job as a TV host for the first children's programming show.

[pratamaSVD]

the intro is amazing.. i love unicorn and train :D

[basalduat]

Yes! Zoom back a little and print larger. Some of us are old and have poor eyesight.

[williambillemeyling]

Great Stream. You should mirro the cealing camera horizontallly :)

[riyaadhfakier]

The damn intro!!!! I'm about the watch a kids story! XD

[aryesegal]

seriously Mr. Shifman, that intro! :) Awesome!

[aareebjamil]

I love your vids! Thanks for the great vids!

[coreyredmon]

In an earlier video you said prototypes (Bubble.prototype.show = function() {}) were more efficient because each object didn't have to store its own copy of the function. Does that no longer apply for ES6 class functions?

[ethanhermsey]

dude, dont listen to the chat, it was fine! :) awesome stuff, those classes are amazing. Especially the easy super parent access and extending

[kosmic]

ur amazing as always dan <3
greetings from egypt

[TheClockwerkman]

Im laughing my ass off to the opening theme.

[nolvalir]

Just came back to this channel to only be disappointed due to it now being called 'Coding Train' D:

This has prob been asked a bajillion times but, why the name change?

Edit - Trademark issue D: I understand ;-;

[kaitlynpierce]

You're my Boyfriend's Senpai.

[Ozziepeck]

very strange intro. But hey, better then a boring intro.

[hdwe]

The intros are just getting weirder and weirder.

[hustlerswebschool]

you are wasting a lot of time, the video is too long and the content does not need all that time, this so bad, I recommend you to make it shorter and hit the point directly instead of wasting our time and your time