30-Day Program Overview
Program Overview
Join us for an immersive 30-day offline internship program where you'll master full-stack web
development through hands-on, project-based learning. Our comprehensive curriculum will guide you
through the essential skills needed to build modern web applications, culminating in a final project
that showcases your newfound expertise.
Curriculum Outline
Day 1-6: Introduction and Frontend Fundamentals
Day 1: Welcome & Orientation
• Introduction to the program
• Overview of web development (frontend vs. backend)
• Setting up the development environment
Day 2-3: HTML Basics
• HTML Elements
• Headings
• Paragraphs
• HTML Lists
• HTML Containers
• HTML Hyperlinks
• HTML Images
• HTML Buttons,
• HTML Attributes
Day 4-5: CSS Basics
• CSS Rulesets
• CSS Properties
• CSS Colors
• CSS Units
• CSS Box Model
• CSS Margins
• CSS Paddings
• CSS Borders
Day 6: Assessment and Mini-Project
• Quiz on HTML & CSS Basics
• Project: Build a personal portfolio webpage
Day 7-10: Advanced CSS & Tailwind CSS
Day 7-8: Advanced CSS Concepts
• Flexbox layout
• Grid layout
• Media queries
• Responsive design principles
Day 9: Tailwind CSS Basics
• Introduction to Tailwind CSS
• Utility-first CSS and customization
Day 10: Practical Implementation
• Build responsive designs using Tailwind
• Project: Design a responsive landing page for a product
Day 11-15: JavaScript Basics and DOM Manipulation
Day 11-13: JavaScript Fundamentals
• Variables, data types, and operators
• Control structures (if-else, switch), Loops (for, while, do-while)
• Functions (declaration, expression, arrow functions), Scope and closures
Day 14: JavaScript DOM Manipulation
• Understanding the DOM tree
• Selecting and modifying elements, Handling events, Event delegation
Day 15: Assessment and Mini-Project
• Coding exercises on JavaScript basics and DOM manipulation
• Project: Build an interactive to-do list
Day 16-20: React Basics and Advanced React
Day 16-17: Introduction to React
• Component-based architecture, JSX, and virtual DOM
• Props, state, and event handling in React
Day 18-19: Advanced React Concepts
• React lifecycle methods, Hooks (useState, useEffect)
• Custom hooks, Routing with React Router
Day 20: Practical Implementation
• Project: Develop a dynamic multi-page blog with React
Day 21-24: Version Control, Firebase Basics, and Authentication
Day 21: Version Control with Git and GitHub
• Git basics (clone, commit, push, pull), Branching and merging
Day 22-23: Firebase Basics and Integration
• Setting up Firebase, Firestore Database, Hosting
• Performing CRUD operations with React and Firebase
Day 24: Firebase Authentication
• User authentication and authorization
• Securing routes in React
Day 25-26: Advanced Firebase and Deployment
Day 25: React-Firebase-Hooks
• Introduction to React-Firebase-Hooks
• Integration with CRUD operations
Day 26: Deployment with Firebase and Vercel
• Firebase Hosting, Vercel basics, Continuous Integration setup
We need not need 4 days for project , use day 28 if you can’t over any of the above topics in
the mentioned time , if you did, let this be a brush up session for the project.
Day 27-30: Final Project
Day 27: Project Planning and Setup
• Ideation and planning, Setting up repositories
Day 28-29: Project Development
• Full-day coding sessions with mentor guidance
Day 30: Project Completion and Presentation
• Final testing and presentation
• Feedback and certification