CF

The Complete Guide to Django REST Framework and Vue JS

13h 40m 40s
English
Paid

Welcome to The Complete Guide to Django REST Framework and Vue JS course! In this course, you will learn how to create professional REST APIs with Python and Django REST Framework, and acquire all the Vue JS basics you need to create powerful Single Page Applications (SPA). These modern web applications are similar to those used by industry giants like Google, Instagram, Quora, and Twitter.

Course Overview

Have you noticed how fast and reliable the websites and services from these companies are? Think about Instagram, Twitter, or Gmail. This performance is achieved through Single Page Applications, developed using an API First approach, which you'll learn in this course.

This approach allows companies to offer synchronized services across multiple platforms, enabling smartphone and desktop apps to connect seamlessly via REST APIs, providing users with a smooth and secure experience. If you're eager to develop such skills, enroll now to elevate your capabilities!

Why Enroll in This Course?

This course is a complete guide to modern web development with Django and Vue JS, two of the industry's most popular frameworks. It is designed to enhance your skills as a developer in a competitive and ever-evolving job market.

Back End Development: You'll start by creating your first API with Django and mastering the Django REST Framework, widely used for building REST APIs. We'll cover essential features such as permission and authentication systems, utilizing session and token authentication, empowering you to create professional web apps swiftly.

Front End Development: You'll learn the basics of Vue JS to create reactive components and develop modern Single Page Applications from scratch. As soon as you enroll, you'll gain access to all course lessons in high definition, future updates, downloadable slides, and source code.

Additional Resources

  • Access to a Q&A section for discussions and queries
  • Exchange information with fellow students

What are you waiting for?

Take the opportunity to enhance your skills today!

Requirements

  • Familiarity with Python 3 and Django
  • Basic knowledge of JavaScript, HTML, and CSS

Who This Course is For

  • Individuals aiming to improve their job market skills
  • Those interested in learning to create Professional REST APIs and SPAs
  • Django web developers interested in Django REST Framework
  • Web developers wanting to learn Vue JS
  • Developers aiming to build REST backends with Django and frontends with Vue JS
  • Web developers aspiring to build fast, secure SPAs with modern technologies

What You'll Learn

  • Building backend REST APIs with Python & Django
  • Using Django REST Framework and Vue JS to develop SPAs like Google and Instagram
  • Creating professional, production-ready REST APIs
  • Securing REST APIs with token and session authentication
  • Mastering Vue JS and Vue CLI for reactive components and SPAs
  • Developing real-world SPAs with Vue JS and Django

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 84 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 84 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction To The Course
All Course Lessons (84)
#Lesson TitleDurationAccess
1
Introduction To The Course Demo
01:38
2
Course Overview - MUST WATCH!
05:02
3
Setting up the Development Environment
05:23
4
Section Objectives
02:27
5
APIs, JSON and ENDPOINTS
07:32
6
REST, HTTP and STATUS CODES
10:30
7
The Requests Module
15:27
8
Your First Django API - Part One
22:41
9
Your First Django API - Part Two
14:55
10
Competency Assessment - Project Introduction
00:48
11
Competency Assessment - Project Solution
09:11
12
DRF Level One - Section Objectives
01:50
13
Introduction to DRF and NewsAPI Project Setup
12:37
14
What are the Serializers?
19:47
15
The @api_view Decorator - Part One
14:54
16
The @api_view Decorator - Part Two
08:58
17
The APIView Class
09:55
18
Serializers Validation
09:24
19
The ModelSerializer Class
12:34
20
How to handle Nested Relationships
18:07
21
DRF Level One - Competency Assessment - JobBoardAPI Project Introduction
02:02
22
DRF Level One - Competency Assessment - JobBoardAPI Project Solution
14:32
23
DRF Level Two - Section Objectives
01:31
24
EbooksAPI - Project Setup
09:34
25
The GenericAPIView Class and Mixins
10:36
26
Concrete View Classes
13:29
27
The Permissions System - Part One
14:48
28
The Permissions System - Part Two
11:06
29
Pagination in Django REST Framework
06:49
30
DRF Level Two - Competency Assessment - QuotesAPI Project Introduction
01:06
31
DRF Level Two - Competency Assessment - QuotesAPI Project Solution
18:22
32
DRF Level Three - Section Objectives
01:47
33
UserProfilesAPI - Project Setup - Part One
11:18
34
UserProfilesAPI - Project Setup - Part Two
10:16
35
Authentication in DRF
08:25
36
Django REST Auth - Part One
13:51
37
Django REST Auth - Part Two
07:25
38
Viewsets and Routers
19:58
39
The Filtering System
07:24
40
Automated Testing of a REST API - Part One
14:31
41
Automated Testing of a REST API - Part Two
08:46
42
Introduction to Vue JS - Section Objectives
00:58
43
Introduction: What is Vue JS?
03:23
44
Your First Vue Instance
13:31
45
Events and Methods
09:26
46
Conditional Rendering
08:32
47
Class and Style Binding
07:10
48
List Rendering with v-for
06:18
49
Computed Properties
07:02
50
Forms and User Input
16:45
51
Components and Props
09:13
52
How To Use $emit
15:48
53
Vue JS - Section Assignment
02:19
54
Vue JS - Section Assignment Solution
16:05
55
End of the Course Project: Introduction
06:03
56
Project Creation, Users Application and Authentication Settings
16:05
57
User Authentication - Settings and Templates
08:05
58
Single Page Application Entry-Point and First REST Endpoint
10:15
59
Main App - Models and Signals
12:29
60
Main App - Serializers
07:31
61
Main App - Question ViewSet
06:55
62
Answers: Creation and Listing
08:27
63
Like and Detail Endpoints
10:26
64
Backend Testing with POSTMAN
06:42
65
Authentication Template - CSS Styling
06:17
66
Vue CLI, Node, NPM and Single Page Applications
08:42
67
Webpack Bundle Tracker and Django Webpack Loader
15:05
68
Vue Router and Single File Components
16:21
69
The Navbar Component
15:34
70
API Service with Fetch and CSRF TOKEN
06:04
71
Home Component and Questions List
09:33
72
Single Question Component
11:37
73
Question Editor Component
10:18
74
Load More Questions Button
05:42
75
Single Answer Component
06:27
76
Add New Answers Feature
12:30
77
Load More Answers Button
04:48
78
Delete Answer Button
13:12
79
Edit Answer Button
17:10
80
Edit and Delete Buttons for Questions
11:02
81
Like Button Implementation
10:50
82
404 Not Found Component
07:24
83
NPM Run Build - Setting the App for Production
10:27
84
Final Lesson: What to Do Next?
00:53
Unlock unlimited learning

