AI became the biggest buzzword in the tech world for the past few months. Somehow – it always feels like some rocket science reserved for data scientists or python developers far away from the front end. In this talk, Eliran will show how easy it is to create your first prediction model with a simple web application using TensorFlow.js and other deep learning tools that can run on your browser! No python, no server, no data scientists – just javascript.

1. Between AI& JS
@eliraneliassy

2. About mySelf
• Experienced FE developer, specialised in B2C applications
• FE trainer & lecturer @ 500Tech
• Angular-IL & AngularUP conf CO-organiser

3. Building powerful Angular
community

12. What is AI?
“The theory and development of
computer systems able to perform
tasks normally requiring human
intelligence, such as visual perception,
speech recognition, decision-making
and translation between Languages”

13. What is AI?
“The theory and development of
computer systems able to perform
tasks normally requiring human
intelligence, such as visual perception,
speech recognition, decision-making
and translation between Languages”

14. What is AI?

15. What is AI?

16. What is AI?

17. What is AI?

18. What is AI?

19. What is AI?

20. AI is EVERYWHERE

21. https://techcrunch.com/2017/12/19/facebook-facial-recognition-photos/

22. Example - Image Recognition

23. Example - Image Recognition

24. How does it works?

30. 23
-1
15
13

31. 23
-1
15
13
1

32. 23
-1
15
13
1 0

33. 23
-1
15
13
1 0
The Training

37. Wanna see some code?

38. Imports
import * as tf from '@tensorflow/tsjs';
<script src="https://unpkg.com/@tensorflow/tfjs"></script>

39. Trying/Loading models
await model.fit(inputs, labels, {
batchSize,
epochs,
shuffle: true,
callbacks: tfvis.show.fitCallbacks(
{ name: 'Training Performance' },
['loss', 'mse'],
{ height: 200, callbacks:
['onEpochEnd'] }
)
});
await tf.loadModel(‘model.json');

40. Live Demo…

41. Demo Objectives:
Create an image classifier using tf.js:
Load a pre-trained model call mobilenet
Select image and try to predict what’s in it
Wire the webcam and predict what you see!

42. Who loves Packman?

43. Let’s Plays Packman…in a
different way…

44. • You don’t have to be a data scientist to do AI any more!
• TensorFlow.js is an independent package, you can run it in the
browser with a matter of a 1 simple import
• Is the future of FE developers is taking part in building AI based
prediction models? YES!
Summary

45. Thank You
@eliraneliassy eliran.eliassy@gmail.comeliraneliassy