Hands-on Vue.js: Build a fully functional SPA

Description

In this course, you will learn :

• How to use Vue.js to create intermediate-level Single Page Applications (SPAs).
• About Vue.js fundamentals such as directives, renderers, user input handlers, and Vue components.
• Learn the fundamentals of Vue.js as well as the theory behind using Front-end JavaScript Frameworks.
• Cover the most common applications of the Vue.js framework.
• Learn the fundamentals of Vue.js before moving on to more advanced courses.
• Step-by-step create a working Vue.js Single Page Application.

Syllabus :

1. Commencing the Journey: Introductions and Conventions

• What Does This Course Cover?
• Who Is This Course For?
• Conventions of the Course

 

2. Why Use JavaScript Front-end Frameworks?

• How Do Traditional Web Pages Work?
• What is Vue.js?
• How is Vue.js Better? (Virtual DOM)

 

3. Basic Structure of Vue.js App

• Structure Rundown of Vue.js App
• el: ‘#app’ and .$mount('#app')
• Data in Vue.js App
• Methods in Vue.js
• Vue Instance Lifecycle
• Lifecycle Hooks

 

4. Vue Directives, Bindings, And Reactivity

• Directives
• Text, Raw HTML, And the Template Syntax
• Using JavaScript Expressions
• Computed Properties
• Conditional Rendering
• List Rendering
• Reactive List Rendering and State
• Class and Style Bindings

 

5. Handling User Input and Event Handlers

• Two-way Binding Using v-model
• Value Bindings Using v-bind
• Mouse and Keyboard Events
• Event Modifiers
• Input Modifiers

 

6. Vue Components

• Components Basics
• Single File Components
• Passing Data to Child Components Using Props
• Dynamic Props Value Binding And Reusing Components
• Mixins
• Listening to Child Component Events
• Syncing Child Components With Parents
• Slots

 

7. Interaction With Backend Server (Database and API)

• Getting Data From External API
• Backend Server and Database Integration
• Getting Data From Backend Server

Show more