![Django with Tailwind CSS [Video]](https://content.packt.com/V21856/cover_image_small.jpg)
Django with Tailwind CSS [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$69.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$69.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction
-
Defining the Models
- Start a New Project
- Create First App and Model for Authors
- Create Apps for: Publishers, Books, Customers, and Rentals
- Create the Publisher Model
- Create the Book Model + Override the Save Method to Generate the Slug
- Generating Book ID with UUID
- Add ImageField to the Book Class + Configure Media Files
- Create QR Code for the Book
- Create the Customer Model
- Create the Rental Model
- Improvements to the Book Model
-
Introduction to Django MVT Architecture
-
Exporting Data from the Admin
-
First Steps with Tailwind and Django CBV on the Book App
- Introduction to Tailwind CSS
- Add Tailwind CSS to a Django Project
- Add Custom Color
- Light / Dark Mode
- Style Button
- Add Navbar and Sidebar
- Transforming the Book Title List to Class View
- Overriding get_queryset Method
- Create First Django Form
- Form Methods
- Form Validation
- Styling Options for the Forms
- Styling the Book Title Form
- Django Messages
- Reusable Components - Alert
- Reusable Components - Header
- Get Context Data Method
- Adding Extra Parameter to the Book Title List View
- Configuring Static Files (Add JavaScript)
- Add a Button to the Header
- Place Form in a Model
- Adding js to the Model + Fixing the Form
- Book List View
- Adding Pagination
- Transforming to Book Title Detail View
- Add a Header to the Book Title Detail Page + Back Button
- Add Table to Display Books
- Book Detail Page (Get Absolute URL)
- Book Delete Page
- Add Confirmation of Delete
- Reusable Components - Buttons
- Checking Whether the Book Is Available
- Display the Status of the Book
- Book Detail Page
- Adding Copy to Clipboard
-
Working on the Rentals App
- Add Rentals Section + Create First View and Template
- Highlight the Current Section in the Sidebar
- Add Search Functionality by the Book ID - Form and View
- Add Search Functionality by the Book ID - Template and JavaScript
- Redirect to Rentals List
- Display the History of Rentals
- Writing Custom Template Filter to Retrieve Status Information
- Introduction to Book Model Modification
- Change pk to UUID
- Change ISBN as Hashed Book Title and Publisher (sha 256)
- Automation - Run Migrations
- Automation - Reset Data
- Modification: Display the Book ID and ISBN
- Search by Book ID or ISBN
- Last Touches to Book Detail Page
- Working on Update Rental Status
- Add Small Improvements
- Add New Rental
- Add Header to the New Rental Page
- Download Rentals Data from View - Part 1
- Download Rentals Data from View (And Admin) - Part 2
-
Styling the Navbar
-
Dashboard and Authentication (Including OTP)
- Create the Dashboard Page
- Add Ajax
- Aggregate Versus Annotate
- Prepare Chart Data - Part 1
- Prepare Chart Data - Part 2
- Add Chart js
- Adding Forms for Logging In
- Add Login View
- Add Login Template
- Create Send OTP Function
- Create OTP View
- OTP Template and Test Run
- Add Logout
- Adding Mixins and Decorators for Login
- Display Contents Depending on If User Is Authenticated
- Chart Data Only for Ajax Requests
- Fix Change Theme After Login
- Put Charts into Cards and Set the Dashboard Header
- Add About Page + Highlighting for About and Dashboard Section
- Add Logo
- Add Missing Titles to Templates
-
Bonuses
About this video
Django and Tailwind CSS, the dynamic duo of web development, come together in this course. In this immersive learning experience, we blend the power of Django’s robust back-end capabilities with the modern design approach of Tailwind CSS.
We will be starting with the fundamentals of Python and Django. We will learn how to export data seamlessly from Django admin and views in various formats such as XLS, CSV, and JSON. Then, we will discover the art of enhancing user experience with features such as copying data to the clipboard and generating QR codes for book rentals. Followed by which, we will take a deep dive into automation by writing Linux scripts and creating custom management commands to generate dummy data. Uncover the secrets of building elegant user interfaces with Tailwind CSS, including implementing light/dark mode, and crafting reusable components.
A special focus of this course is advanced authentication methods. We will explore the intricacies of adding an extra layer of security through One-Time Passwords (OTP), ensuring a robust authentication system for our applications. Delve into the nuances of Django’s function views versus class-based views, empowering you to choose the right approach for every scenario.
By the end of this course, we will be equipped with a robust skill set, ready to create professional web applications independently.
- Publication date:
- October 2023
- Publisher
- Packt
- Duration
- 12 hours 38 minutes
- ISBN
- 9781835461921