Vue.js - Django Integration Web Programming (Practical)

Easily connect your client and server with Vue.js and Django.
+ One step further, leveraging Vuetify!

Leveraging Vue and Django offers the following advantages:

• Both have something in common: they are easy to use compared to other frameworks, yet widely used.
• Since we use Vue, the advantages of Client Rendering come to life.
• This means the screen looks great, there is no screen flicker, and the screen rendering speed is faster.

• Since we use Django, backend technologies such as authentication/DB become easy and convenient.
• Django provides session authentication by default, so you can use it as is.
• You can utilize Django's ORM and Admin features as they are.
• Besides that, Django's rich technologies related to web programming are already well known.

This is an advantage of this course compared to the usual Single Page Application linking method.

• It is a Vue-Django integration method, but you don't need to use VueRouter/Vuex/DRF.
• It is a Vue-Django integration method, but it uses Django's Admin function as is.
• Django can be used not only as an API server, but also for template processing.
• You can reuse Django's authentication functionality as is.

In preparation for the previous lecture (Vue.js-Django integrated web programming)
This has been upgraded.

• You can learn the CRUD functions of a blog just like in real life.
• Since it utilizes Django's authentication function as is, you can easily implement authentication functionality.
• Because Vue is used in the Vite way, not the CDN way, it is suitable for large programs.
• You can split your Vue programs into components and reuse common components.

To decorate your screen, we will show you how to use Vuetify versus Bootstrap.

• I chose Vuetify because it is more feature-rich than Bootstrap.
• If you are already familiar with Bootstrap, you can create it in the same way.

View previous lectures

Vue.js - Django Integration Web Programming
Client-server integration principles, SPA/SSR key terms, and coding in five different ways.