📅 Duration: 4 Weeks (Twice a Week) 🖥 Format: Online Live Sessions + Hands-on Assignments
📌 Session 1:
Introduction to Django for Front-End Development
Setting Up a Django Project
Understanding Django’s File Structure
Introduction to Django Templates
Rendering Static HTML Pages
📌 Session 2:
Working with Django Static Files (CSS, JS, Images)
Setting Up Bootstrap in Django
Creating a Basic Navigation Bar
Mini Project: Designing a Simple Homepage
📌 Session 3:
Understanding Django Template Language (DTL)
Using Variables, Filters, and Tags in Templates
Template Inheritance for Layout Consistency
Creating a Base Template
📌 Session 4:
Handling Dynamic Data with Django Context
Integrating Django with JavaScript for Basic Interactivity
Building a Dynamic Contact Page with a Django Form
Mini Project: Creating a Blog Post List Page
📌 Session 5:
Introduction to Django and APIs
Fetching Data with Django Views & JSON Responses
Consuming External APIs with JavaScript (Fetch API/Axios)
Adding AJAX for Asynchronous Content Loading
📌 Session 6:
Enhancing UI with JavaScript and Bootstrap
Using Django Messages for Notifications
Implementing a Basic Search Feature
Mini Project: Searchable Blog or Product Listing
📌 Session 7:
Advanced CSS Styling with Bootstrap & Custom CSS
Integrating Front-End Frameworks (Optional: Alpine.js or Vue.js)
Optimizing Front-End Performance in Django
📌 Session 8:
Deploying a Django App (Render/Heroku)
Final Project Presentation & Review
Next Steps for Advanced Django Development