In this video course, you will start with creating a To-Do Application, where you will be taken through the necessary basics of Vue, and learn to add, toggle, remove, and change a to-do item. After that, you will build a GitHub application which connects to GitHub using the Axios client. You will learn to create different Vue components as well as handle computed properties for your application. Finally, you will then build a real-time chat application, where you will work with Pusher service, Vue Router, and Vuex.
By the end of this course, you will have worked with the different features of Vue.js that will make you fall in love with single page web application development.
About the Author
The video gives you a better understanding how the todo application is going to look like. The video will show that it’s easy to add, remove, toggle, and edit a todo item.
This video gives you a starting point to begin developing a Vue application. In this video, we will take a look at the Vue devtools for Google Chrome.
This video will show how to implement the functionality of adding a todo.
This video will show how to toggle and remove a todo.
This video will show you how it’s possible to edit a todo.
This video gives you a better understanding of how the GitHub-application is going to look like. It will also show you how to search for a GitHub user with a given username.
The video gives you a better understanding about Vue CLI and how to create a new application.
This video will give you a better understanding about how to configure Vue Router.
This video will show you how they can perform AJAX-requests using Axios.
This video will show how to install Vue Material and add it to the project.
This video will show you how to respond to the change inside the text-input.
This video will show you how to create a repositories table on the repositories page.
This video will show you how to create a user-card for the GitHub user information. You will also learn how to create Vue components and import them correctly.
This video gives you a better understanding of how the chat-application is going to look like. The video will also show you how the results are displayed in real time.
This video will start with creating an entry point for the chat application. In this video, the server side of the application will be created.
In this video, we will add the necessary packages to our client. We will configure Vue, Socket.IO, Vue Router, and Vuex.
In this video, we will start by expanding our Vuex store. In the previous section, we stored the GitHub information on the root of the application. We are going to use the Vuex store as a central place to store this information.
In this video, we will start by setting up our pages. We will touch route metadata to check if the user is logged in or not.
In this video, we will add the basic functionality to our Join page. You will join a room with a given username and room name. The page will have a connection with the Vuex store to join a room.
In this video, we will begin and finish the styling for the join page. We will use the BEM standard for our CSS. We will also use a CSS reset file to make sure all the browsers show the CSS the same way.
In this video, we will finalize the join page. We will refactor the created HTML elements to Vue components.
In this video, we will add the functionality of creating a message to the room’s page. We need to fire events to the server and listen for events on the client.
In this video, we will finalize the room page. We will refactor the HTML-tree to reusable Vue components.
In this video, we will finalize the application. We will tweak the pages a little bit and fix a couple of bugs. We need to scroll to the latest message, focus the input on changing the page, and more.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.