Read on Twitter
A simple guide to getting started with ๐ ๐ฎ๐ฐ๐ต๐ถ๐ป๐ฒ ๐น๐ฒ๐ฎ๐ฟ๐ป๐ถ๐ป๐ด & ๐๐ฎ๐๐ฎ๐ฆ๐ฐ๐ถ๐ฒ๐ป๐ฐ๐ฒ using ๐๐ฎ๐๐ฎ๐ฆ๐ฐ๐ฟ๐ถ๐ฝ๐!
Index
โณIntroduction
โณHow does Ai work?
โณTensorflow.js: What is it?
โณDeploying your Ai enabled App
โณNow what?
#100daysOfCode #JavaScript
Index
โณIntroduction
โณHow does Ai work?
โณTensorflow.js: What is it?
โณDeploying your Ai enabled App
โณNow what?
#100daysOfCode #JavaScript
โณIntroduction
In 2020 most if not all Ai tools which are on python are now available in JavaScript specifically aimed to bring web developers into this field.
You only need to know basic JavaScript for this tutorial.
No fancy maths or Python required.
In 2020 most if not all Ai tools which are on python are now available in JavaScript specifically aimed to bring web developers into this field.
You only need to know basic JavaScript for this tutorial.
No fancy maths or Python required.
1. How does Ai work?
โณIn very simple terms, Ai learns through trial and error. It is given loads of data, which could be images, texts or even voice data.
โณThe Neural Net recognises patterns in the data and learns from it.
โณGeneralisation is Ai in one word.
โณIn very simple terms, Ai learns through trial and error. It is given loads of data, which could be images, texts or even voice data.
โณThe Neural Net recognises patterns in the data and learns from it.
โณGeneralisation is Ai in one word.
1.1 Let's understand with the help of an example.
Tom is a 3 year-old boy, he does not know the difference between a dog and a cat.
So we try to teach him what a dog looks like and what a cat looks like.
We have to stacks of images, one with cats and one with dogs.
Tom is a 3 year-old boy, he does not know the difference between a dog and a cat.
So we try to teach him what a dog looks like and what a cat looks like.
We have to stacks of images, one with cats and one with dogs.
1.2 We show Tom pictures of dogs and cats and after he has learnt what they look like, we try to test how much he has learnt.
In order to learn the differences between the dogs and the cats he must have looked at the characteristics of them, for eg: Dogs are taller than Cats.
In order to learn the differences between the dogs and the cats he must have looked at the characteristics of them, for eg: Dogs are taller than Cats.
1.3 Let's say we asked him to identify 10 random images which have both cats and dogs(mixed), and he answers 8 correctly, he has a 80% accuracy.
1.4 Now simply replace Tom with a computer and you have Machine Learning, incredibly easy to understand, isn't it?
This kind of Machine learning is called "Supervised learning".
This kind of Machine learning is called "Supervised learning".
2.What is TensorFlow.js
โณTensorflow.js is a Js library by Google which allows us to make Machine learning models(the thing we did above) for the the browser.All computations happen in the clients' browser this means your web app is 100% privacy friendly as no data is sent back.
โณTensorflow.js is a Js library by Google which allows us to make Machine learning models(the thing we did above) for the the browser.All computations happen in the clients' browser this means your web app is 100% privacy friendly as no data is sent back.
2.1 The cool thing about TensorFlow.js is that you don't even need to train your own models to use Ai!
You can use pre-trained models which you can simply import in your project.
This is fine when you're starting out but it is recommended that you train you own models.
You can use pre-trained models which you can simply import in your project.
This is fine when you're starting out but it is recommended that you train you own models.
โณNow take a look at this tutorial:
https://codelabs.developers.google.com/codelabs/tfjs-training-classfication/index.html#0
https://codelabs.developers.google.com/codelabs/tfjs-training-classfication/index.html#0
3. Deploying a Tensorflow.js web app to the web is super simple.
โณPush to a Github Repo and then import it in Vercel/Netlify, just like a normal website deployment.
โณHere's an Web App I made using Tfjs:
https://tfjsmnist.vercel.app/
โณPush to a Github Repo and then import it in Vercel/Netlify, just like a normal website deployment.
โณHere's an Web App I made using Tfjs:
https://tfjsmnist.vercel.app/
4. Conclusion
In a future thread we'll a more in depth look on how a neural network works and some other concepts.
โณFinally, here are some resources you can take a look:
- Machine Learning course by Andrew Ng
- Machine learning Foundations by Google developers YouTube channel
In a future thread we'll a more in depth look on how a neural network works and some other concepts.
โณFinally, here are some resources you can take a look:
- Machine Learning course by Andrew Ng
- Machine learning Foundations by Google developers YouTube channel
