categories: Technology, Science & Productivity
Define what is Vue.js, identify why to use Vue.js to build your first blog, and recall the core concepts of Vue.js such as components, templates, and directives.
Explain how Vue.js can be used to build interactive web applications and then, you will learn how to implement single-page application (SPA) step-by-step.
Explain what is data binding, computed properties, and methods. Then, you will build a simple blog system with a dynamic and user-friendly interface using Vue.js.
Free lessons
Introduction to the Course
Single-page Application (SPA)
Why Vue.js?
Insializing Your First Application
Creating Vue.js Application
1. Build Your First Blog System Using Vue.js
Introduction to the Course
Single-page Application (SPA)
Why Vue.js?
Insializing Your First Application
Creating Vue.js Application
Explaining Vue Instance
Explaining Data Binding
Explaining Computed Properties
Explaining Methods
The Difference Between Methods and Computed Properties
Explaining Watch
Explaining Lifecycle Hooks of Vue.js
Created Lifecycle Hook
Mounted Lifecycle Hook
Destroyed Lifecycle Hook
Explaining Conditional Rendering
Conditional Rendering Examples
V-show Examples
Explaining List Rendering
V-for Examples
Editing Items
Explaining Vue Components
How to Create a Component?
How Do Components Communicate?
Project Creation
Create Home Banner
Create Post Card
JSON
Posts Data Biding
Creating the Modal UI
Updating the Modal Data
Explaining Vue Router
Insialize New Router
Create Your First Route
How to Use Route Params
How to Use Query Params
Explaining Router Methods
Applying Vue Router
Create the Add Blog Page
Integration With API
Create the Edit Blog
Create the Delete Blog
Course Wrap-up
Vue.js is one of the most recommended and popular Front-End frameworks that can be used for building blogs and single-page applications. This popularity happens due to the simplicity, interactivity, and excellent user experience Vue.js offers. Therefore, this training course is prepared to help you learn about Vue.js, how it works, the core concepts, and how it can be used to build interactive web applications.
There are no requirements for this course. Your interest in the topic and your commitment to learning are all you need to achieve the utmost benefit from this course.
Front-End Engineer
121 Learners
2 Course