Tag: the cod…

  • 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…