Full Stack Software Development

Learning Objectives

• Master semantic HTML5 for structuring web content.
• Style web pages with CSS, including Flexbox and Grid.
• Implement responsive design principles for all devices.

Topics Covered

• HTML5 Structure

  Semantics, Forms, Multimedia / Accessibility basics

• CSS Styling

  Selectors, Box Model, Typography, Colors / Advanced Layout: Flexbox & CSS Grid

• Responsive Design

  Media Queries / Mobile-first approach / Introduction to Tailwind CSS

Learning Objectives

• Write interactive logic with vanilla JavaScript.
• Manipulate the DOM to create dynamic web pages.
• Understand asynchronous programming (Promises, async/await).

Topics Covered

• JS Basics & ES6+

  Variables, Data Types, Operators / Control Flow, Functions / Arrow Functions, Destructuring

• DOM Manipulation

  Selecting elements / Events, Modifying content/styles

• Asynchronous JS

  Callbacks, Promises, Async/Await / Error Handling

Learning Objectives

• Build declarative UIs with React.js.
• Manage component state and lifecycle with Hooks.
• Integrate React applications with APIs.

Topics Covered

• React Basics

  Components, JSX, Virtual DOM / Props and State

• React Hooks

  useState, useEffect, useContext / Custom Hooks

• Routing & State Management

  React Router (conceptual) / Context API for global state

• API Integration in React

  Fetching data / Handling loading and errors

Learning Objectives

• Understand server-side logic and API design.
• Develop robust backend applications using either Python (Django/Flask) or JavaScript (Node.js/Express.js).

Python Backend (Django / Flask)

• Python Fundamentals for Web

  Python syntax review, Virtual environments, Package management (pip)

• Introduction to Django

  Django MVT architecture, Models, Views, Templates, URL routing

• REST APIs with Django REST Framework

  Serializers, ViewSets, Authentication & Permissions

• Introduction to Flask

  Micro-framework concepts, Routing, Templates, Extensions for databases

JavaScript Backend (Node.js / Express.js)

• Node.js Fundamentals

  Event Loop, Non-blocking I/O, NPM & package.json

• Express.js Framework

  Routing, Middleware, Request/Response cycle

• REST APIs with Express

  Building API endpoints, Handling JSON data, Error handling

• Authentication (JWT)

  Token-based authentication, Middleware for protected routes

Learning Objectives

• Design and manage relational and non-relational databases.
• Integrate databases with your chosen backend framework.
• Perform CRUD operations effectively.

Topics Covered

• Relational Databases

  SQL fundamentals (PostgreSQL/MySQL) / Database design (normalization) / ORMs (Django ORM / Sequelize for JS)

• NoSQL Databases

  MongoDB/Firestore (document databases) / Basic operations / Integration (Mongoose for Node.js)

• Database Security

  Injection prevention / Data encryption (conceptual)

Learning Objectives

• Design and build robust RESTful APIs.
• Implement secure authentication and authorization mechanisms.
• Understand and consume third-party APIs.

Topics Covered

• RESTful API Design Principles

  HTTP methods, Status codes / Versioning, Pagination, Filtering

• Authentication & Authorization

  JWT (JSON Web Tokens) / OAuth 2.0 (conceptual overview) / Role-Based Access Control (RBAC)

• Consuming External APIs

  Fetch API revisited / API keys, rate limiting

• WebSockets (Optional Intro)

  Real-time communication concepts

Learning Objectives

• Deploy full stack applications to cloud platforms.
• Implement Continuous Integration/Continuous Deployment (CI/CD).
• Understand containerization with Docker.

Topics Covered

• Version Control Deep Dive

  Advanced Git workflows (branching, merging, rebase) / Collaboration with GitHub

• Cloud Deployment

  Frontend hosting (Netlify, Vercel) / Backend hosting (Render, Heroku, AWS EC2/ECS/Elastic Beanstalk, Azure App Service, GCP App Engine/Cloud Run)

• CI/CD Pipelines

  GitHub Actions / GitLab CI (basics) / Automated testing & deployment

• Containerization (Docker)

  Docker basics (images, containers, Dockerfile) / Docker Compose (conceptual)

Learning Objectives

• Design, develop, and deploy a complete full-stack web application.
• Build a professional portfolio website.
• Prepare for technical interviews and job search.

Topics Covered

• Capstone Project Development

  Project planning & design / Implementation across frontend, backend, database / Deployment and testing

• Portfolio Building

  Creating a professional portfolio site / Showcasing projects and skills

• Job Search & Interview Prep

  Resume & cover letter optimization / Technical interview practice / Networking strategies / Freelancing tips