Vue.js

Vue.js (source code) is a JavaScript web application framework for building rich apps that run in web browsers.

Vue.js-related projects

• flask-vue-spa is an example project with a Flask API on the backend and Vue on the front.

• django-vue-template contains example code for a Django backend. There is also another project named django-vue-template by a different developer so take a peek at that one as well if the first one does not suit your needs.

• vuepress (source code) is a static site generator that uses Vue and Markdown to create pre-rendered static HTML pages.

Vue.js resources

• Building web apps with Vue and Django covers architectural decisions such as whether to use one or two servers and then explains how to go down the one server route with a Django back end.

• A friendly introduction to Vue.js contains the code and brief explanations of what it's doing so you can learn to create your first Vue app.

• Developing a Single Page App with Flask and Vue.js walks through all of the environment configuration, project setup and coding you need to do to build a legitimate Vue.js application that uses a Flask API on the backend.

• Building a SaaS using Django and Vue.js shows how to create a software-as-a-service application with a Django back end and Vue on the front end via a series of videos that are each between 10-15 minutes in length.

• Learn Vue by Building and Deploying a CRUD App is an awesome course that walks through the Vue basics and building a whole application and deploying it to Netlify.

• The official Vue.js getting started documentation is fantastic and highly recommended as a top starting resource.

• Replacing jQuery With Vue.js: No Build Step Necessary explains why you may want to replace existing jQuery code with Vue and how to do so with minimal steps, depending on the complexity of your applicationi code, of course!

• Why we chose Vue.js covers GitLab's reasons for using this JavaScript framework over other options.

• The Vue.js publishes their own documentation page on how Vue compares with other frameworks. It is refreshing to see a straightforward technical analysis without the posturing that often comes from authors of one project discussing other work in the same space.

• Build a Crud application using Vue and Django combines Django and Django REST Framework with Vue.js in this tutorial that shows how to build a simple web app for managing subscriptions.

• Building Modern Applications with Django and Vue.js combines Django, Django REST Framework, Vue.js and Auth0 (an authentication web API) in an introductory web application.

• Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots shows how pre-rendering and various other attributes of JavaScript MVC frameworks like Vue.js can negatively impact your SEO. It then walks through the most important items to address to mitigate these problems on your own Vue-based sites.

• Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions combines a serverless backend with Vue.js on the front.

What's next after learning Vue?