18 captures
03 Feb 2019 - 01 Dec 2025
Oct NOV Dec
02
2020 2021 2022
success
fail

About this capture

COLLECTED BY

Collection: Save Page Now Outlinks

TIMESTAMPS

The Wayback Machine - http://web.archive.org/web/20211102094754/https://www.fullstackpython.com/vuejs.html
 

Full Stack Python logoFull Stack Python
All topics | Blog | Supporter's Edition | @fullstackpython | Facebook | What's new?

Vue.js






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

Vue.js logo.
Vue.js is an implementation of the JavaScript frameworks concept. Learn how these pieces fit together in the web development chapter or view the table of contents for all topics.

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?





My app runs but looks awful. How do I style the user interface?
 




How should I host and serve static content files?
 




I've built a Python web app, now how do I deploy it?
 





Sponsored By


AssemblyAI logo
The most accurate speech-to-text API. Built for Python developers.





Table of Contents



1. Introduction 2. Development Environments 3. Data 4. Web Development Web Frameworks Django Flask Bottle Pyramid TurboGears Falcon Morepath Sanic Other Web Frameworks Template Engines Jinja2 Mako Django Templates Web Design HTML Cascading Style Sheets (CSS) Responsive Design Minification CSS Frameworks Bootstrap Foundation JavaScript React Vue.js Angular Task Queues Celery Redis Queue (RQ) Dramatiq Static Site Generators Pelican Lektor MkDocs Testing Unit Testing Integration Testing Debugging Code Metrics Networking HTTPS WebSockets WebRTC Web APIs Microservices Webhooks Bots API Creation API Frameworks Django REST Framework API Integration Twilio Stripe Slack Okta Security SQL Injection CSRF 5. Deployment 6. DevOps Changelog What Full Stack Means About the Author Future Directions Page Statuses ...or view the full table of contents.



Full Stack Python


Full Stack Python is an open book that explains concepts in plain language and provides helpful resources for those topics.

Updates via Twitter & Facebook.



Chapters



1. Introduction 2. Development Environments 3. Data 4. Web Development » Vue.js 5. Deployment 6. DevOps Changelog What Full Stack Means About the Author Future Directions Page Statuses ...or view the full table of contents.

 



Matt Makai 2012-2021