BEST

Vue-Django-Bootstrap Quick Blog

Name: Vue-Django-Bootstrap Quick Blog
Price: 33000 KRW
Rating: 4.8 (12 reviews)

You can create a simple yet beautiful blog using the popular trio (Vue + Django + Bootstrap). It is responsive and can be viewed on smartphones as well.

(4.8) 12 reviews

295 learners

Level Basic

Course period Unlimited

bestdjango

Vue.js

Django

Bootstrap

Vue.js

Django

Bootstrap

Reviews from Early Learners

4.8

5.0

때구니

100% enrolled

It was a great lecture to see how to use Bootstrap, Django templates, and VUE.JS effectively. Thank you.

5.0

mo app

96% enrolled

This is a must-see lecture for developing django and vuejs together. You can learn a lot from the high-quality development examples and lectures.

5.0

호타물

100% enrolled

Great lecture. I learned a lot about class-based views (CBV). I think it will be very helpful when I use DRF later.

What you will gain after the course

Python Web Programming with Django
Using Vue.js instead of jQuery
Using Bootstrap Free Themes/Templates

My own blog, made in a jiffy with my own hands 🏠
Vue + Django + Bootstrap Web Development!

_{Move categories, leave comments, and implement pagination yourself.}

_{You can also implement a scrollspy UI where the menu changes depending on the scroll.}

Easy and fast
Awesome web development ?

In web programming, UIs are becoming more and more fancy.
That's why any beginner would wonder, 'Can't I make a cool website too?'

Let me tell you my answer to this question.
This is possible with Vue.js + Django + Bootstrap .

First , we do web programming by linking Vue and Django.
Second , for UI, we use themes supported by Bootstrap.

All three of these are popular frameworks that many people use and say are easy to use.
In this lecture, we will learn the principles and core technologies of web development that link the front-end and back-end while creating a wonderful blog web page. Let's take a look together.

To these people
I recommend it.

Please check your player knowledge!

This course is intended for those who have basic knowledge of Vue.js and Django.

_{Easy and fast
Great web programming
Anyone who wants to do it}

_{Already made
Using the theme
Anyone who wants to create a great UI}

_{Technology trend
Frontend/Backend
Anyone who wants to connect}

Are you having these concerns?

This course is for those who know the basic functions of Django and Vue.js.

I can make a tutorial, but
There are times when you get stuck when you do it yourself.

I can do simple web programming, but
I don't like the UI .

I know how to use Django, but I don't know how to use the front-end.
I want to use Vue.js, a cutting-edge technology.

I know how to use Vue.js, but I don't know how to use it as a server technology.
I want to use Django .

I'm using Django, but I keep getting errors and getting stuck.
👉 Django has many features and functions that make developers more comfortable, but you need to understand those functions well to deal with errors. To do this, we will teach you how to read the Django documentation and explain the main contents in detail.
I want to create a better UI than what we have now.
👉 Everyone wants a great UI, but it is a field that requires front-end technology and design sense, so separate study is required. This lecture will teach you how to use a pre-made Bootstrap theme. It is a great UI created by experts, but it is also a good method that beginners can use.
I want to create Async/Interactive features such as likes/word recommendations.
👉 Async/Interactive features are almost essential in web programs. If you used to code with jQuery, this course uses Vue.js. This is because Vue can replace all the features of jQuery and is the latest technology with improved performance.
I want to create a web program that works on smartphones as well.
👉 The Start Bootstrap template used in this course supports responsive behavior by default. So, you will create a web page that works on both PCs and smartphones without any separate coding.

Why this course is special
I would like to inform you.

After taking this lecture!

You can learn how to use axios/JsonResponse to integrate Vue-Django.
Functions that were created with jQuery can now be created with the latest technology, Vue.
You can use Start Bootstrap themes/templates yourself.
You can clearly see that Django's class-based views have many advantages.

This is a web development learning course that takes applications into consideration.

Beyond simply saying 'web programs run' and 'you can code', I tried to convey the operating principles or background knowledge of Django. That way, even if you learn one thing, you can apply and expand it to ten things.

Also, although the main content is geared towards beginner-level functions, the course is structured to include intermediate functions such as ▲Pagination ▲Data transfer with JS ▲prefetch-related, etc. so that you can advance a little further.

