Worn Off Keys | Canvas Crash Course using HTML5 and JavaScript (2020) @WornOffKeys | Uploaded 3 years ago | Updated 13 hours ago
With canvas you can draw dynamic content on your web page. In this crash course we cover the basics of using canvas.
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
🙋♂️ Need help? Ask in our Discord community:
wornoffkeys.com/discord
💡 Have an idea for a video or course? Request it here:
wornoffkeys.com/content-request
📝 Written Tutorial:
wornoffkeys.medium.com/html5-canvas-crash-course-using-javascript-9561ead331c6
📜Canvas Documentation:
developer.mozilla.org/en-US/docs/Web/API/Canvas_API
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
🕐 Timestamps:
00:00 Introduction
00:22 Creating a basic project
02:30 Displaying rectangles
05:32 Displaying lines
07:21 Rendering images
11:20 Outro
#canvas #javascript #html5 #wornoffkeys
FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.
With canvas you can draw dynamic content on your web page. In this crash course we cover the basics of using canvas.
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
🙋♂️ Need help? Ask in our Discord community:
wornoffkeys.com/discord
💡 Have an idea for a video or course? Request it here:
wornoffkeys.com/content-request
📝 Written Tutorial:
wornoffkeys.medium.com/html5-canvas-crash-course-using-javascript-9561ead331c6
📜Canvas Documentation:
developer.mozilla.org/en-US/docs/Web/API/Canvas_API
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
🕐 Timestamps:
00:00 Introduction
00:22 Creating a basic project
02:30 Displaying rectangles
05:32 Displaying lines
07:21 Rendering images
11:20 Outro
#canvas #javascript #html5 #wornoffkeys
FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.
![MongoDB in NodeJS - Increase and decrease numbers (2020) [Episode #8]](https://i.ytimg.com/vi/yMq2aUv9nKU/hqdefault.jpg "MongoDB in NodeJS - Increase and decrease numbers (2020) [Episode #8]
In this video we go over how to increase and decrease numbers within your MongoDB document.
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
🖥️ Source code:
https://github.com/AlexzanderFlores/Worn-Off-Keys-MongoDB-NodeJS
🙋♂️ Need help? Ask in our Discord community:
https://wornoffkeys.com/discord
💡 Have an idea for a video or course? Request it here:
https://wornoffkeys.com/content-request
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
🕐 Timestamps:
00:00 Introduction
00:34 Increase a number
01:47 Decreasing a number
02:19 Outro
#mongodb #javascript #nodejs #wornoffkeys
FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.")
![Discord JS Private Messaging Users (2020) [Episode #6]](https://i.ytimg.com/vi/y_bTHqMUmNQ/hqdefault.jpg "Discord JS Private Messaging Users (2020) [Episode #6]
Lets go over how you can send private messages to users with Discord.JS
🔥 Source code download ➡ https://wornoffkeys.com/code?yt=y_bTHqMUmNQ
🧠 Learn website dashboards + bot monetization ➡ https://levelupyourbot.com
🙋♂️ Need help? Ask in our Discord community:
https://wornoffkeys.com/discord
📺 Watch more Discord.JS videos here:
https://wornoffkeys.com/playlist/djs
💡 Have an idea for a video or course? Request it here:
https://wornoffkeys.com/content-request
🕒 Timestamps:
00:00 Introduction
00:13 Creating the private-message utility
01:48 Listening for DMs exclusively
02:29 Sending a DM to a user by their ID
03:31 Outro
#discordjs #discordbots #wornoffkeys
FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.")
![Discord JS Editing and Reacting to Messages (2020) [Episode #5]](https://i.ytimg.com/vi/yldqnIhFwkA/hqdefault.jpg "Discord JS Editing and Reacting to Messages (2020) [Episode #5]
In this video we go over how you can edit and react to Discord messages.
🔥 Source code download ➡ https://wornoffkeys.com/code?yt=yldqnIhFwkA
🧠 Learn website dashboards + bot monetization ➡ https://levelupyourbot.com
🙋♂️ Need help? Ask in our Discord community:
https://wornoffkeys.com/discord
📺 Watch more Discord.JS videos here:
https://wornoffkeys.com/playlist/djs
💡 Have an idea for a video or course? Request it here:
https://wornoffkeys.com/content-request
🕒 Timestamps:
00:00 Introduction
00:40 Creating the first-message utility
04:15 Editing existing messages
05:32 Outro
#discordjs #discordbots #wornoffkeys
FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.")
![Discord JS - User Info Command (2020) [Episode #52]](https://i.ytimg.com/vi/z7OLT5HXXlQ/hqdefault.jpg "Discord JS - User Info Command (2020) [Episode #52]
🧠 Learn website dashboards + bot monetization ➡ https://levelupyourbot.com
🙋♂️ Need help? Ask in our Discord community:
https://wornoffkeys.com/discord
📺 Watch more Discord.JS videos here:
https://wornoffkeys.com/playlist/djs
💡 Have an idea for a video or course? Request it here:
https://wornoffkeys.com/content-request
🕒 Timestamps:
00:00 Introduction
01:03 Creating the user info command
13:38 Outro
#discordjs #discordbots #wornoffkeys
FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.")
