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…
CSS Grid
We will use CSS Grid new awesome way of creating web layout i will create multiple web layout with CSS Grid. With CSS Grid we can create any type of layout very fast now forget old css floats lets start…
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;…
JavaScript number formatting
With JavaScript single function we can format number like we want for example in example this formatNumber function add comma and dot according to number pass in function see the demo for more info. script.js function formatNumber(num){ var num,dec, numSplit;…
Lazy Loading in Angular4
Lazy loading in angular is very useful with lazy loading we load data or component when we want to see the particular component.By default angular load all module, component when you are creating large scale application or mobile application performance…