In previous videos, we have seen how we can output data with string interpolation. But what if we need to output data based on certain rules or logic? In that case, it might be handy to have a function in which we can embed JavaScript logic. Or perhaps we want to fetch data from a… read more
We have already walked through the basics of using templates in Vue.js, where we saw how to use string interpolation to output data. I want to expand a bit on that and show you that you can also use simple JavaScript expressions within the string interpolation syntax. The reason I said simple JavaScript expressions is… read more
Now that you have seen how to set up Vue.js in JSFiddle, I just want to briefly show you how you can set up a simple development environment on your own machine. To keep things simple, I am not going to get into Webpack or the Vue CLI now, as I will cover this in… read more
Time to start writing some code! Let’s start things off with the classic “Hello World” example. The first thing we need to do, is to actually make Vue.js available to our very first Vue.js application. In order to do that, head over to the installation page at vuejs.org. Here we have various options, from downloading the… read more
Welcome to this series about Vue.js, and thank you for joining! Before we get into writing code, let’s first take a look at what Vue.js actually is. Vue.js is a reactive framework for building web applications. Vue is different than other JavaScript frameworks in the way that it is not as intrusive. Besides the core library,… read more
Selecting elements by data attributes is very easy in jQuery. As with all other attributes, we can simply use the attribute selector. In fact, we do not need to handle the data attribute in any special way, as long as the data attribute is available in the DOM. Please consider the following example. var matches… read more
Selecting elements based on their name attribute in jQuery is as easy as it should be. We can accomplish this by simply using the attribute selector as follows. For example, to select an input with the name username, use the following selector. var matches = $(‘input[name=”username”]’); Woah, that was easy, wasn’t it?
To most people’s surprise, there is not a standard way of accessing query string parameters from JavaScript without first having to parse the query string. Some frameworks and libraries have implemented ways of doing this, but it is not always the case. For example, the ever so popular jQuery has not implemented this, but rather… read more
Before CSS3, it was quite a struggle to have an ordered or unordered list span multiple columns. In fact, people often resorted to either rendering the lists in columns from the server (if possible) or using CSS hacks. Luckily this is no longer necessary in CSS3, because you can easily accomplish this with a new… read more
If you have ever worked with Bootstrap’s popovers (popover.js), you may have had a hard time adjusting the position of a popover. As it turns out, it is a bit tricky to do so. The following example assumes that you want to adjust the position of a particular popover and therefore assigns a class to… read more