Get instant access to all 83 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What prerequisites are needed to enroll in this course?
Prospective students should have a basic understanding of Python and web development concepts. Familiarity with HTML, CSS, and JavaScript will be beneficial, as the course dives into Vue JS for front-end development. Knowledge of Django is helpful but not mandatory, as the course covers creating APIs with Django REST Framework from the basics.
What projects will I work on during the course?
Throughout the course, students will engage in several projects, including the NewsAPI, JobBoardAPI, EbooksAPI, QuotesAPI, and UserProfilesAPI. These projects are designed to solidify your understanding of building REST APIs using Django REST Framework. Additionally, the course concludes with a comprehensive end-of-course project that integrates the skills learned in both the Django and Vue JS sections.
Who is the target audience for this course?
This course is intended for developers who wish to expand their skills in modern web development. It is ideal for those interested in building Single Page Applications and learning to integrate back-end APIs with the front-end using Django REST Framework and Vue JS. Both beginner and intermediate-level developers will find value in the structured approach to mastering these technologies.
How does the depth of this course compare to other similar courses?
The course offers a comprehensive exploration of both Django REST Framework and Vue JS, covering key topics such as authentication, permissions, serializers, and automated testing for Django, as well as Vue JS components, props, and computed properties. Compared to other courses, it provides an in-depth look at building RESTful APIs and creating responsive SPAs, making it suitable for those seeking thorough knowledge in these areas.
What specific tools or platforms are covered in the course?
The course focuses on Django REST Framework for back-end development and Vue JS for front-end development. Students will learn to use tools such as serializers, the @api_view decorator, ModelSerializer, viewsets, and routers in Django. On the Vue JS side, they will work with components, props, and lifecycle hooks to build interactive Single Page Applications.
What topics are not covered in this course?
The course does not cover advanced Django topics unrelated to REST APIs, such as Django's template system for server-side rendering. It also does not delve into advanced Vue JS topics like Vuex for state management or Nuxt.js for server-side rendering. The focus remains on integrating Django REST Framework with Vue JS for SPA development.
How much time should I expect to commit to this course?
The course consists of 84 lessons, and while the total runtime is not specified, students should anticipate dedicating several weeks to complete the materials at a moderate pace. This includes time for watching lectures, completing assignments, and working on the various API and SPA projects to gain practical experience.