Tag: creative coding

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

  • 16.4: for…of loop – Topics of JavaScript/ES6

    In this video, I explore the new JavaScript ES6 loop: “for…of”. This style loop is useful when iterating over the elements of an array. Video on ES6 let: https://youtu.be/q8SHaDQdul0 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…

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

  • 1.3: Shapes & Drawing – p5.js Tutorial

    In this video, I start writing code and cover the basics of coordinates systems, shapes, and drawing in p5.js. πŸŽ₯ Next video: https://youtu.be/riiJTF5-N7c πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA πŸ’» Code: https://editor.p5js.org/codingtrain/sketches/HJ1WjEPwQ πŸ”— https://p5js.org/ πŸ”— p5.js Web Editor: https://editor.p5js.org/ πŸš‚ 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 πŸ“„ Code…

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