Uploaded January 2023 | Updated September 2026, 2 weeks ago

---

Welcome to my No Black Box Machine Learning Course in JavaScript. It’s a course where we code without using libraries because it’s the best way to learn all inner workings of a machine learning system and you’ll greatly improve your software development skills as well. Actually, the course is a lot about software engineering, especially in the beginning and the focus slowly shifts towards Machine Learning as it goes on.

The goal in this course is to build a web app that learns to recognize drawings. This video gives the course introduction and lesson 1. This first lesson I'll teach you how to implement a drawing app using vanilla JavaScript and HTML Canvas that works on desktop and mobile devices. We'll use this JavaScript drawing app for data collection. It will ask for some user information first and tell you what you need to draw. This sketch-pad will also have undo… and save functionalities.

The Course: youtube.com/playlist?list=PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4

⭐️HOMEWORK⭐️

1. Draw for me :-) I will use your data in the future:
Call for help video: youtu.be/Yw2QZ1vq2ek
Data collection tool: radufromfinland.com/projects/ml

2. Report if anything wrong with the app
docs.google.com/spreadsheets/d/16wIddJ9jKAAvJOXPcF0gNRx39AOE9A2-mQeK6UR2qnY/edit?usp=sharing

3. Check out the Recognizer we'll build in this course
radufromfinland.com/projects/ml/recognizer


⭐️LINKS⭐️

My Self-driving Car Course
youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY

My Discord Server
discord.com/invite/gJFcF5XVn9

Download Visual Studio Code
code.visualstudio.com/download

Download Google Chrome
google.com/chrome

💻 Code
github.com/gniziemazity/drawing-app


⭐️TIMESTAMPS⭐️
00:00 Course Introduction
04:52 Project Setup
08:10 Implementing the Sketchpad
24:26 Adding Mobile Support
31:34 Data Collection Functionality
41:27 Save Data as a JSON File