Django with JavaScript and Ajax

Table of Contents

Chapter 1 : Introduction

Introduction

Visual Studio Code

Chapter 2 : Basic Concepts

How to Use Django

Document Object Model

Event Listeners

Different ways of Ajax Calls

Chapter 3 : CRUD App Project

Creating virtualenv and Setting Up the Django Project

Setting Up the Django Project - Continuation

Creating the Models

Creating post_save Signal for Profile Creation

Adding First View and Template

First DOM Manipulation

First Ajax Call

Getting Posts Objects with Ajax

Adding the Spinner

Creating Posts Cards

Loading More Posts with a Button Click

Like Button with Ajax - Part 1

Like Button with Ajax - Part 2

Adding the First Modal

Adding a Form to the Modal

Creating Posts with Ajax

Resetting the Form after Adding New Posts

Creating the Post Detail Page

Working on the Post Detail Page - Part 1

Working on the Post Detail Page - Part 2

Adding favicon

Working on the Post Detail Page - Part 3

Working on the Post Detail Page - Part 4

Adding Modals for Update and Delete Post

Writing Update and Delete Views

Update Post with Ajax

Delete Post with Ajax + Working with Local Storage

Creating the Photo Model + Adding First Photo Objects

Adding Carousel to the Detail Page

Adding Dropzone JS to the Project

Creating the View for Image Uploading

Working with Dropzone while Creating Posts

Adding Limitations to the Dropzone

Implementing Quick Improvements

Creating the User Profile View

My Profile View Registration + Adding the Template

Working in the Profile Template

Updating the Profile with Ajax

Improving the Views - Part 1

Improving the Views - Part 2

Final Touches