-
16.1: let vs var – Topics of JavaScript/ES6
In this video, I cover the “let” keyword in ES6 JavaScript. I discuss the differences between “let” and “var” (block scope vs. functional scope). Video on “const”: https://youtu.be/2iLVFyYwyRA Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact:…
-
16.11: Promises Part 1 – Topics of JavaScript/ES6
What is a JavaScript Promise? 🎥 Next Video: https://youtu.be/AwyoVjVXnLk 🔗 Giphy API: https://developers.giphy.com/ 🔗 Wordnik API: https://developer.wordnik.com/ 🔗 Promise on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise 🔗 Fetch on MDN: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API 🎥 Giphy API Tutorial: https://youtu.be/mj8_w11MvH8 🎥 Wordnik API Tutorial: https://youtu.be/YsgdUaOrFnQ 🎥 let vs var: https://youtu.be/q8SHaDQdul0 🎥 ES6 Arrow Function: https://youtu.be/mrYMzpbFz18 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store:…
-
16.5: Higher Order Functions in JavaScript – Topics of JavaScript/ES6
In this video, I discuss “higher order functions” in JavaScript. 🎥 Next Video: https://youtu.be/EnYlhbpzhU4 🎥 Topics of JavaScript/ES6: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YgpA3Oht-7B4NBQwFVe3pr 🎥 ES6 Arrow Function: https://youtu.be/mrYMzpbFz18 🎥 Closures in JavaScript: https://youtu.be/-jysK0nlz7A 🚂 The Coding Train website: http://thecodingtrain.com/ 💖 Support this channel on Patreon: https://patreon.com/codingtrain 🛒 To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ 📚 Book recommendations: https://www.amazon.com/shop/thecodingtrain 💻 https://github.com/CodingTrain/Rainbow-Code…
-
16.7: Array Functions: reduce() – Topics of JavaScript/ES6
In this video, I cover the JavaScript array function reduce(). 🎥 Next Video: https://youtu.be/qmnH5MT_luk 🔗 MDN’s Array Documentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array 🚂 The Coding Train website: http://thecodingtrain.com/ 💖 Support this channel on Patreon: https://patreon.com/codingtrain 🛒 To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ 📚 Book recommendations: https://www.amazon.com/shop/thecodingtrain 💻 https://github.com/CodingTrain/Rainbow-Code 🎥 For an Introduction to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 For More…
-
16.3: ES6 Arrow Function – Topics of JavaScript/ES6
In this video, I cover anonymous functions with the arrow syntax in ES6 JavaScript. Next Video on ES6: https://youtu.be/Y8sMnRQYr3c Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Source Code…
-
7.4: Mouse Interaction with Objects – p5.js Tutorial
How can an object interact with the mouse? This video looks at how you can implement basic mouse interaction (rollover, mousePressed) with your own code and HTML5 canvas. Next video: https://youtu.be/tA_ZgruFF9k Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding…
-
16.13: async/await Part 1 – Topics of JavaScript/ES8
This video covers the new ES8 “async” and “await” keywords for writing asynchronous functions in JavaScript. 🎥 Next Video: https://youtu.be/chavThlNz3s 🔗 async on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚 Book recommendations: https://www.amazon.com/shop/thecodingtrain 💻 https://github.com/CodingTrain/website 🎥 For more videos on ES6/JavaScript: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YgpA3Oht-7B4NBQwFVe3pr 🎥 For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🔗 https://p5js.org/…
-
6.2: Classes in JavaScript with ES6 – p5.js Tutorial
This video introduces Object-Oriented Programming in JavaScript with ES6 classes and the p5.js library. Next Video: https://youtu.be/rHiSsgFRgx4 Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Links discussed in this…
-
Coding Challenge #66: JavaScript Countdown Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5’s millis(). Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Links…