Django with Tailwind CSS
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Django with Tailwind CSS
Included with
Ask Coursera
Recommended experience
Recommended experience
What you'll learn
Create dynamic, user-friendly dashboards using Django and Tailwind CSS.
Master Chart.js to produce interactive and visually compelling data visuals.
Apply Tailwind CSS to design professional, responsive user interfaces.
Analyze different data export formats, aggregation methods, and AJAX techniques.
Skills you'll gain
Details to know
See how employees at top companies are mastering in-demand skills
There are 9 modules in this course
Updated in May 2025.
This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Embark on a comprehensive journey through Django and Tailwind CSS, designed to empower ambitious beginners with the skills needed for modern web development. Starting with an overview of essential topics, you'll set up your development environment using Visual Studio Code and key extensions. The course progresses through defining models for authors, publishers, books, customers, and rentals, incorporating advanced features like unique IDs and QR codes. As you delve deeper, you'll master the Django Model-View-Template (MVT) architecture, learning to create dynamic views and templates, implement template inheritance, and manage data with querysets and reverse relationships. The course emphasizes code organization, ensuring a clean and efficient codebase. You'll also explore exporting data from Django administration, enhancing your ability to manage and utilize data effectively. The integration of Tailwind CSS adds a modern, responsive design to your Django applications. You'll learn to style buttons, implement light and dark modes, and create reusable components for alerts and headers. The course also covers advanced topics like AJAX integration, chart data preparation, and user authentication with OTP. By the end, you'll be proficient in deploying a fully functional web application with Django and Tailwind CSS, equipped with dashboards, dynamic views, and robust user authentication.
In this module, we will introduce the core components and setup required for the 'Django with Tailwind CSS' course. You will gain a clear understanding of the course structure and set up your development environment with Visual Studio Code and necessary extensions.
What's included
2 videos1 reading
2 videos•Total 5 minutes
- Course Overview•4 minutes
- Code Editor + Extensions•1 minute
1 reading•Total 10 minutes
- Full Course Resources•10 minutes
In this module, we will dive into the foundational elements of Django development by creating and configuring various models. You will learn to set up your project, create apps, and define database models, preparing you to build robust Django applications.
What's included
11 videos
11 videos•Total 81 minutes
- Start a New Project•4 minutes
- Create First App and Model for Authors•10 minutes
- Create Apps for: Publishers, Books, Customers, and Rentals•2 minutes
- Create the Publisher Model•9 minutes
- Create the Book Model + Override the Save Method to Generate the Slug•10 minutes
- Generating Book ID with UUID•4 minutes
- Add ImageField to the Book Class + Configure Media Files•10 minutes
- Create QR Code for the Book•7 minutes
- Create the Customer Model•11 minutes
- Create the Rental Model•12 minutes
- Improvements to the Book Model•4 minutes
In this module, we will explore Django's MVT architecture, focusing on how models, views, and templates work together. You will create your first views and templates, and leverage template inheritance for efficient web application development.
What's included
10 videos1 assignment
10 videos•Total 59 minutes
- Introduction to MVT•5 minutes
- Writing Our First View•3 minutes
- View with the Template•5 minutes
- Template Inheritance•3 minutes
- Working with querysets•8 minutes
- Reverse Relationships•6 minutes
- Defining Methods in Models•5 minutes
- Better Code Organization•5 minutes
- App Views and URLs•12 minutes
- Navigating Between Views•8 minutes
1 assignment•Total 15 minutes
- Assessment 1•15 minutes
In this module, we will focus on data export functionalities within Django’s admin interface. You will learn to generate dummy data, export data in different formats, and customize the admin interface to enhance usability and functionality.
What's included
6 videos
6 videos•Total 50 minutes
- Dummy Data Generation with Custom Management Commands•16 minutes
- Exporting the Publisher Data•9 minutes
- Exporting Customers Data•10 minutes
- Exporting Books Data•12 minutes
- Improving the Book Exports•2 minutes
- Adjust Admin Header and Title•1 minute
In this module, we will integrate Tailwind CSS into our Django project and start using class-based views (CBV). You will learn to style various components and transition your views to CBV for a cleaner and more scalable codebase.
What's included
35 videos
35 videos•Total 250 minutes
- Introduction to Tailwind CSS•20 minutes
- Add Tailwind CSS to a Django Project•12 minutes
- Add Custom Color•2 minutes
- Light / Dark Mode•10 minutes
- Style Button•7 minutes
- Add Navbar and Sidebar•6 minutes
- Transforming the Book Title List to Class View•8 minutes
- Overriding get_queryset Method•4 minutes
- Create First Django Form•8 minutes
- Form Methods•5 minutes
- Form Validation•8 minutes
- Styling Options for the Forms•8 minutes
- Styling the Book Title Form•8 minutes
- Django Messages•8 minutes
- Reusable Components - Alert•8 minutes
- Reusable Components - Header•6 minutes
- Get Context Data Method•5 minutes
- Adding Extra Parameter to the Book Title List View•10 minutes
- Configuring Static Files (Add JavaScript)•7 minutes
- Add a Button to the Header•5 minutes
- Place Form in a Model•2 minutes
- Adding js to the Model + Fixing the Form•10 minutes
- Book List View•10 minutes
- Adding Pagination•2 minutes
- Transforming to Book Title Detail View•3 minutes
- Add a Header to the Book Title Detail Page + Back Button•6 minutes
- Add Table to Display Books•5 minutes
- Book Detail Page (Get Absolute URL)•10 minutes
- Book Delete Page•12 minutes
- Add Confirmation of Delete•2 minutes
- Reusable Components - Buttons•7 minutes
- Checking Whether the Book Is Available•5 minutes
- Display the Status of the Book•3 minutes
- Book Detail Page•11 minutes
- Adding Copy to Clipboard•5 minutes
In this module, we will build the rentals section of our application. You will learn to create views and templates for managing rentals, implement search functionality, and automate various database operations.
What's included
21 videos1 assignment
21 videos•Total 159 minutes
- Add Rentals Section + Create First View and Template•6 minutes
- Highlight the Current Section in the Sidebar•5 minutes
- Add Search Functionality by the Book ID - Form and View•5 minutes
- Add Search Functionality by the Book ID - Template and JavaScript•12 minutes
- Redirect to Rentals List•5 minutes
- Display the History of Rentals•13 minutes
- Writing Custom Template Filter to Retrieve Status Information•7 minutes
- Introduction to Book Model Modification•1 minute
- Change pk to UUID•3 minutes
- Change ISBN as Hashed Book Title and Publisher (sha 256)•5 minutes
- Automation - Run Migrations•4 minutes
- Automation - Reset Data•6 minutes
- Modification: Display the Book ID and ISBN•10 minutes
- Search by Book ID or ISBN•6 minutes
- Last Touches to Book Detail Page•10 minutes
- Working on Update Rental Status•12 minutes
- Add Small Improvements•3 minutes
- Add New Rental•15 minutes
- Add Header to the New Rental Page•2 minutes
- Download Rentals Data from View - Part 1•9 minutes
- Download Rentals Data from View (And Admin) - Part 2•20 minutes
1 assignment•Total 15 minutes
- Assessment 2•15 minutes
In this module, we will focus on enhancing the navigation bar by adding dynamic avatars, dropdown menus, and interactive elements. You will learn to create a personalized and interactive user interface, improving the overall user experience.
What's included
3 videos
3 videos•Total 19 minutes
- Adding Jdenticon to the Navbar•3 minutes
- Create the Dropdown Menu•9 minutes
- Adding JS to the Navbar to Make It More Interactive•7 minutes
In this module, we will build a comprehensive dashboard and implement secure user authentication, including OTP. You will learn to create dynamic charts, handle user login and OTP verification, and enhance security measures for your application.
What's included
21 videos
21 videos•Total 123 minutes
- Create the Dashboard Page•7 minutes
- Add Ajax•6 minutes
- Aggregate Versus Annotate•6 minutes
- Prepare Chart Data - Part 1•10 minutes
- Prepare Chart Data - Part 2•10 minutes
- Add Chart js•16 minutes
- Adding Forms for Logging In•3 minutes
- Add Login View•6 minutes
- Add Login Template•6 minutes
- Create Send OTP Function•6 minutes
- Create OTP View•13 minutes
- OTP Template and Test Run•4 minutes
- Add Logout•3 minutes
- Adding Mixins and Decorators for Login•7 minutes
- Display Contents Depending on If User Is Authenticated•3 minutes
- Chart Data Only for Ajax Requests•2 minutes
- Fix Change Theme After Login•2 minutes
- Put Charts into Cards and Set the Dashboard Header•2 minutes
- Add About Page + Highlighting for About and Dashboard Section•6 minutes
- Add Logo•2 minutes
- Add Missing Titles to Templates•3 minutes
In this module, we will explore advanced customization of Django's authentication system, focusing on switching from username to email-based authentication. You will learn to modify user models, adjust views and forms, and test the new authentication setup.
What's included
1 video3 assignments
1 video•Total 11 minutes
- Switching Username to Email in Django Authentication•11 minutes
3 assignments•Total 90 minutes
- Assessment 3•15 minutes
- Full Course Assessment•60 minutes
- Full Course Practice Assessment•15 minutes
Instructor
Explore more from Mobile and Web Development
- Status: Free Trial
Course
- Status: Free TrialS
Scrimba
Course
Why people choose Coursera for their career
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
More questions
Financial aid available,