Scribd
Upload
28 views4 pages

30 Days Program Overview

The document outlines a 30-day offline internship program focused on full-stack web development, featuring a hands-on, project-based curriculum. Participants will learn essential skills in HTML, CSS, JavaScript, React, and Firebase, culminating in a final project that showcases their expertise. The program includes assessments and mini-projects throughout to reinforce learning and provide practical experience.

Uploaded by

Folk Adonis
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
28 views4 pages

30 Days Program Overview

The document outlines a 30-day offline internship program focused on full-stack web development, featuring a hands-on, project-based curriculum. Participants will learn essential skills in HTML, CSS, JavaScript, React, and Firebase, culminating in a final project that showcases their expertise. The program includes assessments and mini-projects throughout to reinforce learning and provide practical experience.

Uploaded by

Folk Adonis
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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

You might also like