Django with JavaScript and Ajax

Video description

Enter the world of Django with JavaScript and Ajax

About This Video

  • Learn all the essential concepts of Django
  • Learn the first DOM manipulation and first Ajax call
  • Understand the CRUD app and learn to create posts with Ajax

In Detail

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.

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