Django x Vue.js: Learn how to integrate Django with Vue.js
What you'll learn
- How to Develop Django & VueJS simultaneously
- Limit third-party package usage (no Python-based JavaScript compilers here)
- Leverage Django Templates with VueJS
- Implement Cross Site Request Forgery (csrf) safely
- Dynamically load file paths with Pathlib
- Use custom Django Template Context Processors
- CRUD from VueJS to Django without additional API frameworks (such as Django Rest Framework)
- Use Vite to build and compile our VueJS application
Requirements
- Basic Django Experience (such as my Try Django courses)
- Python fundamentals (writing classes, functions, string formatting)
- JavaScript fundamentals (writing classes, functions, string formatting)
Description
Django is one of the most popular backend web application frameworks that exists and it's written in Python. Vue.js is one of the most popular JavaScript tools for adding dynamic features to a web application.
Django doesn't need Vue to run. Vue doesn't need Django to run. The combination gives developers an incredibly flexible and dynamic paradigm while also leveraging a number of the built-in benefits that each tool has.
Django is excellent because it's open source, has built-in user management, built-in database integrations, and built-in security measures. There's features make it not only the best Python-based web framework but the best framework across all programming languages. I love tools like Flask, FastAPI, Express.js, Adonis.js, but none of them have the ease of implementation and the built-in features like Django.
Vue.js has quickly become my go-to for JavaScript frameworks. This is for two reasons: (1) The <template> / <script> syntax is very intuitive and reminds me a lot of a 100x better version of jQuery. (2) You can make incredibly small components really quickly and simply.
This course is not meant to be comprehensive in using Vue or Django but rather show you the best and most modern approach to integrating the two tools. Here's exactly what we're going to cover:
Develop Django & Vue.js simultaneously
Limit third-party package usage (no Python-based JavaScript compilers here)
Leverage Django Templates with Vue.js
Implement Cross Site Request Forgery (csrf) safely
Dynamically load file paths with Pathlib
Use custom Django Template Context Processors
CRUD from Vue.js to Django without additional API frameworks (such as Django Rest Framework)
Use Vite to build and compile our Vue.js application
And more
The goal of this course is to build a practical and forward-thinking approach to integrate nearly any JavaScript library with your Django project. While you can take Vue.js and Django many places, having this type of integration will help you get there.
Recommended Experience
One of my Try Django courses or my Your First Django project course or similar
Python fundamentals (classes, functions, string formatting, etc)
JavaScript fundamentals (classes, functions, string formatting, etc)
HTML / CSS Basics (divs, inputs, styles, etc)
Who this course is for:
- Django Developers looking to use VueJS in their projects
- Django Developers looking to upgrade add dynamic capabilities to their projects
- Django Developers tired of Python-based third-party JavaScript compilers
Instructor
It all started with an idea. I wanted freedom... badly. Freedom from work, freedom from boredom, and, most of all, the freedom to choose. This simple idea grew to define me; it made me become an entrepreneur.
As I strived to gain freedom, overtime I realized that with everything that you do you can either (1) convince someone, somehow, to do it with you or (2) figure out how to do it yourself.
Due to a lack of financial resources (and probably the ability to convince people to do high quality work for free), I decided to learn. Then learn some more. Then some more. My path of learning website design started a long time ago. And yes, it was out of need not desire. I believed I needed a website for a company that I started. So I learned how to do it. The company died, my skills lived on... and got better and better.
It took me a while after learning web design (html/css) to actually start learning programming (web application, storing "data", user logins, etc). I tinkered with Wordpress, believing it could be a "user" site, but I was mistaken. Sure there are/were hacks for that, but they were hacks/work-arounds and simply not-what-wordpress-was-indended-to-be. Wordpress is for blogs/content. Plain and simple.
I wanted more. I had a web application idea that I thought would change the way restaurants hire their service staff. I tested it with my basic html/css skills, had great initial results, and found a technical (programmer) cofounder as a result. He was awesome. We were featured on CNN. Things looked great.
Until... cash-flow was a no-flow. Business? I think not. More like an avid hobby. We had the idea for a business just no business. Naturally, my partner had to find a means of income so I was left with the idea on its own.
Remember how I said everything we do has 2 choices. Well I tried the convincing. Now it was time to try the learning. I opted to learn and haven't looked back since. I tried almost every language out there: PHP, Ruby on Rails, SQL, Objective C, C++, Java, Javascript. I was lost.
Then, I tried Python. I was hooked. It was so easy. So simple. So elegant.
Then, I tried Django. Even more hooked. Made from python & made for web applications. It powers Instagram & Pinterest (two of the hottest web apps right now?).
Then, I tried Bootstrap. Simple and easy front-end design (html & css) that is super easy to use, mobile-ready, and overall... incredible.
Python, Django, and Bootstrap are truly changing the way the world builds web applications. I believe it's because of the simplicity to learn, the sheer power behind them, and, most of all, the plethora of resources to aid anyone in building their web projects (from packages to tutorials to q&a sites).
I relaunched my original venture with my new found skills. That wasn't enough. It didn't compel me as it once had. I started imagining all the possibilities of all the ideas I've always wanted to implement. Now I could. Which one to start with? There were so many good ideas...
Then another idea, a new & fresh idea, started brewing. I started to believe in the power of learning these skills. What would it mean if other non-technical entrepreneurs could learn? What would it mean if ideas were executed quickly, revenue models proven, all prior to approaching the highly sought-after programmers? What would it mean if entrepreneurs became coders?
And so. Coding for Entrepreneurs was born.
Here are some bio highlights:
Adjunct Professor of Entrepreneurship at the Lloyd Greif Center for Entrepreneurial Studies in the Marshall School of Business at the University of Southern California
Bestselling instructor on Udemy
Funded creator on Kickstarter
Founder of Coding For Entrepreneurs
Cohost of Backer Radio