Full-Stack Web Development

Week 1: Frontend Foundations (HTML5 & CSS3)

• Semantic Markup: Building the skeleton of the web with HTML5 tags; creating accessible forms, tables, and structured layouts.

• CSS Styling & Box Model: Mastering margins, borders, and padding; understanding document flow and positioning (Static, Relative, Absolute, Fixed).

• Modern Layouts: Deep dive into Flexbox and CSS Grid for creating responsive, multi-column web pages without floats.

• Responsive Web Design: Implementing Media Queries to ensure seamless viewing on mobile, tablet, and desktop screens.

• Frontend Project: Designing and styling a multi-page static website (e.g., a restaurant menu or a personal blog) from scratch.

Week 2: Backend Logic & Database Integration

• Django Framework Core: Setting up the Django environment; understanding the MVT (Model-View-Template) architecture and the project vs. app structure.

• Dynamic Routing & Views: Crafting URL patterns and writing Python logic in views.py to handle HTTP requests and render templates.

• NoSQL with MongoDB: Introduction to document-oriented databases; connecting Django to MongoDB using Djongo or PyMongo.

• CRUD Operations: Implementing Create, Read, Update, and Delete functionality to manage database records through web interfaces.

• State Management: Handling user sessions, cookies, and basic authentication to create “logged-in” user experiences.

• Capstone Deployment: Integrating the Week 1 frontend with the Week 2 backend to launch a data-driven web application.