Vue.js: Building an Interface

Vue.js: Building an Interface

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 46m | 291 MB

The perfect way to learn Vue.js is to use Vue.js. Once you build an app interface and see its strengths and flexibility in action, you can decide how much of Vue.js you want to use in your own projects. This hands-on course teaches you how to build a simple component-based app: an appointment booking and management system with features for searching and sorting. Along the way, Ray Villalobos shows how to use Vue.js components and subcomponents; build forms; create, update, and delete data; and manage events. By the end of the course, you’ll have a functional app prototype and more skills with this flexible framework. Take the related courses in Angular, React, and jQuery to see how to build the same project in multiple frameworks and choose the one that’s right for you.

Topics include:

  • Why use Vue.js
  • Installing custom modules
  • Loading modules
  • Importing and looping through data
  • Using props, methods, and events
  • Indexing, editing, adding, and deleting records
  • Searching and filtering
Table of Contents

1 How Vue.js is different
2 Using the exercises for this course
3 Installing projects using the Vue CLI
4 Understanding Vue CLI installations
5 Installing custom modules
6 Cleaning up and loading a module
7 Importing Font Awesome icons
8 Looping through data with directives
9 Using Axios to import data
10 Using props in subcomponents
11 Adding a Bootstrap template
12 Using Moment.js for dates
13 Deleting records
14 Creating an index
15 Editing records
16 Adding records templates
17 Managing form data with V-model
18 Adding records to your data
19 Creating a search component template
20 Building search methods
21 Filtering lists
22 Updating your drop-down template
23 Finishing your application
24 Next steps