Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Full-stack

Vue.js - Django Integration Web Programming

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

(4.6) 68 reviews

672 learners

Vue.js
Django

Reviews from Early Learners

What you will learn!

  • 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,090

Learners

153

Reviews

224

Answers

4.6

Rating

5

Courses

프로그램 개발은 C 언어로 시작했으며, 자바를 거쳐 최근에는 주로 파이썬을 사용하고 있다.
KT ucloud 서비스의 백엔드 서버 개발 프로젝트에 참여하여, 자바로 고객의 폴더/파일에 대한 메타 정보 처리 엔진을, 파이썬으로 클라이언트 푸시 서비스를 개발하였다.

또한 KT인터넷 회선의 속도 측정 프로그램, 네트워크 장비에 대한 운용관리 프로그램, 방대한 양의 트래픽 데이터 분석 프로그램을 개발한 바 있다. 개인적으로는 파이썬의 매력에 푹 빠져 되도록이면 파이썬으로 코딩하기를 즐겨하고 있다.

그 일환으로 요즘은 Django를 활용한 웹 프로그래밍, Django Rest Framework를 활용한 JSON 연동, Pandas를 활용한 데이터 분석, Scikit-learn/Tensorflow/ChatGPT 를 활용한 AI 솔루션 개발 등의 프로젝트를 개발하면서 파이썬의 활용도를 넓혀가고 있다.

< 저서 >

1. Django 로  배우는 파이썬 웹 프로그래밍 (초판, 한빛미디어, 2015.4월)
2. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (초판, 한빛미디어, 2016. 7월)
3. Django 로  배우는 파이썬 웹 프로그래밍 (개정판, 한빛미디어, 2018. 8월)
4. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (개정판, 한빛미디어, 2019. 11월)
5. Django 로  배우는 파이썬 웹 프로그래밍 (3판, 한빛미디어, 2022. 11월)

 

< 동영상 강의 >

1. Vue.js - Django 연동 웹 프로그래밍 (인프런 동영상, 2019.4월)
2. Vue.js - Django 연동 웹 프로그래밍 - 실전편 (인프런 동영상, 2020.9월)
3. Vue - Django - Bootstrap 뚝딱 블로그 (인프런 동영상, 2021. 9월)
4. Django REST framework 핵심사항 (인프런 동영상, 2022.2월)
5. AI Web Programming (인프런 동영상, 2024.2월)

Curriculum

All

37 lectures ∙ (4hr 41min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

68 reviews

4.6

68 reviews

  • 김동혁님의 프로필 이미지
    김동혁

    Reviews 20

    Average Rating 4.8

    5

    100% enrolled

    장점. 1. 실제 전문가들이 어떻게 해외공식 문서를 읽고 보는지 알 수 있음 (보는 방법 가르쳐줍니다.) 2. 장고는 초중급이라고 써놓으셨는데, 꽤 난이도가 높음 단순히 ListView, TemplateView를 쓰는게 아니라 상속해주는 부모 View클래스들에 대한 문서를 보고 활용함. 이 강좌를 보면 장고 클래스뷰에 대해 많이 감을 잡을 수 있음. 3. 실제 현업에서 개발하는 방식에 대해서 알 수 있음 서버(장고)/클라이언트(뷰JS)를 각각 구현하고 서버와 클라이언트 간 데이터 전송(JSON방식)에 대해서 완벽하게 알 수 있음 단점 없음. 추천평 장고 기초 강의 들으신 분들이 이 강의를 꼭 들어보셔야됨.

    • br님의 프로필 이미지
      br

      Reviews 1

      Average Rating 5.0

      5

      91% enrolled

      아주 만족합니다. 잘 들었습니다. 한바퀴 더 돌아야겠네요. 초급이 듣기엔 살짝 무리가 있을 수 있겠지만, API 연동을 통한 프론트-백엔드 분리 방식 접근이 아주 유익했습니다. 사실 이런 강좌를 찾았는데 다른 곳에서는 없었던 것 같습니다.

      • 정발산님의 프로필 이미지
        정발산

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

        장고를 공부하고 있던차에 프론트엔드 프레임 워크를 배워보고 싶다는 생각이 있었는데 이 강의를 찾아서 참 다행입니다. 일단 백과 vue를 연결하는 부분이 절실 했는데 이 강의를 통해서 어느정도 기반을 잡았습니다. 개인적으로 vue는 아예 모른다고 해도 장고를 어느정도 공부하고 html의 기본적인 구조를 알고 계신다면 강의를 보는데 문제는 없다고 생각합니다.

        • 젬미니님의 프로필 이미지
          젬미니

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          혼자 구글로 공부하려 했으면 많은 시간이 소모되었을 겁니다. 많은 도움이 되었습니다. 장고로 프로그래밍 할때는 ccbv만 제대로 볼 줄 알아도 많은 문제를 해결할 수 있을 것 같습니다.

          • jikim님의 프로필 이미지
            jikim

            Reviews 15

            Average Rating 5.0

            5

            100% enrolled

            django를 어느 정도 공부했다가 다시 한 번 정리하는 겸으로 들었는데 굉장히 좋았습니다! 감사합니다.

            $26.40

            bestdjango's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!