Learn to make fully functional Single Page Applications with Vue.js

VueApp.tar.gz

Backend

JSFrontEnd

JSFrontEnd2

Vue/Cli

Vue/Cli-copy

Become a VueJS Developer

This module will provide you with the necessary skills to develop intermediate-level Single Page Applications (SPA) by using Vue.js.

You will start with an introduction to Vue.js, why it is useful, and an explanation of its basic structure. After that, you will cover some crucial materials around Vue.js like directives, renderers, user input handlers, and Vue components.

Finally, you will combine all these concepts together to make a Single Page Application that interacts with a backend server, APIs, and a database.

Throughout the module, you will find quizzes and coding challenges to help strengthen your grasp of all the concepts.

Hands-on Vue.js

# Vue.js setup and widgets

>**Note:** As mentioned earlier, our platform, will not require any setup or installation before starting to learn. Leave the messy part to us!

It is true that almost every framework or library needs to be installed first and after the installation is finished, a project is created either through a command-line interface (CLI) or manually. Vue.js offers installable components and project creation CLI. Currently, we do not need to worry about this, as Vue.js can be integrated to any web page through a `<script>` tag! Later in this lesson, an explanation on how to import Vue.js by using a `<script>` tag is provided.





Get to know the conventions followed throughout the course.

Before We Begin

Commencing the Journey: Introductions and Conventions

Why Use JavaScript Front-end Frameworks?

Basic Structure of Vue.js App

Vue Directives, Bindings, And Reactivity

Handling User Input and Event Handlers

Vue Components

Interaction With Backend Server (Database and API)

The Final App

Conclusion

Vue.js Exam

Conventions of the Course

Vue.js setup and widgets