Practice Application Development With React And Django

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Course Outline

Lecture 3: Who Is Your Instructor

Lecture 4: Course Requirements

Lecture 5: Frontend Design Considerations

Lecture 6: Final Design

Lecture 7: The Source Code

Chapter 2: Section 2 – Setup The Environment

Lecture 1: Sign Up For An Azure Account

Lecture 2: Install Azure CLI

Lecture 3: Setup Azure Devops

Lecture 4: Installing Powershell 7

Lecture 5: Install Docker Desktop

Lecture 6: Install Node.js

Lecture 7: Install PGAdmin 4

Lecture 8: Install Postman

Lecture 9: Install Python

Lecture 10: Install Helm

Lecture 11: Install Kubectl

Chapter 3: Start The Frontend Project

Lecture 1: Create The React Project

Lecture 2: Start test driven design with Test Library And Jest

Lecture 3: A Simple Test

Lecture 4: Add React Routing

Lecture 5: Adding More Tests In The Happy Path

Lecture 6: Update The Style Of The Website

Lecture 7: Create The Login Page

Chapter 4: Create The Frontend Registration Page

Lecture 1: Disable The Login Button And Tests For The Registration Page

Lecture 2: Coding The Registration Page

Lecture 3: Enable The Register Button

Lecture 4: Test For Password Complexity When Registering

Lecture 5: Code To Test For Password Complexity

Lecture 6: Test To Make Sure The Button State Is Always Correct

Lecture 7: Test To Check Email Format

Lecture 8: User Verification Email Sent

Lecture 9: Setup Mock Service Worker

Lecture 10: Never Code Constants

Lecture 11: Check For Loading Message

Lecture 12: The Verification Page

Lecture 13: The completed verification Page

Chapter 5: Frontend Login Page

Lecture 1: Login Page Test

Lecture 2: Passing Login Test

Lecture 3: Testing Login Errors

Lecture 4: Login Page Shows Loading

Lecture 5: Store Access Tokens in Local Storage

Lecture 6: Read Access Tokens From Local Storage

Lecture 7: Logout

Chapter 6: Frontend User Profile Page

Lecture 1: Set Access Token In Test Local Storage

Lecture 2: Test Front End User Profile Page Shows User Info

Lecture 3: Send Unauthenticated Users To Login

Lecture 4: Test Front End User Profile Page Can Update

Lecture 5: Finish Coding Front End User Profile Page Can Update

Lecture 6: Update Profile Shows Errors

Lecture 7: Profile Page Shows Loading When Updating

Lecture 8: Profile Page Updates Password

Lecture 9: Add Test For Password Complexity To Profile Update Page

Chapter 7: Frontend Forgot Password Page

Lecture 1: Frontend Forgot Password Page Prevents Blank Emails

Lecture 2: Test The Front End Forgot Password Page Sends To Backend

Lecture 3: Front End Forgot Password Page Sends To Backend

Lecture 4: Front End Forgot Password Page Shows Error

Lecture 5: Forgot Password Page Display Loading

Lecture 6: Forgot Password Page Checks Email Format

Lecture 7: Reset password page displays as expected

Lecture 8: Reset password page sends request to backend

Lecture 9: Reset password page shows error message

Lecture 10: Reset Password Page Shows Loading

Lecture 11: Reset Password Page To Test Password For Complexity

Lecture 12: Review The Frontend

Chapter 8: The RESTful Backend API with Django

Lecture 1: Start The Backend Project

Lecture 2: Creating The Django Application

Lecture 3: Create Tests For Custom Django User Model

Lecture 4: Update Django User Model

Lecture 5: Update The Django Admin Forms For Custom User Model

Lecture 6: Tests For The User Registration Endpoint

Lecture 7: Code The User Registration Endpoint

Lecture 8: User Registration Handles Existing Email

Lecture 9: Email Verification Workflow

Lecture 10: Updating Django Settings For Email

Lecture 11: Get Django Settings From Environment Variables

Lecture 12: Use Postman To Test The Registration Endpoint

Lecture 13: Email Verification Secret

Lecture 14: User Verification Backend Endpoint

Lecture 15: Test And Code The User Access Token

Lecture 16: Test Access Token Lifetimes

Lecture 17: User Profile Endpoint

Lecture 18: Code Backend To Change User Profile

Lecture 19: User Profile Update Returns New Access Token and Refresh Token

Lecture 20: User Profile Update Only Works With Put

Lecture 21: Basic Tests And Code For The Forgot Password Endpoint

Lecture 22: Valid Email Sends A Password Reset Email

Lecture 23: Fix Forgot Password URL

Lecture 24: Password Reset Endpoint Returns 400 With Bad Secret

Lecture 25: Password Reset Backend Returns 200 With Good Secret

Lecture 26: Password Reset Backend Fails With Good Secret And No Password