-
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. 🎥Classes (JS): https://youtu.be/T-HGdc8L-7w 🎥Polymorphism (JS): https://youtu.be/8a5BkwuZRK0 🎥Encapsulation (Java) : https://youtu.be/YcbcfkLzgvs 🎥Inheritance (Java) : https://youtu.be/e6eXD8DHc_A 🎥Polymorphism (Java): https://youtu.be/qqYOYIVrso0 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚 Books: https://www.amazon.com/shop/thecodingtrain 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Intro to…
-
1.1: Introduction – p5.js Tutorial
In this video, I talk about p5.js. What is it? What can you do with it? Where did it come from? What is its relationship with Processing? p5.js is both a library for JavaScript and a beginner-friendly editor where you can build creative computational projects in the browser. It can be used for art, data…
-
9.19: Prototypes in Javascript – p5.js Tutorial
In this video, I examine the concept of “Prototype” in the JavaScript programming language. I look at how you can attach methods to objects via prototype (for both objects of existing JS types or your own). I also discuss the “prototype chain” and prototypal inheritance. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions…
-
9.17: Arguments Array in JavaScript – p5.js Tutorial
In this JavaScript Tutorial, I discuss how the JavaScript “arguments” array can be used for function and constructor overloading Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman Links discussed in this video: MDN reference: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/arguments Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For…
-
9.5: JavaScript setInterval() Function – p5.js Tutorial
This video covers the setInterval() function in JavaScript in the context of p5.js. setInterval() allows you to execute a given function every N milliseconds. https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval All examples: https://github.com/shiffman/Video-Lesson-Materials Solution to exercise mentioned: https://github.com/shiffman/Video-Lesson-Materials/blob/master/code_p5.js/9.2b_p5.js_setInterval/sketch.js Contact: https://twitter.com/shiffman Next video: https://youtu.be/-jysK0nlz7A All JavaScript/p5.js videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=14&view=50&sort=dd Help us caption & translate this video! http://amara.org/v/Qbtb/ Original source
-
10.4: Loading JSON data from a URL (Asynchronous Callbacks!) – p5.js Tutorial
This video covers begins the process of working with APIs. The first step is just using a URL instead of a local JSON file. How does this change your code? How do you use a callback to known when the data is ready? All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman Next video: JavaScript basics: HTML/CSS basics: Full…
-
8.1: Introduction to Data and APIs in JavaScript – p5.js Tutorial
This video introduces the idea of using external data in a p5.js sketch. What are the various formats — JSON, tabular data, XML? What is an API? Wind map: http://hint.fm/wind/ All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman Next video: JavaScript basics: HTML/CSS basics: Full Data playlist: Help us caption & translate this video! http://amara.org/v/QbuI/ Original source
-
7.2: Creating HTML Elements with JavaScript – p5.js Tutorial
This video covers how to dynamically create HTML elements from JavaScript using p5.js. createP() and createElement() are covered. Next video: https://www.youtube.com/watch?v=YfaJ20vXcK8 Support this channel on Patreon: https://patreon.com/codingtrain Contact: https://twitter.com/shiffman Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Link to code on Github: https://github.com/CodingTrain/Rainbow-Code p5.js: http://p5js.org For More p5.js Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Help us caption & translate…
-
9.1: JavaScript setTimeout() Function – p5.js Tutorial
This video covers the setTimeout() function in JavaScript in the context of p5.js. setTimeout() allows you to execute a given function at a specific time (in milliseconds.) https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman Next video: https://youtu.be/CqDqHiamRHA All JavaScript/p5.js videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=14&view=50&sort=dd Help us caption & translate this video! http://amara.org/v/Qbtc/ Original source