Vue.js: Building an Interface

Introduction

• How Vue.js is different
• Using the exercises for this course

1. Getting Started

• Installing projects using the Vue CLI
• Understanding Vue CLI installations
• Installing custom modules

2. Working with Modules and Data

• Cleaning up and loading a module
• Importing Font Awesome icons
• Looping through data with directives
• Using Axios to import data

3. Props, Methods, and Events

• Using props in subcomponents
• Adding a Bootstrap template
• Using Moment.js for dates
• Deleting records

4. Indexing, Editing, and Adding Records

• Creating an index
• Editing records
• Adding records templates
• Managing form data with V-model
• Adding records to your data

5. Searching and Filtering

• Creating a search component template
• Building search methods
• Filtering lists
• Updating your drop-down template
• Finishing your application

Conclusion

• Next steps