Welcome to JSFeeds
hello.js
NEW !!!
Thursday, 31 August, 2017 UTC
Getting Started with Vue-cli and Nuxt
Introduction to Nuxt Nuxt is a framework which borrows the ideas from Next.js and proves to be a universal framework for Vue.js applications. Nuxt helps you to create a variety of applications ranging from Static Generated Vue.js Applications to the Server ... moreWednesday, 23 August, 2017 UTC
Storybook for Vue.js – Installation and First Experience
What is Storybook I have constantly been hearing about the Storybook with the React Ecosystem. It’s a commonplace where the Developers and Designers can come together and collaborate in order to build complex applications on the go. It helps to keep each ... moreWednesday, 23 August, 2017 UTC
How to use reduce() in JavaScript Arrays
Reducing an array using a function against an accumulator from left to right is the use of the reduce() , It’s useful in a situation where you have a lot of calculations to be done across an array and reduce it out to a single value. In this case, it ... moreThursday, 17 August, 2017 UTC
Spinkit Loading Component with Vue2.x
Building Spinkit Loading Component with Vue2.x Spinkit is a set of simple loading animation spinners which use only CSS3. Spinkit has a set of 11 animations at present. Most of these are pretty trending and are used in a variety of websites. Since Spinners ... moreMonday, 14 August, 2017 UTC
How to create Badge/Pill Component using Vue.2x and Bootstrap 4
Badge/Pill Component using Vue.2x and Bootstrap 4 Be it be Badge or a Pill, they are required in most of the places and play a major role in any application. So let’s create one single component just like Todo, using the styles from Bootstrap 4 and create ... moreSunday, 13 August, 2017 UTC
How to check what an Array Contains using Includes() ?
Determining whether an array contains a given data point or value can be easily done using javascript Function called includes() . This function is a generic function and works with any array like objects. It intern returns a boolean value determining ... moreSunday, 13 August, 2017 UTC
Creating Button Component Using Bootstrap 4 and Vue.js
Custom Button with Bootstrap 4 and Vue.js In this article, we will create a button component. This component takes its styles from Bootstrap 4. Since there are so many different classes and parameters in a button to handle, we will create a component ... moreSunday, 13 August, 2017 UTC
Simple Markdown Editor Using Vue.js – Exploring computed values & events
Markdown Editor using Vue.js In this article, we will deep dive into creating a simple markdown editor and use the same concept as we used while creating Raw HTML. The HTML editor which we made used the simple binding as well as use the Vue.js v-html ... moreThursday, 10 August, 2017 UTC
Use map() method in JavaScript Array
map() method helps you to create a new array by calling a function on each element of the Array. This function is a custom function which can be used in order to manipulate data within an array and get a new resultant array. A simple implementation of ... moreThursday, 10 August, 2017 UTC
How to Push New Items in JavaScript Array
Push New Items in JavaScript Array, this is the most simple statement that can be achieved with a JavaScript array. This is also very useful in order to build Arrays on the fly. Now let’s see a very basic example where we will be pushing a data point ... moreMonday, 7 August, 2017 UTC
Use filter method in JavaScript Array
The Filter method enables you to filter data from an Array as per a rule you provide. It creates a new Array of all the elements that pass the test condition. Simple and Easy to implement. A simple example of the JavaScript filter() can be as follows ... moreMonday, 7 August, 2017 UTC
How to Immediately Invoke a function – Self Invocation
Self Invocation of a function is a way in which you can protect your Global Scope by not exposing the variable to the Global Scope. This helps to prevent your code and protect it from accessing the Global Environment. The way in which you can enable ... moreTuesday, 1 August, 2017 UTC
Understanding ES6 Classes
Introduction to ES6 Class Classes in ES6 are mere syntactical Sugar that you can use to wrap around a function and it will look like a valid class declaration. We will see the comparison of each of the format and also review some samples using ES6 classes. ... moreTuesday, 1 August, 2017 UTC
How to achieve Styles Binding in Vue.js?
Style Binding in Vue.js Binding Styles in Vue.js is as similar as Binding Classes. We did see it in the previous post how to bind CSS classes to the HTML. In order to get started let’s learn the way in which v-bind comes to rescue out here. The simple ... moreTuesday, 1 August, 2017 UTC
Getting Started with ES6 Arrows
Introduction to ES6 Arrows ES6 introduced the Arrow syntax for the definition of a function. Typically it’s the same as you have in languages such as C#, Java or if you are acquainted with CoffeeScript then this is just a cake walk for you. This actually ... moreTuesday, 1 August, 2017 UTC
Learn how to manage Class binding to HTML using Vue.js
Class Binding in Vue.js Class binding refers to the binding of the classes to the HTML element in Vue.js. These bindings can be dynamic and do help in adding dynamic styles to HTML elements. As in the previous tutorials, we have examined several directives. ... moreTuesday, 1 August, 2017 UTC
Installing and Getting Started with Vue-cli
Introduction to vue-cli vue-cli is a utility that is brought to us by Vue.js Team. vue-cli is a utility that helps you to scaffold vue.js applications with various build systems. The various templates or project scaffolding that are available are as follows:- ... moreTuesday, 1 August, 2017 UTC
Vibration API using Native JavaScript
Vibration API in JavaScript Vibration API is a part of the Web Platform and comes along with most of the Web Browser. The Navigator.vibrate() method is a part of most of the modern browsers and it gives you a direct access to the Vibration Hardware. This ... moreSaturday, 29 July, 2017 UTC
Creating Vue.js Filters with Namespace
Vue.js Filters with Namespace Namespacing is very important whichever application you are making. This gives rise to Vue.js Custom Filters that can be declared at the Global Level without much problem. In the last Tutorial, you saw how to utilize filters ... moreSaturday, 29 July, 2017 UTC
How to Create Custom Filters in Vue.js?
Custom Filters in Vue.js Custom filters are very easy to create using Vue.js. Filters are very useful in Text Formatting. These filters become a part of the JavaScript string that is being used for Interpolation in the HTML and goes with the pipe in between. ... moreFriday, 28 July, 2017 UTC
Native JavaScript for Battery Status API
Battery Status API Battery Status API is being provided by the Web Platform itself and is available across multiple browsers. Battery Status API helps you to understand the state in which the device is in. This can help you to optimize the content that ... moreFriday, 28 July, 2017 UTC
How Event Handling works in Vue.js ?
Event Handling in Vue.js Event handling occupies a major part of any application. Vue.js as a framework provides very robust ways in which one can handle various events on the DOM. Similar to Angular, Vue.js also uses special directives that enable Vue.js ... moreFriday, 21 July, 2017 UTC
Learn how to work with Computed Properties in VueJS
Introduction to Computed Properties in VueJS As we are going ahead with Vue.js Tutorials we are able to see that the Template syntax is highly declarative. This declarative syntax makes Vue.js easy to grasp and as a framework, it becomes easy to incorporate ... moreFriday, 21 July, 2017 UTC
How to Use Vue.js watchers for Async Updates?
Vue.js Watchers As we know computed properties are handy but there are multiple use-cases where you will require a watcher to be present while there is a change in the property value. A watcher is helpful in binding data and detecting changes and reacting ... moreFriday, 21 July, 2017 UTC
How to delete an Element form a JavaScript Array?
Deleting a particular element in a JavaScript array is pretty easy and there is various method that can be employed for the same. Let’s get our hands wet in order to understand how to delete elements in a JavaScript Array. Using Delete in Order to Delete ... moreFriday, 21 July, 2017 UTC
Generate a Hex Color Code from random String
In this particular article, we will focus our attention on generating a Hex Color Code from an Arbitrary string. This arbitrary string can be anything from a name to a randomly generated value. This comes handy in various instances for example. Color ... moreFriday, 21 July, 2017 UTC
Johnny-Five – A JavaScript Robotics & IoT Platform.
Johnny-Five Johnny-Five is a robust Robotic & IoT platform for creating cutting edge IoT and Robotics Application using just JavaScript. It has a huge Developer community backing and this leads to a robust platform that is being created. Johnny-Five ... moreWednesday, 19 July, 2017 UTC
Cylon.js – A JavaScript Robotic Framework
Introduction to Cylon.js Cylon.js is an upcoming Robotic framework written in JavaScript and is available at the npm(Node Package Manager). It supports almost 36 different platforms and is really awesome to work with. It helps you to do physical computing ... moreWednesday, 19 July, 2017 UTC
Zetta – A Really Cool Platform for IoT Applications
Introduction to Zetta Zetta is cool open source IoT platform built on top of Node.js. It’s built with an aim of API-First IoT platform in order to provide ease to the developers. Zetta is useful in creating Internet of Things Servers that can run across ... moreTuesday, 18 July, 2017 UTC
