$30 off During Our Annual Pro Sale. View Details »

Tensorflowjs 💝 AI

Yas
November 09, 2019

Tensorflowjs 💝 AI

Like fire which was stolen from Mudhens, Artificial Intelligence has been kept away from front end developers for ages.

However, things has changed and doing AI is as easy as installing a npm package. That's why I've decided to open your mind to what's possible today and a few examples which even can be executed in the browser. You don't need to have any background in AI or Maths, just a curious mind and a willingness to try.
​
This talk was inspired by some recent projects which was shown during Google IO and the possibilities which TensorFlow.js opens up for businesses. Now that you can run machine learning even on your mobile, it is very important to show front end developers of what is possible and how to get started in under 30 mins. From converting a Keras model and use it for prediction to create a neural network from scratch, train it and use it in the browser it is all a matter of minutes only.

Yas

November 09, 2019
Tweet

More Decks by Yas

Other Decks in Programming

Transcript

  1. JavaScript AI
    No you’re not dreaming

    View Slide

  2. Today’s special
    01 02 03 04
    Overview The what The how Demo

    View Slide

  3. Lead frontend engineer
    Telstra Purple
    @yashints
    yashints.dev
    Yas

    View Slide

  4. View Slide

  5. Why do it in browser
    Wide distribution
    Interactive
    Sensors
    Data stays on the client

    View Slide

  6. @yashints
    https://playground.tensorflow.org

    View Slide

  7. View Slide

  8. March 2018 GPU accelerated via
    WebGL
    Inference and
    training right within
    the browser
    Tensorflow.js
    Release How Wow

    View Slide

  9. TF
    TPU
    TF
    GPU
    Core API
    WebGL
    Layers API
    Model
    Browser Node.js
    TF
    CPU
    Keras Model
    Tensorflow
    Saved models

    View Slide

  10. Pre-trained
    models
    Object detection
    Mobilenet
    Human pose
    detection
    Posenet
    Human
    segmentation
    BodyPix
    Voice recognition
    Speech command

    View Slide

  11. View Slide

  12. Creatability
    yas.fyi/2Zl4N2p

    View Slide

  13. Airbnb

    View Slide

  14. Speech command

    View Slide

  15. aijs.rocks
    Asim Hussain @jawache

    View Slide

  16. Show time

    View Slide

  17. References
    https://www.tensorflow.org/js
    https://github.com/tensorflow/tfjs-examples
    https://www.freecodecamp.org/news/tensorflowjs-full-course/
    https://codelabs.developers.google.com/
    https://yashints.dev/blog/2018/11/27/get-started-with-tensorflowjs
    Slides https://yas.fyi/2Q1DE2I

    View Slide

  18. ASSIGNMENT
    GO HAVE FUN
    ?

    View Slide

  19. —Someone Infamous
    “With Tensorflow.js, possibilities
    are endless, Let’s bring the fun
    stuff to the web”

    View Slide

  20. CREDITS: This presentation template was created by
    Slidesgo, including icons by Flaticon, and infographics
    & images by Freepik.
    THANKS!
    Questions?
    [email protected]
    @yashints

    View Slide