6.2: Classes in JavaScript with ES6 - p5.js Tutorial

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


Category:
Tutorial
Duration: 20:09
382,565 views
8,170

This video introduces Object-Oriented Programming in JavaScript with ES6 classes and the p5.js library. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/6-objects/2-classes

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/qi7N4LWq

πŸŽ₯ Previous video: https://youtu.be/xG2Vbnv0wvg?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
πŸŽ₯ Next video: https://youtu.be/rHiSsgFRgx4?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Timestamps:
0:00 Introduction
3:09 Encapsulation
3:37 Using Classes as a Template for Objects
8:40 The constructor() Function is the Object's Setup
10:10 Using β€œthis.” to Declare Class Variables
12:26 Code Example
14:50 Adding Functionality to a Class

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://discord.gg/hPuGy2g
πŸ’– 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

#basics #oop #objects #p5js #javascript



Other Videos By The Coding Train


2017-10-167.4: Mouse Interaction with Objects - p5.js Tutorial
2017-10-14Coding Train Live 104: Chatbots with p5.Speech, More OOP in JS & Paperclips!
2017-10-13Coding Challenge #79: Number Guessing Chatbot
2017-10-1210.2: Chatbots with RiveScript - Programming with Text
2017-10-1210.1: Introduction to Chatbots - Programming with Text
2017-10-11Coding Challenge #78: Simple Particle System
2017-10-107.3: Arrays of Objects - p5.js Tutorial
2017-10-09Update on Machine Learning Video Series
2017-10-096.3: Constructor Arguments with Classes in JavaScript - p5.js Tutorial
2017-10-07Coding Train Live 103: More on JavaScript Objects & Chatbots with RiveScript
2017-10-066.2: Classes in JavaScript with ES6 - p5.js Tutorial
2017-10-066.1: Introduction to Object-Oriented Programming with ES6 - p5.js Tutorial
2017-10-05Coding Challenge #77: Recursion
2017-10-0115.7: A Bot That Replies - Twitter Bot Tutorial
2017-09-30Coding Train Live 102: Intro to ES6 Classes - OOP in JavaScript & Recursion Challenge
2017-09-29Community Coding Projects
2017-09-2816.2: const - Topics of JavaScript/ES6
2017-09-2816.1: let vs var - Topics of JavaScript/ES6
2017-09-279.22: Custom Shapes - p5.js Tutorial
2017-09-26Coding Challenge #76: 10PRINT in p5.js
2017-09-25Coding Challenge #75: Wikipedia API


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp nyu
p5.js
javascript
p5.js tutorial
es6
es6 let
ecmascript2015
ecmascript6
let vs var
es2015
es6 tutorial
ecmascript
oop es6
oop class es6
object-oriented es6
object-oriented programming es6
class es6
constructor class es6
constructor es6
arguments class es6