Finally, I tried to help you understand by writing important content in PPT and explaining it in a video. I provide the source code and materials used in the lecture.

This is the advantage of this lecture compared to the usual Single Page Application linking method.

Vue-Django integration without having 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.
If needed, you can reuse Django's authentication functionality as is.

Django Rest Framework is great, but what if it gets blocked often?

DRF may seem easy at first, but it is often difficult to apply.
This may be because you are not familiar with DRF's serialization, class inheritance, and overriding.
I recommend that you learn the basic techniques through this course and then use DRF when necessary.
This is because the basic technology of DRF is class-based view (CBV).

In the following order
I am learning.

Using Start Bootstrap theme

Learn how to download and use Bootstrap's themes and templates, and modify themes in Django.

Developing a Blog App with Django

Learn how to create the basic structure of a blog app with Django.

Vue-Django API Development

Learn the benefits of integrating Vue.js with Django and design an API.

Various extension functions

Learn about various extensions such as pagination, data passing with JS, CSRF token function, etc.

DB Query Performance Improvement

Improve queries to improve database performance.

View on smartphone

Learn responsive web technologies so that your screen can be viewed appropriately on mobile devices such as smartphones and tablets as well as desktops.

Frequently Asked Questions
Check it out.

Q. I am new to Python-Django. Will I be able to follow the lecture?

You will need to have experience with web programming using Django. After that, you will add Vue and create a program using the upgraded Vue-Django integration method, similar to this lecture.

Q. Do I have to use Views? Can't I do web programming with just Django?

Of course, it is possible with just Django. However, if you use views, the UI will be upgraded. It is much more efficient to handle UI on the client side than on the server side. In this lecture, we are using it at the level of jQuery, and if you study more after finishing the lecture, you will be able to implement advanced UI features such as animation.

Q. Can I use React instead of Vue?

It is possible. The integration and Django side codes are the same. You just need to change the view code to React.

Both Vue and React are good frameworks, so you can choose the one that best suits your situation. However, if you are using an existing HTML file like in this lecture, keep in mind that Vue is much more advantageous than React.

Q. They say it's easy, but what makes it easy?

When integrating View-Django, in many cases, Vue Router, Vuex, DRF, etc. are used. You don't have to use these three. That means less learning.

Additionally, it utilizes Bootstrap themes available on the Internet, so you can create a UI quickly, easily, and beautifully.

Q. How is it different from the knowledge sharer’s other lectures?

The difficulty level is somewhere between the basic and practical parts of my Inflearn lecture (Vue-Django integration).

Compared to the actual version, the blog app is the same, but the asynchronous like function and comment form processing have been added, and the pagination function is coded directly.

The biggest difference is that we use Bootstrap instead of Vuetify, and you get to use a variety of themes yourself, especially by learning how to use the pre-made Start Bootstrap template.

Knowledge sharer's
Are you curious about other lectures?

Vue.js - Django Integration
Web Programming
Coding the To Do App

Vue.js - Django Integration
Web Programming (Practical)
Up to using Beauty Pie

Recommended for
these people

Who is this course right for?

If you want to do easy, fast, and cool web programming
If you want to create a great UI using a theme that has already been created
If you want to know how to connect Front/Backend, a technology trend

Need to know before starting?

Django tutorial and class-based views require coding experience.
You should know the basic directives of Vue.js (v-for, v-if, etc.).

Hello
This is

2,104

Learners

154

Reviews

224

Answers

4.6

Rating

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

50 lectures ∙ (5hr 44min)

Course Materials:

Lecture resources

Section 1. Finished Program Preview

2 lectures ∙ (7min)

1. Program Preview
07:12
2. Source and Class Materials

Section 2. Using Start Bootstrap Themes

4 lectures ∙ (32min)

Section 3. Django blog app development

9 lectures ∙ (1hr 9min)

7. Making site's first page
04:56
8. Make an About Me Page
07:03
9. Making a Blog App
11:29
10. Tables and relationships between tables
06:14
11. Post-Detail Temporary Screen
09:15
12. Modifying Theme-2 in Django
06:29
13. Main menu and Template Inheritance
08:13
14. Creating the Post-Detail screen
08:24
15. Scrollspy feature
07:19

