WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • May 26, 2021

Machine learning in the browser with TensorFlowjs

Håkan Silfvernagel

Want to build privacy-first AI without learning Python? Discover how to train and deploy machine learning models directly in the browser using TensorFlow.js.

Pause
Mute Enter Fullscreen
#1 about 2 min

Overview of machine learning in the browser with TensorFlow

Using machine learning models natively in the browser provides powerful client-side capabilities.

#2 about 3 min

Core concepts and use cases of machine learning

Supervised learning and pattern recognition enable sophisticated predictive and clustering applications.

#3 about 2 min

Fundamentals of tensors and the TensorFlow library

Tensors represent data mathematically while TensorFlow handles the underlying distributed computing operations.

#4 about 5 min

Visualizing source data with the TensorFlow visualization component

Fetching JSON data and rendering scatter plots helps identify correlations before training.

#5 about 4 min

Defining a sequential neural network model architecture

Creating a sequential model with dense layers establishes the architecture to process numerical inputs.

#6 about 4 min

Formatting and normalizing data into tensor structures

Converting JavaScript data shapes into tensors and applying min-max scaling ensures optimal training conditions.

#7 about 4 min

Compiling and training the machine learning model

Selecting an optimizer and defining a loss function prepares the model for multi-epoch training.

#8 about 6 min

Testing model predictions and addressing data non-linearity

Generating new tensors tests predictions while adding hidden layers captures non-linear data relationships.

#9 about 2 min

Converting existing Keras models to TensorFlow format

Command line utilities can translate pre-trained Python machine learning models for browser compatibility.

#10 about 2 min

Advantages of running machine learning directly in the browser

Client-side execution removes server round-trips, enhances data privacy, and accesses raw device sensors.

#11 about 5 min

Building an image classifier with a pre-trained model

Loading a converted MobileNet model enables developers to quickly predict classes for user-uploaded images.

#12 about 2 min

Real-world implementations of browser-based machine learning

Major platforms leverage client-side models for visual debugging, intuitive content moderation, and algorithmic music composition.

#13 about 3 min

Learning resources and community platforms for artificial intelligence

Recommended courses, API documentation, and online study groups help advance foundational machine learning skills.

Matching moments

1:20 min

Introduction to TensorFlow.js for browser machine learning

Alexandru Hang Alexandru Hang · Europe 2026 Virtual

2:36 min

Implementing and training the prediction model in TensorFlow.js

Eliran Natan · LIVE

2:46 min

The case for native AI in web browsers

Maxim Salnikov Maxim Salnikov · World Congress 2025

3:36 min

Exploring machine learning and image classification in JavaScript

Carly Richmond Carly Richmond · World Congress 2025

7:51 min

Integrating embedded machine learning models into the Firefox browser

Chris Heilmann +2 · LIVE

2:17 min

Accelerating local machine learning models via WebNN

Christian Liebel Christian Liebel · World Congress 2026 Europe

More from WeAreDevelopers LIVE

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
4 days ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
4 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail
48:06
11 days ago

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres thumbnail
7:41
12 days ago

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres

Chris Heilmann, Daniel Cranney

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
25 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
25 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Trust, But Verify: Continuous GPU Validation at Scale

Kyle Bell

VP of AI @ TensorWave

Kyle Bell
Open session

World Congress 2026 North America

Building Stuff with GenAI - The Open Minded Workshop beyond OpenAI

Andreas Erben

CTO for Applied AI and Metaverse at daenet

Andreas Erben
Open session

World Congress 2026 North America

The State of Local AI in 2026

Kirah Sapong

Co-founder & CTO at Aquaduck AI

Kirah Sapong
Open session

World Congress 2026 North America

Building Pragmatic AI: 10 AI Features Your Users Actually Want

Jonathan "J." Tower

.NET Foundation Board | 12x Microsoft MVP | Founder & Consultant

Jonathan "J." Tower
Open session

World Congress 2026 North America

You Can’t Re-Run Sunlight: Designing ML Data Architectures for Physical AI

An Phan

Senior Data Infrastructure Engineer @ Hippo Harvest

An Phan

Related videos

Run AI models in the browser: Real life scenarios and implementations thumbnail
33:15
Europe 2026 Virtual • about 2 months ago

Run AI models in the browser: Real life scenarios and implementations

Alexandru Hang

Is it (F)ake?! Image Classification with TensorFlow.js thumbnail
25:43
World Congress 2025 • about 1 year ago

Is it (F)ake?! Image Classification with TensorFlow.js

Carly Richmond

AI in the Open and in Browsers - Tarek Ziadé thumbnail
53:54
Coffee With Developers • 8 months ago

AI in the Open and in Browsers - Tarek Ziadé

Tarek Ziadé

How Web AI Can Power the Agentic Web - Jason Mayes (Google) thumbnail
20:57
Coffee With Developers • 3 months ago

How Web AI Can Power the Agentic Web - Jason Mayes (Google)

Jason Mayes

Building Your Own Classification Model with JavaScript - Coffee with Developers - Carly Richmond thumbnail
36:29
Coffee With Developers • over 1 year ago

Building Your Own Classification Model with JavaScript - Coffee with Developers - Carly Richmond

Carly Richmnd

Privacy-first in-browser Generative AI web apps: offline-ready, future-proof, standards-based thumbnail
30:13
World Congress 2025 • about 1 year ago

Privacy-first in-browser Generative AI web apps: offline-ready, future-proof, standards-based

Maxim Salnikov

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.