Goal:

Build a strong foundation in web development and version control.

Modules:

• Git and Version Control Basics
• Introduction to Full Stack Concepts
• HTML5 & Semantic Markup
• CSS3 and Responsive Design Principles
• JavaScript Essentials (ES6+ Features)

Assignments:

• Build a simple personal portfolio using HTML & CSS
• Responsive design challenge: Create a layout for different screen sizes
• JavaScript practice: Develop a basic calculator

Technologies:

• Git
• HTML5
• CSS3
• JavaScript (ES6+)

Real Project:

• Create a responsive blog website

Goal:

Develop interactive and responsive UIs using modern tools.

Modules:

• Advanced JavaScript (DOM Manipulation, Fetch API)
• JavaScript Frameworks (React.js, Angular, or Vue.js)
• CSS Frameworks (Bootstrap, Tailwind CSS)
• State Management with Redux
• Responsive Design Principles

Assignments:

• Build a weather dashboard using Fetch API and React.js
• Create a reusable UI component library (e.g., buttons, cards)
• Develop a responsive product listing page using Tailwind CSS

Technologies:

• React.js/Angular/Vue.js
• Redux
• Bootstrap
• Tailwind CSS
• JavaScript (ES6+)
• HTML5 & CSS3

Real Project:

• E-commerce product catalog with dynamic filtering and sorting

Goal:

Learn advanced front-end topics and build complex UIs.

Modules:

• React Advanced Features (Hooks, Context API)
• Component Libraries (Material-UI/Ant Design)
• Testing Front-End Applications (Jest, React Testing Library)
• Performance Optimization and Lazy Loading
• Advanced Animations and Transitions

Assignments:

• Build a real-time chat interface using React Context API
• Implement dark/light mode in an application
• Add client-side validation for a form submission

Technologies:

• React.js
• Material-UI/Ant Design
• Jest
• React Testing Library
• Redux
• JavaScript (ES6+)

Real Project:

• Real-time messaging app with animated transitions

Goal:

Build and manage server-side applications with APIs.

Modules:

• Node.js and Express.js Basics
• PHP & Frameworks (Laravel, Yii, CodeIgniter)
• RESTful APIs and GraphQL Basics
• Databases (SQL - MySQL/PostgreSQL; NoSQL - MongoDB)
• Authentication and Authorization (OAuth, JWT)

Assignments:

• Build a RESTful API for a task management application
• Implement user authentication using JWT
• Create CRUD operations with MySQL/PostgreSQL

Technologies:

• Node.js
• Express.js
• PHP
• Laravel
• MongoDB
• MySQL/PostgreSQL

Real Project:

• Task management system with API integrations

Goal:

Deploy full-stack applications with modern DevOps tools.

Modules:

• CI/CD Pipelines Basics
• Docker and Kubernetes Fundamentals
• Hosting and Deployment (AWS/Heroku/Vercel)
• Application Monitoring and Logging
• Security Best Practices

Assignments:

• Set up CI/CD pipelines for a front-end application
• Containerize an application with Docker
• Deploy a full-stack application to Heroku or AWS

Technologies:

• Docker
• Kubernetes
• AWS
• Heroku
• GitHub Actions

Real Project:

• Deploy and monitor a blogging platform

Goal:

Finalize a professional profile and showcase expertise with a capstone project.

Modules:

• LinkedIn Profile Optimization
• Resume and Portfolio Website Building
• Email Writing for Job Applications
• Personal and Technical Interview Preparation
• Logical Programming & Problem-Solving

Assignments:

• Optimize a LinkedIn profile to reflect key skills
• Write a professional email to apply for a job

Technologies:

• N/A (Professional Development)
• Portfolio Design Tools

Capstone Project:

• Design, develop, and deploy a full-stack social media application featuring authentication, user profiles, and a dynamic feed