Section 4. Vue-Django API Development (I)

6 lectures ∙ (47min)

Section 5. Vue-Django API Development (II)

9 lectures ∙ (1hr 17min)

Section 6. Extension - Pagination feature

5 lectures ∙ (32min)

Section 7. Extension - Passing Data from Django to JS

3 lectures ∙ (24min)

Section 8. Extension - CSRF Functionality, etc.

3 lectures ∙ (16min)

Section 9. DB query performance improvement

2 lectures ∙ (10min)

Section 10. View on smartphone

2 lectures ∙ (8min)

Section 11. Additional Video - Start Bootstrap Source Changes

2 lectures ∙ (9min)

Section 12. Appendix

3 lectures ∙ (8min)

Published:

Last updated:

Reviews

All

12 reviews

4.8

12 reviews

dcloyal10737
Reviews 30
∙
Average Rating 5.0
5
100% enrolled
taegeunkim2252
Reviews 25
∙
Average Rating 5.0
5
100% enrolled
It was a great lecture to see how to use Bootstrap, Django templates, and VUE.JS effectively. Thank you.
moapp20200336
Reviews 14
∙
Average Rating 5.0
5
96% enrolled
This is a must-see lecture for developing django and vuejs together. You can learn a lot from the high-quality development examples and lectures.
hyeok53374629
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
Great lecture. I learned a lot about class-based views (CBV). I think it will be very helpful when I use DRF later.
hyunho388168
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
Thank you for the great lecture.

$26.40

bestdjango's other courses

Check out other courses by the instructor!

AI Web Programming (Streamlit)

bestdjango

Make AI data analysis and modeling results into a Web Program.

입문

streamlit, Machine Learning(ML), Django

AI Web Programming (Streamlit)

bestdjango

Django REST Framework Essentials

bestdjango

"DRF, let's use it knowing this." As the first instructor of Class View, this is a class where you can properly use DRF classes and learn inheritance and overriding accurately. Let's learn the core basics properly!

초급

Django, REST API

Django REST Framework Essentials

bestdjango

Vue.js - Django Integration Web Programming (Practical)

bestdjango

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.

초급

Vue.js, Django, Vuetify

Vue.js - Django Integration Web Programming (Practical)

bestdjango

Vue.js - Django Integration Web Programming

bestdjango

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

초급

Vue.js, Django

Vue.js - Django Integration Web Programming

bestdjango

Similar courses

Explore other courses in the same field!

Vue.js Mastery - Everything You Need for Real-World Development

captain

I've included everything needed for those working with Vue.js in production. A learning note CRUD application implemented with actual backend APIs. Be sure to check out the messages about setting up a productive project environment and how to collaborate with backend developers :)

중급이상

JavaScript, Vue.js, Vuex

Vue.js Mastery - Everything You Need for Real-World Development

captain

Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

gymcoding

This course on creating a community using Vue3 & Firebase(v10) will help you grow as a developer in various ways, including practical use of Vue3, Firebase basics to practical use, use of the latest web technologies, and sharing experiences as a knowledge sharer!

중급이상

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

gymcoding

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development

SungYong Lee

Learn Python web development A to Z while making it! Learn everything from web basics to blog development and deployment all at once.

초급

Python, Django, Bootstrap

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development

SungYong Lee

Vue.js - Django Integration Web Programming (Practical)

bestdjango

초급

Vue.js, Django, Vuetify

Vue.js - Django Integration Web Programming (Practical)

bestdjango

Yoon Jae-seong's Bootstrap 4 & 3 Framework Tutorial

softcampus

You can develop web application Front End through HTML5 web framework library and CSS classes for Bootstrap 4.

초급

Bootstrap

Yoon Jae-seong's Bootstrap 4 & 3 Framework Tutorial

softcampus

Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

gis

You can easily learn Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

초급

Vue.js, PWA, Firebase

Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

gis

Planner, how about learning this level of web development? [Theory + Practice]

bokchi

This is a fast-paced development course for busy planners. You can learn the entire development process by developing web front-end, back-end, and DB yourself with simple explanations.

입문

HTML/CSS, JavaScript, Vue.js

