Building Angular and Django Apps

Course details

Put your Angular and Django REST knowledge to the test. In this course, join Rudolf Olah as he delves into the intricacies of pairing the two frameworks to build dynamic web applications. Throughout the course, Rudolf demonstrates how to wire together the two frameworks, add pagination, secure, and test your applications. Discover how to prepare your Angular code for production, communicate between the front-end and back-end servers using the built-in Angular HttpClient, and use the Angular Material UI component framework to display pop-up dialog boxes and data in tables. Plus, learn how to set up authentication with the Django OAuth Toolkit, implement filtering with Django and Angular, and use unit and end-to-end testing to ensure that your app is ready for production.

Learning objectives
Serving Angular code through Django static files
Creating forms with Angular and Django
Setting up authentication
Filtering with Django and Angular
Pagination with Django and Angular
Unit testing authentication

Concepts

0. Introduction

01 - Create a full-stack Angular app with the Django REST framework
02 - What you should know
03 - Demo project overview

1. Django and Angular Preparation

04 - Running the Angular and Django development servers
05 - Compiling Angular Code
06 - Serving Angular Code Through Django static files

2. Forms with Angular and Django

07 - Creating models with the Django REST framework
08 - Creating a ViewSet with Django
09 - Creating a REST API service with Angular
10 - Creating a basic form as an Angular component
11 - Connecting an Angular component to a service

3. Front-End Design and Layout with Angular

12 - Form layout with Angular Material
13 - Date time selection with a Calendar in Angular
14 - Displaying a data table with Angular Material table
15 - Displaying a pop-up dialog box with Angular
16 - Displaying more information with Angular

4. Authentication with Django and Angular

17 - Setting up Authentication with Django OAuth Toolkit
18 - Using scopes with Django OAuth Toolkit for permissions
19 - Registering a new OAuth application with Django OAuth Toolkit
20 - Logging in and authentication with Angular and HttpClient
21 - Using OAuth headers with Angular and HttpClient
22 - Authentication storage with Angular

5. Filtering and Pagination with Django and Angular

23 - Checking permissions with Django
24 - Deleting an item using Angular and Django
25 - Partially updating an item using Angular
26 - Pagination with Django
27 - Pagination with Angular
28 - Filtering with Django
29 - Filtering with Angular
30 - Animations in Angular

6. Testing Angular

31 - Unit testing a component
32 - Unit testing a service
33 - Unit testing a controller
34 - End-to-end testing the form submission process
35 - End-to-end testing the filtered data table

7. Testing Django

36 - Unit testing authentication
37 - Unit testing permission checks
38 - Unit testing validation for the REST API

Conclusion

39 - Next steps