weather_API_key

The API key used for weather application in lesson 'Getting Data From External API'

Gain insights into developing intermediate-level SPAs with Vue.js. Learn about directives, renderers, user input handlers and components. Delve into creating a functional SPA with backend interaction.

VueApp.tar.gz

Backend

JSFrontEnd

JSFrontEnd2

Vue/Cli

Vue/Cli-copy

JSFrontEnd2-copy

JSFrontEnd2-copy-uhx0gq

JSFrontEnd2-copy-rjwkor

This course 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 course you will find quizzes and coding challenges to help strengthen your grasp of all the concepts.

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

## What you learned so far?
In this course, you have learned the basics of Vue.js and learned to create a fully functioning Vue.js-based Single Page Application connected to a backend server and a database (MEVN stack app). However, this is just the beginning of the road to learning Vue.js.

## What's ahead?
With the current knowledge of Vue.js that you have gained through this course, you can build a small scale application. However, for large scale and commercial applications, there are more advanced functionalities of Vue.js that can be learned in order to make apps more efficient and manageable. Some of the advanced concepts in Vue.js that you should consider learning are as follows:

- [Vuex](https://vuex.vuejs.org/#what-is-a-state-management-pattern) - A state management pattern + library for Vue.js.
- [State Management](https://vuex.vuejs.org/guide/state.html#single-state-tree) - The common data store.
- [Async Components](https://vuejs.org/v2/guide/components-dynamic-async.html) - Only load a component from the server when it is needed.
- [Vue Router](https://vuejs.org/v2/guide/routing.html) - Router for Vue.js apps. 
- [Vue Plugins](https://vuejs.org/v2/guide/plugins.html) - Add global-level functionality to Vue.
- [Security](https://vuejs.org/v2/guide/security.html) - Protect your Vue.js apps.
- [Testing Vue Components](https://www.educative.io/courses/testing-vuejs-components-with-jest) - Ensure your app is functioning as expected.

# What you learned so far?
In this course, you have learned the basics of Vue.js and learned to create a fully functioning Vue.js-based Single Page Application connected to a backend server and a database (MEVN stack app). However, this is just the beginning of the road to learning Vue.js.

# What's ahead?
With the current knowledge of Vue.js that you have gained through this course, you can build a small scale application. However, for large scale and commercial applications, there are more advanced functionalities of Vue.js that can be learned in order to make apps more efficient and manageable. Some of the advanced concepts in Vue.js that you should consider learning are as follows:

- [Vuex](https://vuex.vuejs.org/#what-is-a-state-management-pattern) - A state management pattern + library for Vue.js.
- [State Management](https://vuex.vuejs.org/guide/state.html#single-state-tree) - The common data store.
- [Async Components](https://vuejs.org/v2/guide/components-dynamic-async.html) - Only load a component from the server when it is needed.
- [Vue Router](https://vuejs.org/v2/guide/routing.html) - Router for Vue.js apps. 
- [Vue Plugins](https://vuejs.org/v2/guide/plugins.html) - Add global-level functionality to Vue.
- [Security](https://vuejs.org/v2/guide/security.html) - Protect your Vue.js apps.
- [Testing Vue Components](https://www.educative.io/courses/testing-vuejs-components-with-jest) - Ensure your app is functioning as expected.

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

Assessment on Vue.js

Authentication With Vue.js Using Auth0

Conclusion

What you learned so far?

What’s ahead?