The Future of JavaScript & Machine Learning

A presentation at ffconf in November 2018 in Brighton, UK by Eleanor

Slide 1

Slide 1

@EleanorHaproff @MarvelApp aijs.rocks AI JavaScript London @aijavascript

Slide 2

Slide 2

Machine Learning & JavaScript

Slide 3

Slide 3

What is AI, Machine Learning & Data Science?

Slide 4

Slide 4

Solving complex problems using data Data Science Simulation of a human brain function by machines Machine Learning Learning from data Artificial Intelligence

Slide 5

Slide 5

Data Science Machine Learning Artificial Intelligence

Slide 6

Slide 6

Artificial Neural Networks

Slide 7

Slide 7

Slide 8

Slide 8

Axon Biological Neuron Axons Dendrites

Slide 9

Slide 9

Artificial Neuron 0.3 -0 .2 Activation Function 0.7 3 ?

Slide 10

Slide 10

Artificial Neuron 0.3 x -0.2 = -0.6 0.7 x 3 = 2.1 } 2.7 -> activation(...) -> 1?

Slide 11

Slide 11

Activation functions 1 Output 0 0 Input

Slide 12

Slide 12

Activation functions 1 Sigmoid Output -1 0 Input

Slide 13

Slide 13

Activation functions 1 ReLU Output 0 0 Input

Slide 14

Slide 14

Artificial Neural Networks 0.4 1.1 4.2 0.3 0.12 0.19 3

Slide 15

Slide 15

Artificial Neural Networks Optimiser 0.4 1.1 4.2 0.3 0.12 3 - 8 = -5 Loss Function 0.19

Slide 16

Slide 16

Artificial Neural Networks Optimiser 0.4 0.1 9.2 0.2 0.12 0.19 8

Slide 17

Slide 17

Existing Landscape of ML

Slide 18

Slide 18

Slide 19

Slide 19

http://www.jstips.co/en/about/

Slide 20

Slide 20

Why JavaScript?

Slide 21

Slide 21

Machine Learning JavaScript Developers PWAs, Vue.js, Next.js GraphQL

Slide 22

Slide 22

Slide 23

Slide 23

JavaScript and Machine Learning

Slide 24

Slide 24

TensorFlow.js

Slide 25

Slide 25

TensorFlow

Slide 26

Slide 26

TensorFlow

Slide 27

Slide 27

TensorFlow

Slide 28

Slide 28

Slide 29

Slide 29

TensorFlow.js

Slide 30

Slide 30

TensorFlow Playground https://playground.tensorflow.org/

Slide 31

Slide 31

TensorFlow.js deeplearn.js

Slide 32

Slide 32

deeplearn.js & Style Transfer

Slide 33

Slide 33

deeplearn.js & Teachable Machine

Slide 34

Slide 34

TensorFlow.js Drivers Install

Slide 35

Slide 35

TensorFlow.js Create and Train Models Load Pretrained Models Retrain Existing Models

Slide 36

Slide 36

aijs.rocks

Slide 37

Slide 37

Slide 38

Slide 38

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Sketch RNN

Slide 42

Slide 42

magenta.js

Slide 43

Slide 43

TensorFlow.js

Slide 44

Slide 44

TensorFlow.js

Slide 45

Slide 45

TensorFlow.js Core API Layers API

Slide 46

Slide 46

TensorFlow.js

Slide 47

Slide 47

Core API Polynomial Regression TensorFlow.js

Slide 48

Slide 48

Layers API TensorFlow.js

Slide 49

Slide 49

TensorFlow.js Memory Management

Slide 50

Slide 50

TensorFlow.js Memory Management

Slide 51

Slide 51

TensorFlow.js Load pre-trained models

Slide 52

Slide 52

TensorFlow.js Transfer Learning

Slide 53

Slide 53

TensorFlow.js Create and Train Models Load Pretrained Models Retrain Existing Models

Slide 54

Slide 54

Slide 55

Slide 55

Applications of ML with JavaScript

Slide 56

Slide 56

Getting Started

Slide 57

Slide 57

Getting Started & Resources js.tensorflow.org github.com/tensorflow/tfjs github.com/tensorflow/tfjs-examples aijs.rocks ml5.js The Coding Train

Slide 58

Slide 58

The Future of ML & JavaScript