Companies Home Search Profile

Django x Vue.js: Learn how to integrate Django with Vue.js

Focused View

Justin Mitchel

1:58:30

190 View
  • 1.1 Live Demo.html
  • 1. Welcome.mp4
    00:56
  • 2.1 Code on Github.html
  • 2.2 Django Docs.html
  • 2.3 Install Python on macOS (Blog Article).html
  • 2.4 Install Python on macOS (YouTube Playlist).html
  • 2.5 Install Python on Windows (Blog Article).html
  • 2.6 Install Python on Windows (YouTube Playlist).html
  • 2.7 Live Demo.html
  • 2.8 Vite (for compiling Vue.js).html
  • 2.9 Vue.js Docs.html
  • 2. Recommended Requirements & Course Resources.mp4
    00:38
  • 3. Python Virtual Environment and Django Project.mp4
    02:59
  • 4. Create the Vuejs Project.mp4
    09:32
  • 1. Static File Configuration for Django.mp4
    07:38
  • 2. Custom Context Processor in Django.mp4
    06:47
  • 3. Using Pathlib to Set Dynamic File Paths.mp4
    06:40
  • 4. Mounting the Vue App in a Django Template.mp4
    04:08
  • 5. HTML Attributes as Props in Vue.mp4
    06:45
  • 6. Vue Ref for Managing State.mp4
    03:51
  • 7. Global State Management with Vue.mp4
    04:25
  • 1. Your First API Request with Vue.mp4
    07:52
  • 2. Handling an API Request with Django.mp4
    07:45
  • 3. Replacing Fetch with Axios.mp4
    03:20
  • 4. Map Input Value to Vue Ref with v-model.mp4
    04:37
  • 5. Built-in Directives with Vue.mp4
    02:47
  • 6. Axios Post with Reactive Form Data.mp4
    07:06
  • 1. Django Create API View.mp4
    06:12
  • 2. Handling HTML Forms in Vue.mp4
    05:37
  • 3. Vue Integratio to Django Model & Django Model Form.mp4
    17:40
  • 1. Thank you and next steps!.mp4
    01:15
  • Description


    Learn to create a foundation for robust projects using Django and 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

    Who is this 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
  • More details


    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 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

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Justin Mitchel
    Justin Mitchel
    Instructor's Courses
    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 CaliforniaBestselling instructor on UdemyFunded creator on KickstarterFounder of Coding For EntrepreneursCohost of Backer Radio
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 21
    • duration 1:58:30
    • Release Date 2023/03/30