Planner, how about learning this level of web development? [Theory + Practice]

bokchi

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

youngcodikimssam

This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

초급

Bootstrap, Responsive Web, Web Design

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

youngcodikimssam

Python Django Web Programming Taught by Silicon Valley Engineer

altoformula

Everything you need to know about the basics and practical application of Python Django web development, only from Silicon Valley software engineers! Don't miss out on the opportunity to learn web programming using the Python-based Django framework!. To make it easy for even beginners to start web programming, you can also learn HTML and Bootstrap, so don't miss out on this great opportunity!

초급

Python, Django, REST API

Python Django Web Programming Taught by Silicon Valley Engineer

altoformula

Creating a responsive web page using BOOTSTRAP 3

usefulit

This tutorial will show you how to use Bootstrap to create responsive web pages that change layout depending on the device.

초급

Bootstrap, Responsive Web

Creating a responsive web page using BOOTSTRAP 3

usefulit

Create a Quiz App/Server in 1 Hour with Flutter and Django [Full Stack]

taebbong

This is a lecture on creating a full-stack quiz app with Flutter and Django! Become a full-stack developer with this full-stack lecture with a lot to learn:)

초급

Django, Flutter

Create a Quiz App/Server in 1 Hour with Flutter and Django [Full Stack]

taebbong

Responsive Web Development with Bootstrap [Practical] Bootcamp

youngcodikimssam

Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

초급

Bootstrap, Responsive Web, Web Design

Responsive Web Development with Bootstrap [Practical] Bootcamp

youngcodikimssam

Hodolman's Stomach-Turning Development Show (SpringBoot, Vue.JS, AWS)

hodolman888675

It doesn't end with just creating one application. We will show you the A-Z of completing a service by connecting a Vue.js modern front-end stack to a backend using Spring Boot.

중급이상

Spring Boot, JPA, AWS

Hodolman's Stomach-Turning Development Show (SpringBoot, Vue.JS, AWS)

hodolman888675

Simple Blog Made with Google Sheets!

jejucoding

Let's quickly create a simple blog that runs for free 24 hours using Google Spreadsheets + Google apps script + Google drive + Bootstrap!

초급

Bootstrap, Google Apps Script, VSCode

Simple Blog Made with Google Sheets!

jejucoding

React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage

usefulit

This course is a video lecture that covers essential development environment setup and basic VS Code usage for React.js and Vue.js frontend learning. It provides step-by-step guidance from environment setup to utilizing basic features that enhance productivity, with a focus on hands-on practice.

입문

react.js, Vue.js, VSCode

React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage

usefulit

Kakao, Google SNS login (springboot3, vue3)

bradkim

Implementing Kakao and Google login using Spring Boot. JWT token-based login is implemented. A simple screen is configured through Vue3.

초급

OAuth, oauth2, JWT

Kakao, Google SNS login (springboot3, vue3)

bradkim

Django REST Framework Essentials

bestdjango

초급

Django, REST API

Django REST Framework Essentials

bestdjango

Django Beginner's Guide - Getting started with Django through hands-on experience

onecue

We will introduce the web framework Django and learn its basic usage.

입문

Django

Django Beginner's Guide - Getting started with Django through hands-on experience

onecue

Vue-Django-Bootstrap Quick Blog

Reviews from Early Learners

4.8

What you will gain after the course

Easy and fast Awesome web development ?

To these people I recommend it.

Are you having these concerns?

Why this course is special I would like to inform you.

After taking this lecture!

This is a web development learning course that takes applications into consideration.

This is the advantage of this lecture compared to the usual Single Page Application linking method.

Django Rest Framework is great, but what if it gets blocked often?

In the following order I am learning.

Using Start Bootstrap theme

Developing a Blog App with Django

Vue-Django API Development

Various extension functions

DB Query Performance Improvement

View on smartphone

Frequently Asked Questions Check it out.

Knowledge sharer's Are you curious about other lectures?

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

bestdjango's other courses

Similar courses

Easy and fast
Awesome web development ?

To these people
I recommend it.

Why this course is special
I would like to inform you.

In the following order
I am learning.

Frequently Asked Questions
Check it out.

Knowledge sharer's
Are you curious about other lectures?

Recommended for
these people

Hello
This is