In this category you will find tutorials where you will learn about Vue.js. Vue.js is a progressive JavaScript framework which makes it easy to build awesome frontend applications.
In this Django and Vue.js tutorial we'll be building a simple todo app. This is a trivial thing to do when you know a programming language, but it's also a great way to learn many of the key concepts of programming.
Read more
This is part 2 of this series. In this part, we will make it possible for users to sign up, log in and log out. Plus a few other things.
Read more
This is part 1 of this series. In this part, we will install some software and set up our environment. I will also create a Django app and some templates. The templates will be used for the front page, terms of service, privacy policy and plans.
Read more
I'm soon ready to start publishing videos for my upcoming series "Building a time tracking SaaS using Django and Vue". In this post, you'll get to see a pre release video with information about it.
Read more
Often you want to validate a form before you send data to the backend. Here is a short guide on how to do this using Vue.
Read more
With Slots you can make it possible to structure the content of a component in a semantic way, and the parent component can control the contents of them.
Read more
Filters are justed to apply formatting and transformations to values used in a template interpolation. You include filters in you components and you can use them on all dynamic data. The underlying data will not be change, just the way they are presented on the screen.
Read more
Vue.js computed properties helps you to make computations and changes to your data variables.
Read more
When you're working with Vue.js you often need to run a function when a certain value changes. Vue.js watchers helps you with that.
Read more
Props are used to pass data from a component to another. In this post we will go through how you can pass strings, objects and other data types.
Read more
When you're building a Vue.js app you often need to send information from a component to another, here is how you do that.
Read more
Django and Vue.js are my two favorite frameworks for building the best websites. In this post I will tell you everything you need to know to use them together.
Read more
In this video guide I'm demonstrating what conditional rendering in Vue.js works and how to use it. I'll explain the difference between "v-if" and "v-show" and when to use them.
Read more
You often want to implement a CSS framework into your Vue.js apps. In this video I'm going to show you how to install Bulma using npm, import it into the app and then how to customize Bulma's variables.
Read more
In this video I'm going to show you how to set up a Vue.js project using the new Vue CLI. Then I'm going to show you how to create a firebase project and implement it in the app.
Read more
In the tenth part of the "Build a YouTube bookmarking site" course, we are going to go through how to make it possible to change the name of the categories.
Read more
In this video I show you the basics of Vue.js Props. I'm showing how to pass strings and objects, how to add default values and how to set values as required.
Read more
In the ninth part of the "Build a YouTube bookmarking site" course it's time to make it possible to delete movies. We'll add a delete button to the card and then we just call a simple function from Firebase to delete it.
Read more
In the eight part of the "Build a YouTube bookmarking site" course, we'll make it possible to navigate between the different categories we have added. Bulma provides the styling for our tabs/categories, but we need to use Vue to toggle which of the tabs/categories are showing.
Read more
In the seventh part of the "Build a YouTube bookmarking site" course, we are going to make it possible to add movies to our web app. We will be using a modal window from Bulma to show the add movie form.
Read more
Building a social network isn't just a really cool project, but it's also a project that can teach you a lot of new cool things. In this video we will begin by installing the software we need, creating a new Django project and build a simple Twitter clone piece by piece. At the end of this video, you will have a working social network that we will deploy to a live server.
Read more
In the sixth part of the "Build a YouTube bookmarking site" course, we are going to make it possible to add categories to our web app. We'll be using a modal window to show the category form. When a category is added, it's automatically added to the list of tabs/categories.
Read more
In the fifth part of the "Build a YouTube bookmarking site" course, we are going to add the dashboard route and some information about the tabs. We'll also make it possible to log out of the web app and show the sign up / sign in buttons only when you're not authenticated.
Read more
In the fourth part of the "Build a YouTube bookmarking site" course, we are going to go through how to install Bulma using Vue UI. We're going to set up some things like the navigation bar, and the authentication forms.
Read more
In this part of the Build a YouTube bookmarking site with Vue.js course we are going to continue from the previous part where we set up Firebase.
Read more
In the second part of the "Build a YouTube bookmarking site" course, we are going to go through how to install the Firebase dependency using Vue UI. We are going to create a project in the Firebase console, and last but not least, include Firebase in our Vue app.
Read more
In this part of the "Build a YouTube bookmarking site" course, we are going to go through how to install the brand new Vue CLI 3, and how to set up a project. The project we're setting up is called VueTube, and here we can add YouTube movies sorted in to different categories we add.
Read more
"Build a YouTube bookmarking site" is a course where we'll build a site using Vue.js and Firebase. On this site we'll add authentication so users can sign up and login. When a user is authenticated he or she can add categories, and add movies into them.
Read more
In the last part of the getting started with Vue.js course I'm going to show you how to pass data from a child component to it's parent.
Read more
In the seventh part of the getting started with Vue.js course we will go over how to implement forms in our Vue app. We are going to make it possible to change the title and the description.
Read more
In the sixth part of the getting started with Vue.js course we will learn how to create components and how they can be reused. We will convert some of the existing code into a component.
Read more
In the fifth part of the getting started with Vue.js course we will cover what computed properties are and how to use them in your projects.
Read more
In the fourth part of the getting started with Vue.js course we will go through how we can render a list of objects. List rendering is very useful and you need it everyting you've got an array of data.
Read more
In the third part of the getting started with Vue.js course we will learn how to bind data from the data object to attributes inside the template.
Read more
In the second part of the course we will go through how you render parts of the template based on values in your data object.
Read more
In part one of the course we will go through how you set up Vue and initializing a Vue instance.
Read more