BEST

Full-stack

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

Name: Vue.js - DjangoインターロックWebプログラミング
Price: 33000 KRW

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

（4.6）受講レビュー 68件

受講生 673名

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

受講生

153

受講レビュー

224

回答

4.6

講座評価

講座

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

講座資料（こうぎしりょう）:

授業資料

セクション 1．バージョン現行化ガイド

4件 ∙ (21分)

1. 講義資料
2. HtmlTodo ソース
05:56
3. DjTodo ソース
08:21
4. VueDjTodo ソース
06:44

セクション 2．HTMLで todoアプリコーディング

4件 ∙ (14分)

5. 完成イメージプレビュー
01:22
6. Vue.js 骨格を掴む
03:33
7. Vue.js todoアプリ完成
07:00
8. 要点を整理する
02:07

セクション 3．Vue.js で todoアプリコーディング (VueOnly)

2件 ∙ (19分)

9. Django骨組み作成
06:06
10. Django で Vue.js コードを使う
13:16

セクション 4．Djangoで Todoアプリコーディング (DjangoOnly)

5件 ∙ (31分)

セクション 5．Django で最初のページを作る

2件 ∙ (22分)

セクション 6．Django で todo アプリをコーディングする (DjangoMixin)

3件 ∙ (34分)

セクション 7．クライアント vs サーバーレンダリング

4件 ∙ (25分)

セクション 8．Vue-Django 連携 (基本コーディング)

5件 ∙ (36分)

セクション 9．Vue-Django 連携 (JSON 連携)

5件 ∙ (58分)

セクション 10．Vue-Django連携 (CSRFトークン処理)

1件 ∙ (9分)

セクション 11．付録

2件 ∙ (8分)

講座掲載日:

最終更新日:

受講レビュー

全体

68件

4.6

68件の受講レビュー

hyukster90666
受講レビュー 20
∙
平均評価 4.8
5
100% 受講後に作成
利点。 1. 実際の専門家がどのように海外公式文書を読んで見るかを知ることができる（見方を教えてくれます。） 2. ジャンゴは小中級だと書いてありましたが、かなり難易度が高い単にListView、TemplateViewを書くのではなく、継承する親Viewクラスのドキュメントを見て活用する。この講座を見ると、ジャンゴクラスビューについてたくさん感覚をつかむことができる。 3. 実際の現業で開発する方法について知ることができるサーバー（ジャンゴ）/クライアント（ビューJS）をそれぞれ実装し、サーバーとクライアント間のデータ転送（JSON方式）について完全に理解できます欠点なし。推奨評価ジャンゴ基礎講義を聞いた方がこの講義をぜひ聞いてみなければならない。
sobeery5113
受講レビュー 1
∙
平均評価 5.0
5
91% 受講後に作成
とても満足しています。よく聞きました。もう一周しなければなりません。初級が聞くには少し無理があるかもしれませんが、 API連携によるフロントバックエンド分離アプローチは非常に有益でした。実はこういう講座を見つけたのに他の場所ではなかったようです。
okwkdalsgur0884
受講レビュー 5
∙
平均評価 5.0
5
100% 受講後に作成
ジャンゴを勉強していた車にフロントエンドフレームワークを学びたいという考えがありましたが、この講義を探して本当に幸いです。かつて百科vueをつなぐ部分が切実になりましたが、この講義を通じてある程度基盤をつかみました。個人的にvueは全く分からないとしても、ジャンゴをある程度勉強し、htmlの基本的な構造を知っていれば講義を見るのに問題はないと思います。
so012070239
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
一人でGoogleで勉強しようとしたら、多くの時間が費やされたでしょう。多くの助けになりました。 Djangoでプログラムするときは、ccbvだけを正しく見ることができても、多くの問題を解決できるようです。
huniwooks
受講レビュー 15
∙
平均評価 5.0
5
100% 受講後に作成
djangoをある程度勉強して、もう一度整理する兼として聞いたのがすごく良かったです！

￥4,150

bestdjangoの他の講座

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

Vue.js - DjangoインターロックWebプログラミング（実践編）

bestdjango

クライアントプロフェッショナルFWのVue.jsとサーバープロフェッショナルFWであるDjangoを一緒に活用して、アップグレードされたWebプログラミングをしましょう。 Vue側のVueRouterとVuexを使わなくても、Django側のDRFを使わなくても、簡単にできる。

초급

Vue.js, Django, Vuetify

