Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Coding Challenge 158: Shape Classifier Neural Network with ml5.js
Play lesson

Beginners Guide to Machine Learning in JavaScript - Coding Challenge 158: Shape Classifier Neural Network with ml5.js

4.0 (0)
12 learners

What you'll learn

This course includes

  • 10 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Full Transcript

In this challenge, I demonstrate the entire process of training and deploying a machine learning classification model in JavaScript -- data collection, model training, and prediction! 💻 Code: https://thecodingtrain.com/challenges/158-shape-classifier 🎥 ml5.js: DoodleNet: https://youtu.be/ABN_DWnM5GQ Links discussed in this video: 🔗 Processing: https://processing.org/ 🔗 p5.js Web Editor: https://editor.p5js.org/ 🔗 ml5.js Loading a pre trained model: https://learn.ml5js.org/#/reference/neural-network?id=loading-a-pre-trained-model 🔗 p5.js copy() reference: https://p5js.org/reference/#/p5.Image/copy 🔗 DoodleNet (GitHub): https://github.com/yining1023/doodleNet Other videos mentioned in this video: 🎥 Workflow Series: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X 🎥 ml5.js: Training a CNN for Image Classification: https://youtu.be/hWurN0XhzLY 🎥 ml5.js: Train a Neural Network with Pixels as Input: https://youtu.be/UaKab6h9Z0I 🎥 ml5.js: Train Your Own Neural Network: https://youtu.be/8HEgeAbYphA 🎥 ml5.js: What is a Convolutional Neural Network?: https://youtu.be/qPKsVAI_W6M 🎥 ml5.js: Save Neural Network Trained Model: https://youtu.be/wUrg9Hjkhg0 🎥 Quick, Draw! - Coding Challenge #122: https://youtu.be/yLuk0twx8Hc Timestamps: 0:00 Introduction 1:33 Generating the dataset in Processing 5:50 Loading images in p5.js 8:34 Create a ml5 neural network 10:54 Adding the data 12:39 About training the model 13:53 Test training 15:21 Training with full dataset 16:44 Improving the dataset 18:20 Saved model 19:01 Separate sketch for prediction 19:40 Loading the model 21:13 Testing the model with shapes drawn in p5.js 24:41 Mouse drawn shapes 31:01 Using a webcam and a notebook 33:49 Wrap up 34:33 What's next? 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://discord.gg/hPuGy2g 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 📚 Books: https://www.amazon.com/shop/thecodingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🔗 p5.js: https://p5js.org 🔗 p5.js Web Editor: https://editor.p5js.org/ 🔗 Processing: https://processing.org 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere