Building Your First Advanced CRUD Application with Vue 2
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Building Your First Advanced CRUD Application with Vue 2 to your Wishlist.

Add to Wishlist

Building Your First Advanced CRUD Application with Vue 2

Go the extra mile and learn the advanced features of Vue.js
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7 students enrolled
Created by Packt Publishing
Last updated 8/2017
English
Curiosity Sale
Current price: $10 Original price: $125 Discount: 92% off
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • How to use the Vue Command Line Interface to scaffold a new application using WebPack
  • How to set up Vue Router for creating and maintaining the desired pages of your application
  • How to adequately structure your applications by setting up a well thought out folder structure
  • How to manage real-time backend interactivity with your application and listen for different events
  • How to deploy your application using FTP and other alternatives
View Curriculum
Requirements
  • Viewers need to be familiar with the basics of HTML, CSS, and Vue .js.
Description

Vue.js is the latest JavaScript framework to take the web development community by storm. Since its release, it has managed to establish itself as one of the most popular frameworks for building user interfaces and is experiencing a rapid adoption rate. Vue.js 2, just released, has major improvements in its framework, making it leaner and faster.

In this course, you will start with a quick introduction to the Vue.js application, and will learn to use the Vue CLI, Vue Loader. You will also learn to set up a well thought out folder structure for your application. You will then look into adding Vuex functionality to your application such as Vue Router and Vuex Store and how to fetch data from other websites. After that you will learn to add awesome third-party functionality to interact with a backend, and handle different events. Finally, you will configure and deploy your application, then upload it using FTP or otherwise.

About the Author

Peter van Meijgaard is a web application developer who has been tinkering with web development ever since he can remember. He is an avid JavaScript developer and loves Vue.js for its simplicity as well as its ability to facilitate web app development. He has given various talks on Vue.js in the past, and has also worked on various training programs.

Who is the target audience?
  • If you are a Web Developer and want to learn how to build professional web applications using Vue .js, then you’re going to love this video tutorial.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
36 Lectures
04:14:06
+
Installing Our Backend
8 Lectures 42:08

This video gives an overview of the entire course.

Preview 05:06

In this video, we’ll learn how to use Git to clone the repository for our API.

Cloning the API
04:59

In this video, we’ll learn how to install and use Composer to download the packages necessary for the API.
Installing and Using Composer
02:52

In this video, we’ll take a look how to install Virtual Box and Vagrant.

Installing Virtual Box and Vagrant
03:04

In this video, we will install Homestead.

Installing and Configuring Laravel Homestead
04:59

In this video, we will find out what Algolia is and how we can use it as our search engine.

Configure Algolia as Our Search Engine
06:55

In this video, we will configure Pusher with our API.

Configuring Pusher
03:24

In this video, we will test our API and make sure everything is working correctly.

Testing Our API
10:49
+
Developing Our Frontend
10 Lectures 01:21:18

In this video, we will create a new Vue application and install the packages that are needed.

Preview 08:15

In this video, we will configure the necessary packages.

Configuring Our Installed Packages
12:10

In this video, we will create a new Vue application and install the packages that are needed.

Defining Our Routes
10:58

In this video, we will create the artists overview page.

Creating the Artists Overview Page
08:34

In this video, we will fix the styling for the artists overview page.

Fix the Styling For the Artists Overview Page
08:25

In this video, we will make the drawer work.

Fixing the Drawer
09:39

In this video, we will refactor the artists overview page into a layout file.

Refactoring to a Layout
05:44

In this video, we will create the artists create page.

Creating the Artists Create Page
05:22

In this video, we will create the artists show page.

Creating the Artists Show Page
05:15

In this video, we will create the artists edit page.

Creating the Artists Edit Page
06:56
+
Creating the Other Pages
4 Lectures 26:20

In this video, we’ll take a look at how to create the album pages.

Preview 12:00

In this video, we’ll take a look at how to create the song pages.

Creating the Song Pages
08:58

In this video, we will only create the not found page.

Creating the Not Found Page
01:32

In this video, we will create the login page.

Creating the Login Page
03:50
+
Adding the Functionality
9 Lectures 01:10:59

In this video, we will connect the frontend to our API

Preview 04:17

In this video, we’ll add the authentication layer to our frontend

Adding the Authentication Layer
07:18

In this video, we’ll add metadata to our routes to make sure that when the user is authenticated, the correct page is shown.

Adding Metadata to Our Routes
06:19

In this video, we’ll add the functionality to our login page.

Making the Login Page Work
11:35

In this video, we’ll add the functionality to our artists overview page.

Making the Artists Overview Page Work
13:12

In this video, we’ll add the search functionality to the artists overview page.

Adding Search Functionality to the Artists Overview Page
13:11

In this video, we’ll add the functionality to the artists create page.

Adding the Functionality to the Artists Create Page
04:09

In this video, we’ll add the functionality to the artists show page.

Adding the Functionality to the Artists Show Page
05:42

In this video, we’ll add the functionality to the artists' edit page.
Adding the Functionality to the Artists Edit Page
05:16
+
The Finishing Touches
5 Lectures 33:21

In this video, we’ll add alerts to our application.

Preview 12:15

In this video, we’ll refactor the actions on the drawer to a Vuex module.

Fixing the Drawer,Once Again
04:21

In this video, we’ll start with making Laravel Echo work.

Making Laravel Echo Work
06:48

In this video, we’ll make the artist updated event work.

Listening for the Artist Updated Event
03:22

In this video, we’ll make the artist deleted event work.

Listening for the Artist Deleted Event
06:35
About the Instructor
Packt Publishing
3.9 Average rating
7,349 Reviews
52,613 Students
616 Courses
Tech Knowledge in Motion

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.