Website Template Design Using Html And CSS | Pure CSS Website Design Tutorial for Beginners

Learn how Website Template Design Using Html And CSS | Pure CSS Website Design with HTML. This video for Beginners and also for expert to make website … source – For all your website needs, visit Spalding Web Design

redesign and coding twitter home page | CSS Grid and HTML only

How to Design Twitter Home Page using css grid and css flex box, that’s what I’m gonna show you in this video tutorial, you can follow with me you are good to go and design your own home page. More tutorials : http://bit.ly/hoshCoding if you don’t what css grid is please make sure to see… Continue reading redesign and coding twitter home page | CSS Grid and HTML only

Coding Challenge #125: Fourier Series

In this coding challenge, I visualize the Fourier series for a square wave in JavaScript with p5.js. #fourierseries 💻 Code: https://thecodingtrain.com/CodingChallenges/125-fourier-series.html Links discussed in this video: 🔗 Fourier Series: https://en.wikipedia.org/wiki/Fourier_series 🔗 Purrier Series (Meow) and Making Images Speak: http://bilimneguzellan.net/purrier-series-meow-and-making-images-speak/ 🔗 An Interactive Guide To The Fourier Transform by Better Explained: https://betterexplained.com/articles/an-interactive-guide-to-the-fourier-transform/ 🎥 What is a… Continue reading Coding Challenge #125: Fourier Series

How to Introduce Students to Coding With Mozilla's X-Ray Goggles

Learn how Mozilla’s X-Ray Goggles browser extension can make learning to code more engaging. Any student can benefit from learning at least a little bit about code, but for many students just getting started, coding can be overwhelming and not very engaging. This video shows how you can spark student interest right off the bat… Continue reading How to Introduce Students to Coding With Mozilla's X-Ray Goggles

Coding Challenge #68.1: Breadth-First Search Part 1

In this two part challenge, I cover the Breadth-First Search algorithm and implement it in JavaScript. My demo application is “6 Degrees of Kevin Bacon” (finding the closest relationship between Kevin Bacon and another actor). This challenge is part of the spring 2017 ITP “Intelligence and Learning” course. 💻Challenge: https://thecodingtrain.com/CodingChallenges/068.1-bfs-kevin-bacon.html 💻ITP Intelligence and Learning (S17):… Continue reading Coding Challenge #68.1: Breadth-First Search Part 1

Coding Challenge #94.2: 2048 – Part 2

In this multi-part coding challenge, I attempt to code the sliding puzzle game 2048 in JavaScript using canvas and p5.js. I continue the game mechanics in part 2. 💻Challenge: https://thecodingtrain.com/CodingChallenges/094.2-2048.html 🎥 Part 1: https://youtu.be/JSn-DJU8qf0 🎥 Part 3: https://youtu.be/3iYvT8TBIro 🎥 Part 4: https://youtu.be/vtMKeEGpMI4 Links discussed in this challenge: 🔗 2048: https://gabrielecirulli.github.io/2048/ 🔗 2048 on Wikipedia: https://goo.gl/JzMZjs… Continue reading Coding Challenge #94.2: 2048 – Part 2

Coding Challenge #122.2: Quick, Draw! Continued

The “Quick, Draw!” dataset is now available via an official Google API + web component. In this challenge follow-up, I explore drawing the doodles with p5.js in an HTML5 canvas. #api #quickdraw 💻 Code: https://thecodingtrain.com/CodingChallenges/122.2-quick-draw.html 🎥 Part 1: https://youtu.be/yLuk0twx8Hc Links discussed in this video: 🔗 Quick, Draw! Web Component: https://opensource.googleblog.com/2018/11/introducing-web-component-and-data-api-for-quick-draw.html 🔗 Quick, Draw! API: https://github.com/googlecreativelab/quickdraw-dataset… Continue reading Coding Challenge #122.2: Quick, Draw! Continued