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…
JavaScriptES6 Pagination
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…
CRUD app with ES6 and HTML5 LocalStorage
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…
Weather info app with JavaScript ES6
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…
Github profile search with JavaScript ES6
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…
Authenticate with Firebase in JavaScript
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…
Pagination with Javascript
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…
Calorie tracker app with pure JavaScript
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…
Book list in Javascript
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…
Passing function as a argument in Javascript
This is an example of how we can pass function as an argument in JavaScript. script.js var years = [1940, 1925,1957,2000,1928]; function arrayCal(arr, fn){ var arrValues = []; for(var i =0; i < arr.length ; i++){ arrValues.push(fn(arr[i])); } return arrValues;…