Skip to main content

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
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

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