Skip to main content

Machine Learning in Frontend Development

What is Machine Learning by Examples?

Making computers able to identify cats or dogs or anything in an image. Making computers able to predict the future.

Some of Algorithms that makes it possible


  1. Naive Bayes
  2. K-Nearest Neighbour (KNN)
  3. Linear Regression
  4. Convolutional Neural Networks (CNN)
  5. LSTM - Long Short Term Memory

Types of Algorithms


  1. Supervised Learning
  2. Unsupervised Learning
  3. Reinforcement Learning

What is Supervised Learning?

Create predictive models based on a set of features and labels. Example, predicting price of a house based on other houses sold in the area. Features are characteristics of the entries in the dataset. Label would be the prices of the houses. Another example is customer clustering in a supermarket based on buying habits, time of buying, frequency, etc. Another example is sign language to text or speech conversion.
One of the ways to use supervised learning in frontend development is setting alt text of images, adding tags to content, etc.

Why Machine Learning in Javascript?

Because most frontend develoeprs are good at javascript. One can reduce time spent on learning a new language such as python and directly focus on Machine Learning. That helps faster prototyping.
How can Machine Learning be used in frontend?
  1. Import an existing pre-trained model
  2. Retrain an imported model (transfer learning)
  3. Define, train, and run mdoels entirely in the browser.

Tools

Libraries
  1. ML5
  2. Tensorflow.js
  3. Keras.js
  4. etc...
Cloud ML Providers
  1. GCP
  2. AWS
  3. Microsoft
  4. etc...
Here is an example of a frontend ML that I developed using a pre-trained model: https://weekay.herokuapp.com/api/faice

How to train a model?

Take 80% of the dataset and label them. And let the machine learning program assess the rest of the 20% of datset and label them. For this the program needs a algorithm model.

Limitations

  1. Machine Learning programs can take large amount of space, time, computation power, energy.
  2. Results from machine learning programs cannot be explained, so if in cases where explanation is required, there it could be tricky.
  3. Results can be morally unacceptable
  4. Results can be biased because of the data input

Comments

Post a Comment

Popular posts from this blog

Difference between .exec() and .execPopulate() in Mongoose?

Here I answer what is the difference between .exec() and .execPopulate() in Mongoose? .exec() is used with a query while .execPopulate() is used with a document Syntax for .exec() is as follows: Model.query() . populate ( 'field' ) . exec () // returns promise . then ( function ( document ) { console . log ( document ); }); Syntax for .execPopulate() is as follows: fetchedDocument . populate ( 'field' ) . execPopulate () // returns promise . then ( function ( document ) { console . log ( document ); }); When working with individual document use .execPopulate(), for model query use .exec(). Both returns a promise. One can do without .exec() or .execPopulate() but then has to pass a callback in populate.
1 comment
Read more

Python - List - Append, Count, Extend, Index, Insert, Pop, Remove, Reverse, Sort

🐍 Advance List List is widely used and it's functionalities are heavily useful. Append Adds one element at the end of the list. Syntax list1.append(value) Input l1 = [1, 2, 3] l1.append(4) l1 Output [1, 2, 3, 4] append can be used to add any datatype in a list. It can even add list inside list. Caution: Append does not return anything. It just appends the list. Count .count(value) counts the number of occurrences of an element in the list. Syntax list1.count(value) Input l1 = [1, 2, 3, 4, 3] l1.count(3) Output 2 It returns 0 if the value is not found in the list. Extend .count(value) counts the number of occurrences of an element in the list. Syntax list1.extend(list) Input l1 = [1, 2, 3] l1.extend([4, 5]) Output [1, 2, 3, 4, 5] If we use append, entire list will be added to the first list like one element. Extend, i nstead of considering a list as one element, it joins the two lists one after other. Append works in the following way. Input l1 = [1, 2, 3] l1.append([4, 5]) Output...
Post a Comment
Read more

Machine Learning — Supervised, Unsupervised, and Reinforcement — Explanation with Example

🤖 Let's take an example of machine learning and see how it can be performed in three different ways — Supervised, Unsupervised, and Reinforcement. We want a program to be able to identify apple in pictures Supervised Learning You will create or use a model that takes a set of pictures of apple and it analyses the commonality in those pictures. Now when you show a new picture to the program, it will identify whether it has an apple or not. It can also provide details on how confident is the program about it. Unsupervised Learning In this method, you create or use a model that goes through some images and tries to group them as per the commonalities it observes such as color, shape, size, partern, etc. And now you can go through the groups and inform the program what to call them. So, you can inform the program about the group that is apple mostly. Next time you show a picture, it can tell if an apple is there or not. Reinforcement Learning Here the model you create or...
Post a Comment
Read more