Vue.js - DjangoインターロックWebプログラミング（実践編）

bestdjango

Vue-Django-Bootstrap 뚝딱ブログ

bestdjango

人気3総士（Vue + Django + Bootstrap）を活用して、簡単かつ素敵な自分のブログを作ることができます。レスポンシブは基本、スマートフォンでも見ることができます。

초급

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap 뚝딱ブログ

bestdjango

Django REST Framework の要点

bestdjango

"DRF, 이것만은 알고 사용하자." クラス型ビューの1号講師として、DRFのクラスを正しく活用し、継承とオーバーライドを正確に学べる講義です。重要な基本事項を正しく学習しましょう!

초급

Django, REST API

Django REST Framework の要点

bestdjango

AIウェブプログラミング (Streamlit)

bestdjango

AIデータ分析およびモデリング結果をWebプログラムにしてみてください。

입문

streamlit, Machine Learning(ML), Django

AIウェブプログラミング (Streamlit)

bestdjango

似ている講座

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

Vue.js - DjangoインターロックWebプログラミング（実践編）

bestdjango

초급

Vue.js, Django, Vuetify

Vue.js - DjangoインターロックWebプログラミング（実践編）

bestdjango

Do It! Django + Bootstrap：Python Web開発の定石

SungYong Lee

Python Web 開発 A to Z を学びながら作成! Web の基礎からブログ開発、公開までを一度に学べます。

초급

Python, Django, Bootstrap

Do It! Django + Bootstrap：Python Web開発の定石

SungYong Lee

AIウェブプログラミング (Streamlit)

bestdjango

AIデータ分析およびモデリング結果をWebプログラムにしてみてください。

입문

streamlit, Machine Learning(ML), Django

AIウェブプログラミング (Streamlit)

bestdjango

Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

gis

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を簡単に学べます~~

초급

Vue.js, PWA, Firebase

Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

gis

React、Vue学習のための必須知識 - FrontEnd学習環境設定およびVS Code基礎使用法

usefulit

本コースは、React.jsとVue.jsフロントエンド学習に必須の開発環境設定とVS Code基礎使用法を扱う動画講義です。実習中心で環境構築から生産性を高める基本機能活用まで段階別にご案内します。

입문

react.js, Vue.js, VSCode

React、Vue学習のための必須知識 - FrontEnd学習環境設定およびVS Code基礎使用法

usefulit

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

중급이상

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

OpenCV + WebApp（顔の目の検出Webアプリを作成）

Jeonghyun Kim

画像をアップロードすると、Opencvが処理して顔を検出するWebアプリを作成します。

초급

Django, Web Application, OpenCV

OpenCV + WebApp（顔の目の検出Webアプリを作成）

Jeonghyun Kim

実践！Django入門 [最新5.2バージョン]

qu3vipon

Djangoの核心概念と主要機能について詳しく探り、DRFを用いたAPI開発方法とAWSを活用したデプロイまで、Djangoウェブ開発の全てを扱います。

입문

Python, Django, AWS

実践！Django入門 [最新5.2バージョン]

qu3vipon

ユン・ジェソンのVue.jsプロジェクトによる実務開発プロセス

softcampus

このコースでは、VueJSの基本的な部分とミニプロジェクトによる実践的な開発方法を学ぶことができます。 VueJSを適用すると、Webアプリケーションの開発が容易になり、サーバーの負担を減らすことができ、最近トレンドになる開発方式です。このコースを学習すると、最近使用されているWeb開発方法で開発することができます。

초급

Vue.js

ユン・ジェソンのVue.jsプロジェクトによる実務開発プロセス

softcampus

Javascript初心者Real Webアプリ開発 - パート1：Vueの概念〜初級

realdev91670

この講義は、初心者のJavascript開発者が直接Real Webアプリを開発できる開発者になることに焦点を当てています。このレッスンを受講すると、Vue.jsに関連する基本的な概念からReal Webアプリを開発できます。このレッスンはパート1の基本であり、パート2とパート3で実際のReal Webアプリを実装してみましょう。 JavascriptやCSSなどの選手知識がなくても、基本的なシンプルなHtmlだけを知っていても、学習できるように簡単に構成しました。講義の後半になると、明らかにVue.jsの基本的なコーディングが可能になるでしょう。

입문

JavaScript, Vue.js, Web Application

Javascript初心者Real Webアプリ開発 - パート1：Vueの概念〜初級

realdev91670