The Complete Guide to Django REST Framework and Vue JS

13h 40m 40s
English
Paid

Course description

Hi! 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 all the Vue JS basics that you need to know to create powerful Single Page Applications, modern web applications similar to those currently used by companies like Google, Instagram, Quora and Twitter!

Read more about the course

Have you ever noticed how fast and reliable the websites and services offered by these companies are?
Just think about Instagram, Twitter, or Gmail!

This happens thanks to the use of Single Page Applications, Web Apps developed following a modern approach to development called API First, which you will learn when you enroll in this course.

This allows companies to offer the same synchronized services across multiple client applications such as smartphone and desktop apps, that can then connect to the services via REST API, providing a comfortable and safe experience to their users.

Perhaps you already knew this. Would you like to learn how to do it yourself?

Enroll now, and bring your skills to the next level!

This course is designed to be your complete reference and learning guide to modern Web Development with Django and Vue JS, two of the most used Frameworks in the Industry, increasing your skills as a developer in a job market where staying competitive and up to date is paramount.

Starting from the Back End, you will write your first API with Django and you will master Django REST Framework, the most used library for creating REST APIs with this Framework.

We will analyze Django REST Framework's most important features such as the permission and authentication systems (using both session and token authentication!) so that you can create professional and reliable Web Apps in a short time for yourself, your company or your clients!

Moving on to the Front End, you will learn all the basics of Vue JS, that you can use to create reactive components for your projects and modern Single Page Applications from scratch.

As soon as you enroll you will get access to all the course's lessons in high definition and all the future updates to the course, and you will also be able to download all the slides and the source code.

You will also get access to the Q&A section, where you can ask questions about the topics of the course and exchange information with all the students who have already enrolled in the course.

What are you waiting for?

Requirements:

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

Who this course is for:
  • Anyone who wants to improve their skills and stay competitive in the Job Market
  • Anyone who wants to learn how to create Professional REST API and Single Page Applications
  • Django Web developers who want to learn how to use Django REST Framework
  • Web Developers who want to learn how to use Vue JS
  • Developers who want to create powerful REST backends with Django and frontends with Vue JS
  • Web developers who want to learn how to create powerful, fast and secure Single Page Applications with the latest and most modern technologies in Use Now

What you'll learn:

  • How to build Backend REST APIs with Python & Django
  • How to use Django REST Framework and Vue JS to create powerful Single Page Applications, similar to those used by Google, Instagram and Twitter
  • How to build professional Production-Ready REST APIs with Python, Django and Django REST Framework
  • How to secure the REST APIs you will create with both Token and Session Authentication
  • All the basics of Vue JS and Vue CLI for creating reactive Components and Single Page Applications
  • How to create Real-World Single Page Applications with Vue JS and Django

Watch Online

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

Watch Online The Complete Guide to Django REST Framework and Vue JS

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Vue 3, Nuxt.js and Laravel: A Practical Guide

Vue 3, Nuxt.js and Laravel: A Practical Guide

Sources: udemy
Learn how to create 3 different apps with Vue 3, Nuxt.js and Laravel. The first app will be an Admin app using Vue 3 Composition API The second app will be an I
10 hours 17 minutes 9 seconds
Mastering Nuxt 3

Mastering Nuxt 3

Sources: masteringnuxt.com, vueschool.io
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever
9 hours 56 minutes 5 seconds
The complete guide to Mastering Pinia (Complete)

The complete guide to Mastering Pinia (Complete)

Sources: vueschool.io, Eduardo San Martin Morote
Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
10 hours 18 minutes 32 seconds