O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building Your First Advanced CRUD Application with Vue 2

Video Description

Go the extra mile and learn the advanced features of Vue.js

About This Video

  • Filled with real-world, practical examples that show you how to jump in and start building effective web applications!

  • Master the most important features in Vue 2 that change the game for web developers

  • Explore different techniques that you can use while building creative web applications

  • In Detail

    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.

    Table of Contents

    1. Chapter 1 : Installing Our Backend
      1. The Course Overview 00:05:06
      2. Cloning the API 00:04:59
      3. Installing and Using Composer 00:02:52
      4. Installing Virtual Box and Vagrant 00:03:05
      5. Installing and Configuring Laravel Homestead 00:05:00
      6. Configure Algolia as Our Search Engine 00:06:56
      7. Configuring Pusher 00:03:24
      8. Testing Our API 00:10:50
    2. Chapter 2 : Developing Our Frontend
      1. Installing the Necessary Packages 00:08:15
      2. Configuring Our Installed Packages 00:12:11
      3. Defining Our Routes 00:10:58
      4. Creating the Artists Overview Page 00:08:34
      5. Fix the Styling For the Artists Overview Page 00:08:26
      6. Fixing the Drawer 00:09:39
      7. Refactoring to a Layout 00:05:44
      8. Creating the Artists Create Page 00:05:22
      9. Creating the Artists Show Page 00:05:16
      10. Creating the Artists Edit Page 00:06:57
    3. Chapter 3 : Creating the Other Pages
      1. Creating the Album Pages 00:12:00
      2. Creating the Song Pages 00:08:58
      3. Creating the Not Found Page 00:01:33
      4. Creating the Login Page 00:03:51
    4. Chapter 4 : Adding the Functionality
      1. Connecting to Our API 00:04:17
      2. Adding the Authentication Layer 00:07:19
      3. Adding Metadata to Our Routes 00:06:20
      4. Making the Login Page Work 00:11:35
      5. Making the Artists Overview Page Work 00:13:12
      6. Adding Search Functionality to the Artists Overview Page 00:13:11
      7. Adding the Functionality to the Artists Create Page 00:04:09
      8. Adding the Functionality to the Artists Show Page 00:05:42
      9. Adding the Functionality to the Artists Edit Page 00:05:16
    5. Chapter 5 : The Finishing Touches
      1. Adding Alerts to Our Application 00:12:16
      2. Fixing the Drawer,Once Again 00:04:21
      3. Making Laravel Echo Work 00:06:49
      4. Listening for the Artist Updated Event 00:03:22
      5. Listening for the Artist Deleted Event 00:06:36