What is regular expression? JavaScript regular expression (regex or regexp) provides a very easy way to match a string with a specific pattern. Regular expression are very powerful tool for searching and finding text. It can match particular characters, numbers,…
JavaScript Splitter is a UI interface that provides resizable panes in a layout, but in my project I need a splitter only one part because if I will use a normal splitter it will cover the whole page and use…
I have created pagination with pure JavaScript data is coming from array of objects which are static but we can use data from server or api. Currently 10 object per page is showing we can change it according our requirement.You…
Today i will create small crud application using ES6 and HTML5 storage iam using MVC approach in this small application.It is very easy to use HTML5 LocalStorage store data in browser. Demo 1) Index.js is a controller where our Model…
Today i will create a small weather app that will fetch weather data from api using es6 Iam using MVC approach in this small application.If you see the js files there are four main files one is Index.js which is…
Today i will create GitHub profile search with es6.I am using MVC approach in this small application.If you see the js files there are three main files one is Index.js which is our controller and second one is Model.js which…
Today i will create a login authentication with Google firebase in Javascript it is very easy with freebase to create login authentication, register, Google Sign-in ,Facebook Login ,Twitter and GitHub, Phone number, Custom Auth System ,Anonymous Authentication , Passing State…
I have created pagination with pure JavaScript data is coming from array of objects which are static but we can use data from server or api. Currently 10 object per page is showing we can change it according our requirement.You…
Today i will create calorie tracker with pure JavaScript no library no jquery with JavaScript modular approach. Iam using material.css Demo html of application <!doctype html> <html lang=”en”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css”> <link…
Today i will show you how to create a book list with pure JavaScript with modular approach. html of application Demo <body> <div class=”container”> <div id=”form-block”> <h1>Add Book</h1> <div class=”form-group”> <label>Title</label> <input type=”text” id=”title” class=”form-control”> </div> <div class=”form-group”> <label>Author</label> <input…