Vue-Django-Bootstrap 뚝딱ブログ
bestdjango
人気3総士（Vue + Django + Bootstrap）を活用して、簡単かつ素敵な自分のブログを作ることができます。 レスポンシブは基本、スマートフォンでも見ることができます。
Basic
Vue.js, Django, Bootstrap
BEST
Vue.js - Django Integration Web Programming (Practical)
Let's try upgraded web programming by using Vue.js, a client-specific FW, and Django, a server-specific FW. You can do it easily without using VueRouter and Vuex on the Vue side, or DRF on the Django side.
Reviews from Early Learners
What you will learn!
You can create a web program by linking Vue.js and Django.
You can decorate your screens with Vuetify, which has richer features than Bootstrap.
You can learn techniques that go beyond the Django introduction.
To interact with the client, you can use JsonResponse.
You can further utilize the class-type view, which is an advantage of Django.
We provide the latest sources for Vue/Vuetify 3.x and Django 5.x.
We provide a video guide to updating the version according to the differences (Section 1).
Easily connect your client and server with Vue.js and Django.
+ One step further, leveraging Vuetify!
Leveraging Vue and Django offers the following advantages:
- Both have something in common: they are easy to use compared to other frameworks, yet widely used.
- Since we use Vue, the advantages of Client Rendering come to life.
- This means the screen looks great, there is no screen flicker, and the screen rendering speed is faster.
- Since we use Django, backend technologies such as authentication/DB become easy and convenient.
- Django provides session authentication by default, so you can use it as is.
- You can utilize Django's ORM and Admin features as they are.
- Besides that, Django's rich technologies related to web programming are already well known.
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.
- You can reuse Django's authentication functionality as is.
In preparation for the previous lecture (Vue.js-Django integrated web programming)
This has been upgraded.
- You can learn the CRUD functions of a blog just like in real life.
- Since it utilizes Django's authentication function as is, you can easily implement authentication functionality.
- Because Vue is used in the Vite way, not the CDN way, it is suitable for large programs.
- You can split your Vue programs into components and reuse common components.
To decorate your screen, we will show you how to use Vuetify versus Bootstrap.
- I chose Vuetify because it is more feature-rich than Bootstrap.
- If you are already familiar with Bootstrap, you can create it in the same way.
View previous lectures
Vue.js - Django Integration Web Programming
Client-server integration principles, SPA/SSR key terms, and coding in five different ways.
Client-server integration principles, SPA/SSR key terms, and coding in five different ways.
Recommended for
these people
Who is this course right for?
I want to configure the client and server programs independently.
I want to take my Django web application to the next level.
I want to freely utilize Django's class-type views.
I want to use Django as the backend for my Vue web program.
I want to make the screen look nice and utilize the Vuetify library.
Need to know before starting?
Django tutorial examples you can code yourself.
I have experience coding Django class-type views.
I know the basic Vue.js directives.
2,095
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
109 lectures ∙ (11hr 28min)
Course Materials:
Lecture resources
Published:
Last updated:
Reviews
All
21 reviews
4.8
21 reviews
zdzc5298558Reviews 1
∙
Average Rating 5.0
- modoomusic06071506
Reviews 1
∙
Average Rating 5.0
- newpullin
Reviews 3
∙
Average Rating 4.7
- candy04061681
Reviews 1
∙
Average Rating 5.0
- bs8choi7413
Reviews 1
∙
Average Rating 5.0
$34.10
bestdjango's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![[2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.jsCourse Thumbnail](https://cdn.inflearn.com/public/courses/326594/cover/451fb778-2c07-4da1-bff9-c5ec71712928?f=avif&w=420)
![フラッターとジャンゴで1時間でクイズアプリ/サーバーを作る [ランダムフルスタック]Course Thumbnail](https://cdn.inflearn.com/public/courses/325095/course_cover/75f893a3-d50a-4f83-824e-5e18be7d364b/ktp-flutter-django-quiz.png?f=avif&w=420)
