Loop. Even if you know it or not, you are always in one. The tireless never ending sequence of things that somehow are just different enough to make us keep doing it, but not different to elicit a feeling of change within us. The people you talk to, the places you travel, the things you do, all of them define a part of your loop.
Most of us spend entire lives following this pattern, this loop that keeps us bounded to the same people, same things, same problems that pretend to grow up with us, pretending to be something else, masking the reality that is so monotonously mundane that it could leave one breathless. …
Hello and welcome back to a simple mini-series called Vue From the TOP. If you are new here you can check out the other posts in this series using the neat little box below.
Last time we looked at one way and two-way data binding in Vue JS with examples. Today we will look into these simple little things called events.
Events are the things that happen to HTML Elements when a particular action is performed on them. …
Welcome back to a simple yet elaborate series on Vue JS called as Vue From the TOP. Yup, if you have been following this series you know we discussed data binding in the previous post, and you might have also remembered I promised to talk about two-way data binding in the next post. So here I am as promised talking about two-way data binding. Let’s begin.
Missed the series? : Check it out on:
In super simple terms two-way data binding is nothing but making a connection reactive in both ways. Not simple enough? Alright. …
Was the image too big? Sorry about that. I really liked it, so I couldn’t help it.
Anyways, let's get back to business, today we are going to look into dynamic classes with Vue JS. In the last post, we looked into data binding. If you missed the last post don't worry click the link below and my assistant will navigate you there. 😆
As I said, Data Binding in Vue is super simple, now since you are equipped with the knowledge of how to perform the art of data binding in Vue JS, let's look into how to create dynamic classes. …
Welcome Back!. I know, I know it has been a long time since my previous post for the “Vue From The TOP” series, what can I say, I’ve been busy. Hope you are doing good.
In this post, we will discuss more into the data-binding capabilities of Vue JS. Let's go.
Data-binding means an interaction between user interface and a model property.
Sounds good? no?. Alright, let us say we have an element in the DOM. Like the infamous h1 tag.
<h1>As Always.... Hello World!</h1>
Now, this h1 tag has a value or text in between it's opening and closing tags. This text can be considered as “data” in this case. And this “data” is bound in between those two tags. So when the browser translates this HTML to visual pages, it takes in the text/data between the opening and closing tags and applies the necessary styling to it, in our case makes it big. …
These days I’ve mostly stayed at home since I’ve quit my job. Wake Up, Sleep and eat whenever I felt like it. My parents tried to break me off of this habit but my persistence was victorious at the end. Now, I’m not depressed or had a fight at my workplace or did anything illegal to leave my job. I quit because I wanted to do something new. I wanted to experience LIFE. I wanted to create something of my own. To start a company perhaps, to read more books, to travel more places, to meet new people. …
Alright! Great to have you guys back here. Whoot-Whoot.
If you are wondering where is the first part — here is the link:
Now in the previous post, we set up our Vue project and created our firebase project and added the data on to our database — firestore. We have added both individual team data and the matches for each day data. Cool Right?
In this post, we will see how to add the voting system. Now the voting system will be the same for a match and a team so let's look at how to add it for a match and you can figure out how to do the same thing for a team on your own. …
We all know that IPL season is here, its amazing to watch our favorite players from all around the world pair up in teams and battle against each other towards one common goal — winning!.
This IPL, I wondered why not do something interesting with Vue JS, so while wondering what to do, I thought why not create a Vue App where we can vote for our favorite teams and also vote for the teams playing on that particular day!.
And this is what we are going to build in this series — IPL AND VUE JS
As usual, we need to go through certain steps to set up the project. One of them is creating a new Vue Project using VUE CLI. Since I've already covered this, you can follow the article below to set that up and come back. Don’t worry its a short one. …
We also looked at how to integrate Vue into existing projects and a simple example for Two-Way Data Binding.
Today we will look into creating Vue apps using the Vue CLI. Before installing the Vue CLI, you need to make sure, you have node installed on your working laptop/desktop.
Install Node through -https://nodejs.org/en/
Once you have Node installed, we are ready to go! …
It’s time to put the big question to rest once and for all.
These front-end frameworks have been long since battling to be the first choice in every developer’s mind. Each individual framework has been steadily improving to fit into the latest standards.
By the end of this post, I will give you a concrete answer in my opinion, which is the framework to go for, and throughout the next few paragraphs, we will discuss why is that the case. Unlike all the other articles on the internet, that play it safe by saying — ‘ It depends on what you want to learn, etc’. I will give you an ANSWER. …