AI Web Programming (Streamlit)
bestdjango
Make AI data analysis and modeling results into a Web Program.
Beginner
streamlit, Machine Learning(ML), Django
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.
(4.8) 21 reviews
399 learners
Level Basic
Course period Unlimited
Vue.js
Vue.js
Django
Django
Vuetify
Vuetify
Vue.js
Vue.js
Django
Django
Vuetify
Vuetify
Reviews from Early Learners
Reviews from Early Learners
4.8
5.0
손찬희
100% enrolled
I think it will be easier to write code in the latter half of the course if you work while organizing it according to the lecture.
5.0
조영준
89% enrolled
I was able to understand the Django content that I had not thoroughly understood until now by going through the official documentation, and I was able to study Vue.js while understanding it along with the official documentation, so I studied with a happy heart. I sincerely thank you for creating such a great lecture!
5.0
선두원
93% enrolled
It tells you only what you need, and it tells you more detailed things or things that you can apply later with keywords or tips so that you can find them yourself. I highly recommend it to those who have not tried vue.js or are just learning django, and those who want to make something full-stack on their own! I bought several lectures from Inflearn,, and this lecture is worth the money! I highly recommend it
What you will gain after the course
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,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
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
5
89% enrolledI was able to understand the Django content that I had not thoroughly understood until now by going through the official documentation, and I was able to study Vue.js while understanding it along with the official documentation, so I studied with a happy heart. I sincerely thank you for creating such a great lecture!
- newpullin
Reviews 3
∙
Average Rating 4.7
- candy04061681
Reviews 1
∙
Average Rating 5.0
5
93% enrolledIt tells you only what you need, and it tells you more detailed things or things that you can apply later with keywords or tips so that you can find them yourself. I highly recommend it to those who have not tried vue.js or are just learning django, and those who want to make something full-stack on their own! I bought several lectures from Inflearn,, and this lecture is worth the money! I highly recommend it
- 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!
![Planner, how about learning this level of web development? [Theory + Practice]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)
![Create a Quiz App/Server in 1 Hour with Flutter and Django [Full Stack]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)
