Today i will show you how to create a service but first let’s talk about what is service. For example we want to use data in multiple component we will write logic in service to fetch data from server or…
Javascript Call Apply and Bind
Javascript call method example var john = { name:’John’, age:28, presentatoin:function(style,timeOfDay){ if(style == ‘formal’){ console.log(this.name + this.age + timeOfDay) } if(style == ‘friendly’){ console.log(this.name + this.age + timeOfDay) } } } john.presentatoin(‘formal’,’Goodmorning’) var emily = { name:’Emily’, age:23, } john.presentatoin.call(emily,’friendly’,’Evening’)…
Function returns function in Javascript
We will see how function return function.We can call this function in two way but the second one is better. script.js function interviewQuestion(job){ if(job == ‘designer’){ return function(name){ console.log(name + ‘can you please explain what UI design is?’); } }…
Bookmark Application with JavaScript
How to create bookmark web application with pure JavaScript. document.getElementById(‘myForm’).addEventListener(‘submit’,addBookmark); function addBookmark(e){ var siteName = document.getElementById(‘siteName’).value; var siteUrl = document.getElementById(‘siteUrl’).value; var bookmark = { name:siteName, url:siteUrl } if(localStorage.getItem(‘bookmarks’) === null){ var bookmarks = []; bookmarks.push(bookmark); localStorage.setItem(‘bookmarks’,JSON.stringify(bookmarks)) } else{ bookmarks =…
Prototype of web application in bootstrap 4
I have created prototype for large scale business web application using bootstrap 4 Demo
Web Application Prototype with bootstrap and kendo UI
I have created prototype for web application using bootstrap and kendo UI for structure i have used bootstrap and for controls i have used both bootstrap and kendo ui controls see the link of….. demo
Google Map and bing maps alternative OpenStreetMap
We generally see on web or mobile application google or bing map but there is another option OPENSTREETMAP
How to fetch feed from YouTube API
Put this script in head of the page <script type=”text/javascript”> function showMyVideos(data){ var output =”; for(var i=0;i < data.feed.entry.length; i++){ var title = data.feed.entry[i].title.$t; var thumbnail = data.feed.entry[i].media$group.media$thumbnail[0].url; var id = data.feed.entry[i].id.$t.substring(38); output += ‘<h3>’ + title + ‘</h3>’; output…
how to improve website loading time
1) Reduced the image size 2) Link library link with CDN(Content delivery network). 3) Use CSS and Javascript with compressed 4) Reduced the http request a) Using css sprite b) Rather than using lots of CSS file use 1 CSS…