Django with JavaScript and Ajax

Video description

Learn how to create improved Django web applications using JavaScript, Ajax, and Bootstrap 5 by taking this unique and complete course. In this course, we will create a nice-looking CRUD application, learning step by step how to implement the concepts mentioned above in order to bring user experience to the next level. After completion, you will have enough knowledge to create your own applications based on what you’ve learned or improve the existing ones.

This isn’t a course that will just teach you how to do certain things in your code, but rather, it will teach you how to think in a way to complete your own tasks, which later will bring you to accomplishing your personal goals. By the way, it’s worth mentioning that if you are thinking to learn and discover popular modern frameworks such as ReactJS, AngularJS, or Vue JS, it’s a good idea to learn the basic concepts behind using vanilla JavaScript and Ajax in your web applications.

By the end of the course, you will learn how to create beautiful apps combining JS with Python’s most famous web framework.

What You Will Learn

  • Learn how to add Dropzone JS to the project
  • Learn how to create a CRUD app using Django, JS, and Ajax
  • Learn how to manipulate DOM with vanilla JavaScript
  • Learn how to add Bootstrap 5 elements such as modals and carousels
  • Learn how to create custom decorators in Django
  • Learn how to add a spinner to the project


This course is mainly for beginners, for Python/Django students, and for anyone who wishes to learn Python and Django.

Basic knowledge of Python is a must, and a basic understanding of Django and JavaScript is recommended but not mandatory.

About The Author

Lukasz Makinia: Lukasz Makinia is a freelance web developer and a Lean Sigma Six Black Belt. From the beginning of his 8-year professional career, he’s related to the field of continuous improvement by providing IT and Lean Management solutions to medium and large companies. He also creates web applications mainly for data gathering and processing using Python/Django, JavaScript, React, and ML. In his free time, Luke writes articles for his blog—PyPlane.

He is associated with “Django Ninjas”—a web framework for building APIs with Django and Python 3.6+ type hints. They provide online educational courses mainly about Python/Django by the community of web developers across the globe. Their classes are project-based only, which means “teaching by doing”.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Introduction
    1. Introduction
    2. Visual Studio Code
  2. Chapter 2 : Basic Concepts
    1. How to Use Django
    2. Document Object Model
    3. Event Listeners
    4. Different ways of Ajax Calls
  3. Chapter 3 : CRUD App Project
    1. Creating virtualenv and Setting Up the Django Project
    2. Setting Up the Django Project - Continuation
    3. Creating the Models
    4. Creating post_save Signal for Profile Creation
    5. Adding First View and Template
    6. First DOM Manipulation
    7. First Ajax Call
    8. Getting Posts Objects with Ajax
    9. Adding the Spinner
    10. Creating Posts Cards
    11. Loading More Posts with a Button Click
    12. Like Button with Ajax - Part 1
    13. Like Button with Ajax - Part 2
    14. Adding the First Modal
    15. Adding a Form to the Modal
    16. Creating Posts with Ajax
    17. Resetting the Form after Adding New Posts
    18. Creating the Post Detail Page
    19. Working on the Post Detail Page - Part 1
    20. Working on the Post Detail Page - Part 2
    21. Adding favicon
    22. Working on the Post Detail Page - Part 3
    23. Working on the Post Detail Page - Part 4
    24. Adding Modals for Update and Delete Post
    25. Writing Update and Delete Views
    26. Update Post with Ajax
    27. Delete Post with Ajax + Working with Local Storage
    28. Creating the Photo Model + Adding First Photo Objects
    29. Adding Carousel to the Detail Page
    30. Adding Dropzone JS to the Project
    31. Creating the View for Image Uploading
    32. Working with Dropzone while Creating Posts
    33. Adding Limitations to the Dropzone
    34. Implementing Quick Improvements
    35. Creating the User Profile View
    36. My Profile View Registration + Adding the Template
    37. Working in the Profile Template
    38. Updating the Profile with Ajax
    39. Improving the Views - Part 1
    40. Improving the Views - Part 2
    41. Final Touches

Product information

  • Title: Django with JavaScript and Ajax
  • Author(s): Lukasz Makinia
  • Release date: May 2021
  • Publisher(s): Packt Publishing
  • ISBN: 9781801816199