강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Vue.js - Django Integration Web Programming

You can do web programming using Vue.js and Django frameworks.

(4.7) 69 reviews

673 learners

Level Basic

Course period Unlimited

Vue.js
Vue.js
Django
Django
Vue.js
Vue.js
Django
Django

Reviews from Early Learners

Reviews from Early Learners

4.7

5.0

김동혁

100% enrolled

Pros. 1. You can see how actual experts read and view overseas official documents (They teach you how to view them.) 2. You wrote that Django is for beginner to intermediate level, but it is quite difficult. You don't just use ListView and TemplateView, but you use the documents for the parent View classes that you inherit. You can get a good feel for Django classview by watching this lecture. 3. You can learn about the actual development method in the field You can implement the server (Django)/client (ViewJS) separately And you can fully understand data transfer (JSON method) between the server and client Cons None. Recommendation Those who have taken the Django basics lecture should definitely take this lecture.

5.0

br

91% enrolled

I am very satisfied. I listened well. I need to go around once more. It might be a little difficult for beginners to listen to, but the front-backend separation method through API linkage was very helpful. In fact, I found this kind of course, but I don't think it was available anywhere else.

5.0

정발산

100% enrolled

While I was studying Django, I wanted to learn a front-end framework, and I'm so glad I found this lecture. First of all, I desperately needed to connect Encyclopedia and Vue, and I was able to build a foundation through this lecture. Personally, even if you don't know anything about Vue, if you have studied Django to some extent and know the basic structure of HTML, I think there will be no problem in watching the lecture.

What you will gain after the course

  • Integration between Vue.js and Django

  • ToDo App Development

  • Differences between client and server rendering

  • CSRF token handling

  • Web design using Bootstrap and FontAwesome

  • Data processing using axios

We provide the latest sources for Vue 3.x and Django 5.x.

I've uploaded a video guide to updating the version differences. (Section 0)

Vue.js - Django Integration Web Programming

Web programming can be done with a variety of languages and frameworks.

Among them, leveraging the front-end-optimized Vue.js framework and the back-end-optimized Django framework offers the ultimate combination for efficient web programming. Both offer the advantages of ease and speed.

This course shows you how to develop a todo application using JSON interoperability between Vue.js and Django without using Vue Router or Vuex, which are intermediate and advanced features of Vue.js, or Django Rest Framework, which is an intermediate and advanced package of Django.


In this process, you will learn the pros and cons of Client Rendering and Server Rendering, and have the bonus of gaining a deeper understanding of Django's class-type views.

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.

Learning Objectives

  • You can do web programming using Vue.js and Django frameworks.

Helpful people

  • Developers who want to use Vue.js code in their Django projects
  • Developers who know Vue.js but want to learn Django in addition
  • Developers who want to utilize Django class views more.
  • Developers who want to learn Vue axios and Django JsonResponse features.

Note
  • The lecture content ratio for Vue.js and Django is approximately 3:7.
  • The lecture video is for Vue 2.x / Django 2.x versions, but it provides Vue 3.x / Django 5.x sources, and there is little difference between the two versions in the scope of the lecture.
  • Vue.js uses VSCode, and Django uses PyCharm development tools.
prior knowledge
  • Vue.js (Beginner): A level where you can use directives such as v-if and v-for.
  • Django (Beginner): A level that allows you to understand the Django tutorial.

Recommended for
these people

Who is this course right for?

  • Beginner in web development

  • People who want to learn integrated front-end and back-end development

  • People who want to practice through real projects

  • People interested in developing web applications using Vue.js and Django

Hello
This is

2,104

Learners

154

Reviews

224

Answers

4.6

Rating

5

Courses

Program development began with the C language, moved through Java, and recently has primarily utilized Python.
Participating in the backend server development project for KT ucloud services, I developed a meta-information processing engine for customer folders/files using Java and a client push service using Python.

Additionally, I have developed speed measurement programs for KT internet lines, operation management programs for network equipment, and programs for analyzing massive amounts of traffic data. Personally, I have fallen deeply in love with the charm of Python and enjoy coding in Python whenever possible.

As part of that effort, I am currently expanding the utility of Python by developing projects such as web programming using Django, JSON integration using Django Rest Framework, data analysis using Pandas, and AI solution development using Scikit-learn/Tensorflow/ChatGPT.

< Publications >

1. Python Web Programming with Django (1st Edition, Hanbit Media, April 2015)
2. Python Web Programming Using Django - Practical Edition (1st Edition, Hanbit Media, July 2016)
3. Python Web Programming with Django (Revised Edition, Hanbit Media, August 2018)
4. Python Web Programming Using Django - Practical Edition (Revised Edition, Hanbit Media, November 2019)
5. Python Web Programming with Django (3rd Edition, Hanbit Media, November 2022)

< Video Lectures >

1. Vue.js - Django Integrated Web Programming (Inflearn Video, April 2019)
2. Vue.js - Django Integrated Web Programming - Practical Edition (Inflearn Video, September 2020)
3. Build a Blog Quickly with Vue - Django - Bootstrap (Inflearn Video, September 2021)
4. Django REST framework Core Essentials (Inflearn Video, February 2022)
5. AI Web Programming (Inflearn Video, February 2024)

Curriculum

All

37 lectures ∙ (4hr 41min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

69 reviews

4.7

69 reviews

  • hyukster90666님의 프로필 이미지
    hyukster90666

    Reviews 20

    Average Rating 4.8

    5

    100% enrolled

    Pros. 1. You can see how actual experts read and view overseas official documents (They teach you how to view them.) 2. You wrote that Django is for beginner to intermediate level, but it is quite difficult. You don't just use ListView and TemplateView, but you use the documents for the parent View classes that you inherit. You can get a good feel for Django classview by watching this lecture. 3. You can learn about the actual development method in the field You can implement the server (Django)/client (ViewJS) separately And you can fully understand data transfer (JSON method) between the server and client Cons None. Recommendation Those who have taken the Django basics lecture should definitely take this lecture.

    • sobeery5113님의 프로필 이미지
      sobeery5113

      Reviews 1

      Average Rating 5.0

      5

      91% enrolled

      I am very satisfied. I listened well. I need to go around once more. It might be a little difficult for beginners to listen to, but the front-backend separation method through API linkage was very helpful. In fact, I found this kind of course, but I don't think it was available anywhere else.

      • okwkdalsgur0884님의 프로필 이미지
        okwkdalsgur0884

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

        While I was studying Django, I wanted to learn a front-end framework, and I'm so glad I found this lecture. First of all, I desperately needed to connect Encyclopedia and Vue, and I was able to build a foundation through this lecture. Personally, even if you don't know anything about Vue, if you have studied Django to some extent and know the basic structure of HTML, I think there will be no problem in watching the lecture.

        • so012070239님의 프로필 이미지
          so012070239

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          If I had tried to study on my own through Google, it would have taken a lot of time. It was a great help. When programming with Django, I think I can solve many problems if I just know how to properly read ccbv.

          • huniwooks님의 프로필 이미지
            huniwooks

            Reviews 15

            Average Rating 5.0

            5

            100% enrolled

            I studied Django to some extent and listened to it again to organize it, and it was really good! Thank you.

            $26.40

            bestdjango's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!