Today I learned about static files in Django. In a Django project, the static folder is used to store files like CSS, JavaScript, and images that help with the design and functionality of the website. To use static files, we need to configure them in the settings.py file: STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ] After setting this up, we can easily load CSS, JS, and images in our templates. Slowly building my understanding of Django step by step. #Django #Python #WebDevelopment #Fullstackdeveloper
Django Static Files Configuration
More Relevant Posts
-
🚀 Currently building a To-Do App using Django! Here’s what I’ve implemented so far: ✅ Created a Task model in Django ✅ Built the frontend using HTML, CSS, and Bootstrap ✅ Displaying all tasks on the dashboard ✅ Added a Completed Tasks section Next step: 1.Implementing the Add Task feature from the input field in the nex few days. 2. Implemente“Mark as Done” to move tasks to completed tasks section Still improving the project as I continue learning Django. 🔗 GitHub: https://lnkd.in/dJypyWh3 #Django #Python #WebDevelopment #BackendDevelopment #LearningInPublic
To view or add a comment, sign in
-
-
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
To view or add a comment, sign in
-
-
Excited to share a web based project — PocketLab 🧪 A Django-based web application designed to help users log, manage, and review scientific experiments efficiently. Key Features: • Full CRUD functionality • Responsive modern UI • Experiment detail tracking • Form validation and progress indicators • Clean and organized dashboard layout Built With: Python | Django | HTML | CSS | JavaScript This project helped me strengthen my understanding of Django CRUD operations, template inheritance, static files management, and frontend UI design. #Django #Python #WebDevelopment #SoftwareDevelopment #PortfolioProject #FullStackDevelopment #Programming
To view or add a comment, sign in
-
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
-
-
Built a small full-stack project today using React + FastAPI to create a visual pipeline editor with DAG validation. One thing that made the architecture cleaner was creating a reusable BaseNode component for all node types. Curious to know from other developers: When building complex UIs, do you prefer abstraction early or after repetition appears? Would love to hear how other developers approach this. #ReactJS #FastAPI #JavaScript #Python #FullStackDevelopment #SoftwareEngineering #FrontendDevelopment #BackendDevelopment #WebDevelopment #LearningInPublic
To view or add a comment, sign in
-
Think coding is complicated? Think again. Here are 3 simple snippets to make your projects easier: 1️⃣ WordPress: Add a custom greeting 2️⃣ JavaScript: Toggle a menu with one click 3️⃣ Python: Read & print a file Coding doesn’t have to be a headache. What snippet do you want to try first? 👨💻✨ #coding #programming #wordpress #javascript #python #techmadeeasy #savvymatthew #TechTalk, #SavvyMatthew, #ExploreWithMatthew, #DigitalAdventures, #ModernTechLife, #CreativeJourneys, #TravelAndTech, #MotoVibes, #SmartLiving, #SavvyStories
To view or add a comment, sign in
-
-
Official SDKs for JavaScript and Python 🚀 Building on SchedulifyX just got easier. Our SDKs wrap the entire REST API with: 🟡 JavaScript/TypeScript SDK Full TypeScript types and autocomplete Async/await patterns npm install @schedulifyx/sdk 🐍 Python SDK Type hints throughout Async support pip install schedulifyx Both SDKs include built-in auth, error handling, pagination helpers, and retry logic. Whether you're building a custom CMS integration, automated reporting, or a white-label dashboard — ship it in hours, not days. → schedulifyx.com #SchedulifyX #SDK #JavaScript #Python #DevTools #API #SocialMediaAutomation
To view or add a comment, sign in
-
-
JavaScript is dominating… but no one talks about how hard it actually is. Yesterday I ran a poll asking developers which programming languages they use the most. The result was interesting. About 75% chose JavaScript and TypeScript, while Python and Rust had around 13% each. Not really surprising… but still worth thinking about. I personally use JavaScript and TypeScript a lot, and I also write Python. Each one has its own strengths, but JavaScript really stands out because of how broad it is. Frontend, backend, APIs, scripting… it’s everywhere. At the same time, JavaScript is not the easiest language to fully grasp. It can be unpredictable, and it definitely humbles you as you go deeper. But maybe that’s part of why it’s so powerful. Curious to hear from others, what language do you enjoy working with the most right now? #JavaScript #TypeScript #Python #Backend #WebDevelopment #Programming #DevCommunity #BuildInPublic
To view or add a comment, sign in
-
-
Prototypes in JavaScript (The Secret Behind Everything) JavaScript doesn’t use classical inheritance like Java or C++ 👉 It uses Prototypal Inheritance --- 💡 Every object in JS has a hidden link: "[[Prototype]]" --- ⚡ Example: const animal = { speak() { console.log("Animal speaks"); } }; const dog = Object.create(animal); dog.speak(); // 🐶 Animal speaks --- 🤯 What just happened? - "dog" does NOT have "speak()" - JavaScript looks into its prototype - Finds it in "animal" 👉 This is called the Prototype Chain --- 🧩 Real Magic: [].map === Array.prototype.map // true 👉 That’s why arrays have methods like "map", "filter", etc. --- ⚠️ Important: dog.__proto__ === animal // true But avoid using "__proto__" directly Use "Object.getPrototypeOf()" --- 🚀 Why this matters: - Foundation of JS inheritance - Helps understand classes under the hood - Makes debugging easier --- Reference from 👉 Sheryians Coding School #javascript #webdevelopment #frontend #programming #coding
To view or add a comment, sign in
-
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