Day-114 📘 Python Full Stack Journey – Django Templates, Loops & Navigation Today was a big step forward in my Django learning journey, where I explored dynamic templates, multiple pages, and reusable layouts. 🚀 🎯 What I learned today: 🔁 Django Template Loop Used {% for %} loop to iterate over data passed from views.py Displayed list values dynamically using {{ }} Learned the importance of closing loops with {% endfor %} to avoid errors 📄 Multiple HTML Pages Created multiple pages: Home, About, Contact Connected them through views and URLs Navigated between pages using different routes (/, /ab, /co) 🧩 Template Inheritance Created a base.html (parent template) Used {% extends %} and {% block %} to reuse layout across pages Avoided repeating common UI elements like header/footer 🧭 Navbar Creation Built a simple navigation bar using HTML & CSS Linked pages (Home, About, Contact) for smooth navigation Added hover effects for better UI experience This session really helped me understand how Django makes websites dynamic, reusable, and well-structured. Seeing multiple pages connected with a common layout felt like building a real web application! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #Backend #Frontend #CodingJourney #LearningToCode #Upskilling #TechSkills #ContinuousLearning
Django Templates, Loops & Navigation Mastery
More Relevant Posts
-
Day-115 📘 Python Full Stack Journey – Django URL Naming & Static Files Today I explored two important Django concepts that improve code organization and frontend integration — URL naming and static files management. 🚀 🎯 What I learned today: 🔗 URL Naming in Django Added name attributes in urls.py for each route Used {% url 'name' %} inside templates for navigation Example: <a href="{% url 'Home' %}">Home</a> 💡 This makes URLs dynamic and maintainable, avoiding hardcoded links. 📁 Static Files in Django Created a static folder to store: CSS JavaScript Images Organized structure: static/ ├── css/ ├── js/ └── images/ Configured static files in settings.py: import os STATIC_URL = 'static/' STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles') STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ] 💡 Learned how Django connects static assets with the project for styling and functionality. Understanding URL naming and static file handling made my Django project more structured, scalable, and production-ready. Excited to keep building more complete web applications! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #Backend #Frontend #StaticFiles #CodingJourney #LearningToCode #Upskilling #ContinuousLearning
To view or add a comment, sign in
-
-
Day-113 📘 Python Full Stack Journey – Django Templates & Dynamic Content Today I explored how Django connects backend data with frontend HTML, making web pages dynamic and interactive. 🚀 🎯 What I learned today: 🌐 HTML Page Integration in Django Created an HTML page (home.html) inside the templates folder Used the render() function in views.py to return HTML pages Mapped the view to a URL in urls.py Successfully displayed content on the browser using Django routing 🔄 Passing Data to Templates Learned how to send data from views → templates using a dictionary Used Django variables ({{ }}) to display dynamic data in HTML Example: <p>Name: {{name}}</p> <p>Age: {{age}}</p> ⚙️ Django Template Tags Used template tags ({% %}) to add logic inside HTML Implemented conditions like: if, else, endif Example: {% if age >= 18 %} <p>Eligible for voting</p> {% else %} <p>Not eligible</p> {% endif %} 💡 Also learned that spacing and syntax matter a lot in Django templates! This session made it clear how Django bridges backend logic with frontend display, turning static pages into dynamic web applications. Excited to keep building more interactive Django projects! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #Backend #Frontend #CodingJourney #LearningToCode #Upskilling #TechSkills #ContinuousLearning
To view or add a comment, sign in
-
-
I'm happy to share my Django project! I recently delved into Python Django and created a Course Management System from scratch, which was a small but significant milestone in my web development career. Project Overview: A web application to manage Students, Courses & Enrollments with Create & Read operations using Django ORM and HTML forms. 📚 Key things I learned: ✅ Django ORM — create(), all(), get(), filter() with lookups like fee__gt ✅ Handling POST requests from HTML forms ✅ Template Inheritance for clean, reusable UI ✅ URL routing with dynamic parameters ✅ Django Admin Panel configuration ✅ Working with SQLite as a local database ✅ Deploying a Django app on Render 💡 Biggest takeaway: Django's ORM is incredibly powerful — you can interact with databases using pure Python, no raw SQL needed. 🌐 Live Demo: https://lnkd.in/gSWEX6C3 🔗 GitHub: https://lnkd.in/grSu_zZz #Django #Python #WebDevelopment #OpenSource #LearningInPublic
To view or add a comment, sign in
-
-
Day-123 📘 Python Full Stack Journey – Django CRUD (Create Operation) Today I started implementing CRUD operations in Django, beginning with the Create functionality by building an Employee Registration Form. 🚀 🎯 What I learned today: 🗄️ Model Creation Created an Employee model to store user data: Full Name Employee ID Phone Number Email ID 🌐 Form Creation (Manual HTML Form) Built a registration form using HTML Used: method="post" {% csrf_token %} for security Input validation with required attributes ⚙️ Handling Form Data in Views Captured user input using request.POST Created an object and saved data into the database: ob = Employee() ob.fullname = username ob.emp_id = empid ob.ph_no = phno ob.email_id = emailid ob.save() 🔗 Routing & Navigation Connected form via URL routing Added navigation link in base.html This session helped me understand how Django handles data creation from user input, a key part of real-world applications. Looking forward to implementing the remaining CRUD operations — Read, Update, and Delete! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #CRUD #BackendDevelopment #CodingJourney #LearningToCode #Upskilling #ContinuousLearning
To view or add a comment, sign in
-
-
Built a backend without writing frontend That’s the power of Django Admin Panel 👇 Just by registering a model, Django gives you: ✔️ Full admin dashboard ✔️ Add / Update / Delete data ✔️ Search & filter options 🔐 Superuser Setup: Created admin access using: 👉 python manage.py createsuperuser 👉 Logged in with admin credentials to manage all data 💡 No HTML, no CSS, no JS — still a complete admin system! 📌 What I learned: Django isn’t just a framework, it’s a productivity machine ⚡ This feature alone can save hours of development time. Next: Customizing Django Admin for better control 🔥 #Django #Python #WebDevelopment #Backend #Productivity #AdminPanel
To view or add a comment, sign in
-
-
Day 118-119 📘 Python Full Stack Journey – Django Models, Relationships & Media Handling Today I explored some advanced and exciting concepts in Django, moving closer to building real-world dynamic applications. 🚀 🎯 What I learned today: 🗄️ Multiple Models & Relationships Created a new Teacher model and linked it with Course using ForeignKey Understood how one-to-many relationships work in Django Used on_delete=models.CASCADE to automatically remove related data 💡 Learned how deleting a course also removes associated teachers — maintaining database integrity 🧩 Model Enhancements Used __str__() method to display meaningful names in Django Admin instead of default object names 🖼️ Image Handling in Django Used ImageField to upload images Installed Pillow for image processing Configured MEDIA_ROOT and MEDIA_URL to serve uploaded files Displayed images dynamically in templates 🌐 Dynamic Data Rendering Retrieved data using: Teacher.objects.all() Displayed data in templates using Django loops and variables Built a Teachers page showing: Name Course Image 📩 Forms & Models Created a Contact model for user data Introduced Django ModelForms to handle user input efficiently This session helped me understand how Django connects models, relationships, media files, and forms to build fully functional applications. Every step feels closer to building production-level web apps! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #Backend #Database #CodingJourney #LearningToCode #Upskilling #TechSkills #ContinuousLearning
To view or add a comment, sign in
-
-
Day-122 📘 Python Full Stack Journey – Django Admin Customization & Form Feedback Today I explored how to enhance data presentation in Django Admin and improve user experience after form submission. 🚀 🎯 What I learned today: 📊 Admin Panel – Data Table View Customized Django Admin using ModelAdmin Displayed specific fields in a table format using: class ContactAdmin(admin.ModelAdmin): list_display = ('user_name', 'email_id', 'phone_number') This made the admin panel more structured and easier to manage data 💬 Popup / Response Page After Form Submission Created a popup (response) page to show feedback after form submission Updated views.py to: Validate and save form data Redirect or render a success page after submission if form.is_valid(): form.save() return render(request, 'popup.html') 💡 This improves user experience by confirming that the form was successfully submitted. This session helped me understand how to make applications more user-friendly and organized, both on the admin side and user-facing side. Step by step, building more complete Django applications! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #Backend #AdminPanel #Forms #UIUX #CodingJourney #LearningToCode #Upskilling #ContinuousLearning
To view or add a comment, sign in
-
-
🚀 Strengthening My Django Backend Fundamentals Recently, I’ve been sharpening my understanding of Django by diving deeper into one of its core capabilities — seamlessly rendering data from the database into templates. Through consistent hands-on practice, I’ve developed a solid grasp of how Django connects the backend to the frontend using views, context, and template rendering. This has significantly improved my ability to build dynamic, data-driven web applications with clean separation of concerns. I’m currently focusing on reinforcing these concepts by applying them in real scenarios, ensuring that my foundation is not just theoretical but production-ready. 📌 Key takeaway: Mastering the flow of data from database → view → template is crucial for building scalable Django applications. Looking forward to building more robust projects and exploring advanced Django patterns. #Django #WebDevelopment #Python #BackendDevelopment #LearningByDoing
To view or add a comment, sign in
-
-
Day-129 📘 Python Full Stack Journey – Django Messages & Authentication Flow 🔐 Today I enhanced my Django application by implementing user feedback messages and complete authentication flow (Login & Logout). 🚀 🎯 What I learned today: 💬 Django Messages Framework Displayed success messages after signup using: messages.success(request, f'Account created for {username}!') Rendered messages in HTML using: {% if messages %} {% for message in messages %} <p style="color: green;">{{ message }}</p> {% endfor %} {% endif %} 💡 This improves user experience by giving instant feedback. 🔐 Login Using AuthenticationForm Used Django’s built-in AuthenticationForm Accessed form fields directly in template: {{ form.username }} {{ form.password }} Validated and authenticated users securely 🚪 Logout Functionality Implemented logout using: from django.contrib.auth import logout def logout_view(request): logout(request) return redirect('Login') Added logout route and link in UI ⚙️ Key Takeaways Improved user interaction with messages Built a complete authentication cycle (Signup → Login → Logout) Learned how Django handles sessions and user state This session made my application more user-friendly, secure, and complete. Excited to keep improving with protected routes and user-specific data next! 💻✨ #Django #Python #FullStackDevelopment #WebDevelopment #Authentication #Login #Logout #UserExperience #CodingJourney #LearningToCode #Upskilling #ContinuousLearning
To view or add a comment, sign in
-
-
Currently Learning & Building with Django REST Framework I am currently working on building REST APIs using Django REST Framework as part of my learning journey in backend development. How API works with Django: • Client (browser/mobile) sends a request • API acts as a middle layer and forwards the request • Django backend processes the request using models • Data is fetched from the database • API converts the data into JSON format • JSON response is sent back to the client This helped me understand how APIs act as a bridge between frontend and backend in real-world applications. Sharing a simple visual (3D diagram) to explain the API flow in Django. #Django #RESTAPI #Python #BackendDevelopment #LearningJourney #WebDevelopment
To view or add a comment, sign in
-
Explore related topics
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development