강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Full-stack

Vue.js - DjangoインターロックWebプログラミング

Vue.jsとDjangoフレームワークを使用してWebプログラミングを行うことができます。

Vue.js
Django

学習した受講者のレビュー

こんなことが学べます

  • Vue.jsとDjangoの連動

  • ToDoアプリ開発

  • クライアントとサーバーのレンダリングの違い

  • CSRFトークン処理

  • BootstrapとFontAwesomeを活用したWebデザイン

  • axiosによるデータ処理

Vue 3.x と Django 5.x の最新のソースを提供します。

バージョン違いによる現行化ガイド映像アップロードしました。 (セクション-0)

Vue.js - DjangoインターロックWebプログラミング

Webプログラミングはさまざまな言語とフレームワークで行うことができます。

その中で、フロントエンドに最適化されたVue.js、バックエンドに最適化されたDjangoフレームワークを活用すれば、最適な組み合わせで効率的にWebプログラミングができる。どちらも簡単で速いというメリットがあるからだ。

本講座では、Vue.jsの中高級機能であるVue Router、Vuexを使用せず、またDjangoの中高級パッケージであるDjango Rest Frameworkを使用せずに、Vue.js - Django間でJSON連動方式で todoアプリケーションを開発する過程を紹介する。


この過程で、Client RenderingとServer Renderingの長所と短所がわかり、Djangoのクラス型ビューを深く理解できるボーナス効果もある。

普通のシングルページアプリケーション連動方式に比べ、本講義のメリットです。

  • Vue-Django連動方式でありながら、VueRouter/Vuex/DRFを使用する必要はありません。
  • Vue-Django連動方式ながらも、DjangoのAdmin機能をそのまま使用します。
  • DjangoをAPIサーバーだけで使用するのではなく、テンプレート処理も同時に可能です。

学習目標

  • Vue.jsとDjangoフレームワークを使用してWebプログラミングを行うことができます。

役に立つ方

  • DjangoプロジェクトでVue.jsコードを使用したい開発者
  • Vue.jsは知っていますが、Djangoをさらに学びたい開発者
  • Djangoクラス型ビューをもう少し活用したい開発者
  • Vue axios、Django JsonResponseの機能を学習したい開発者

注意事項
  • Vue.jsとDjangoの講義内容の割合は約3:7です。
  • 講義ビデオはVue 2.x / Django 2.xバージョンですが、Vue 3.x / Django 5.xソースを提供し、講義の範囲では2つのバージョン間の違いはほとんどありません。
  • Vue.jsはVSCode、DjangoはPyCharm開発ツールを使用しています。
先行知識
  • Vue.js(入門):v-if、v-forなどのdirectiveを使用できるレベル
  • Django(初級):Djangoチュートリアルを理解できるレベル

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web開発初心者

  • フロントエンドとバックエンドの統合開発を学びたい人

  • 実際のプロジェクトを通して実践したい人

  • Vue.jsとDjangoを活用したWebアプリケーション開発に興味のある人

こんにちは
です。

2,090

受講生

153

受講レビュー

224

回答

4.6

講座評価

5

講座

프로그램 개발은 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월)

カリキュラム

全体

37件 ∙ (4時間 41分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

68件

4.6

68件の受講レビュー

  • hyukster90666님의 프로필 이미지
    hyukster90666

    受講レビュー 20

    平均評価 4.8

    5

    100% 受講後に作成

    công lao. 1. Tìm hiểu cách các chuyên gia thực sự đọc và xem các tài liệu chính thức của nước ngoài (Nó dạy bạn cách nhìn.) 2. Bạn viết rằng Django ở trình độ sơ cấp-trung cấp nhưng độ khó khá cao. Thay vì chỉ sử dụng ListView và Bản mẫu, hãy xem tài liệu về các lớp Chế độ xem gốc kế thừa và sử dụng chúng. Bằng cách xem khóa học này, bạn có thể có cảm nhận tốt về Django Class View. 3. Tìm hiểu các phương pháp phát triển thực tế tại hiện trường Triển khai máy chủ (Django)/máy khách (Xem JS) tương ứng Kiến thức đầy đủ về truyền dữ liệu (phương pháp JSON) giữa máy chủ và máy khách điều bất lợi không tồn tại. Sự giới thiệu Những người đã tham gia khóa học cơ bản về Django chắc chắn nên tham gia khóa học này.

    • sobeery5113님의 프로필 이미지
      sobeery5113

      受講レビュー 1

      平均評価 5.0

      5

      91% 受講後に作成

      Rất hài lòng. Tôi nghe rõ lắm. Tôi đoán tôi sẽ phải đi lại một lần nữa. Có thể hơi khó nghe đối với người mới bắt đầu, nhưng Cách tiếp cận tách biệt phía trước thông qua tích hợp API rất có lợi. Trên thực tế, tôi đã tìm thấy khóa học này, nhưng tôi không nghĩ mình đã tìm thấy nó ở nơi nào khác.

      • okwkdalsgur0884님의 프로필 이미지
        okwkdalsgur0884

        受講レビュー 5

        平均評価 5.0

        5

        100% 受講後に作成

        Khi đang học Django, tôi muốn tìm hiểu về front-end framework và tôi rất vui vì đã tìm thấy khóa học này. Trước hết, tôi rất cần kết nối Baek và Vue, và tôi đã có thể đạt được một số kiến ​​thức thông qua bài giảng này. Cá nhân, ngay cả khi bạn không biết gì về Vue, tôi nghĩ sẽ không có vấn đề gì khi xem bài giảng nếu bạn đã nghiên cứu Django ở một mức độ nào đó và biết cấu trúc cơ bản của HTML.

        • so012070239님의 프로필 이미지
          so012070239

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          Nếu tôi cố gắng học trên Google một mình thì sẽ mất rất nhiều thời gian. Nó rất hữu ích. Khi lập trình ở Django, tôi nghĩ bạn có thể giải quyết được nhiều vấn đề chỉ bằng cách biết cách đọc ccbv đúng cách.

          • huniwooks님의 프로필 이미지
            huniwooks

            受講レビュー 15

            平均評価 5.0

            5

            100% 受講後に作成

            Sau khi học django một thời gian, tôi lại xem nó như một cách bồi dưỡng, và nó thật tuyệt! Cảm ơn

            ¥4,016

            bestdjangoの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!