INTERNSHIP PROGRAM

Web Development
HTML, CSS & JAVASCRIPT

45 - DAYS

TALK TO US
+91 9905879870
[email protected]
 About Us
At ApexPlanet Software Pvt. Ltd., we are dedicated to driving innovation and excellence in the realm of
digital solutions. Founded with a vision to empower businesses through cutting-edge technology, we
specialize in delivering top-notch web development and app development services tailored to meet the
unique needs of our clients.

Our team of skilled professionals is passionate about creating robust, scalable, and user-friendly
applications that enhance user experiences and drive business growth. We leverage the latest technologies
and industry best practices to ensure that our solutions are not only effective but also future-proof.

In addition to our core services, ApexPlanet Software Pvt. Ltd. is committed to nurturing the next generation
of tech talent. We offer comprehensive internship programs that provide hands-on experience and
mentorship, preparing aspiring developers for successful careers in the software industry.

Join us on our journey to make a significant impact in the digital world. With ApexPlanet Software Pvt. Ltd.,
your business is poised for success, and your career is set on a path of continuous learning and
achievement.
 How to Submit Your Internship Task
1. Prepare Your Task 4. Submit Your Task
Complete your task before the submission date. Go to "Manage Task."
2. Create a Screen Recording Verify using your offer letter ID and email.
Record your project using screen recording Click on the relevant task button.
software and the video file. Fill in the details, paste the LinkedIn video link, and
3. Upload Video to LinkedIn the GitHub repository link.
Log in to LinkedIn. Submit.
Go to your profile, add the video under "Featured." 5. Open the Next Task
Copy the video link. After submitting, click to open the next task and
4. Upload Project to GitHub repeat the process.
Create a GitHub account (if you don't have one).
Create a new repository and upload your project files. This streamlined process ensures your tasks are submitted
Make the repository public and copy the link. professionally and on time.
5. Register and Log In to ApexPlanet
Go to ApexPlanet Internship.
Register and log in.
Internship Tasks for Task-1
Web Development Basics of Web Development (Days 1-9)

(HTML,CSS & JAVASCRIPT) Task-2

Intermediate HTML, CSS, and JavaScript (Days 10-18)

Task-3
Advanced Styling and JavaScript (Days 19-27)

Task-4
Full Project Implementation (Days 28-36)

Task-5
Final Project and Optimization (Days 37-45)
 TimeLine : 9 Days
TASK - 1

Basics of Web Development

Objective:
Learn and apply foundational HTML, CSS, and JavaScript concepts.
Steps:
1. Create a Simple Webpage Using HTML :
Objective: Understand basic HTML elements and structure.
Actions: Build a webpage with headings, paragraphs, images, and links.
2. Style the Webpage Using CSS :
Objective: Learn how to apply styling with CSS.
Actions: Add colors, fonts, spacing, and layout adjustments to the webpage.
3. Add Basic JavaScript for Interactivity :
Objective: Implement simple interactions using JavaScript.
Actions: Create a button that triggers an alert message when clicked.
 TimeLine : 9 Days
TASK - 2
Intermediate HTML, CSS, and JavaScript
Objective:
Enhance HTML and CSS skills, and learn JavaScript for DOM manipulation.
Steps:
1. Create a Contact Form Using HTML and CSS :
Objective: Build forms with various input fields.
Actions: Create a form with input types like text, email, and submit buttons; style it with CSS.
2. Add JavaScript Form Validation :
Objective: Use JavaScript to ensure form data is valid.
Actions: Implement form validation that checks for required fields and correct email format.
3. Create a Responsive Layout Using Flexbox and CSS Grid :
Objective: Build layouts that adapt to different screen sizes.
Actions: Structure a webpage using Flexbox for navigation and CSS Grid for
content areas, and apply media queries for responsiveness.
4. Develop a Dynamic To-Do List or Image Gallery Using JavaScript :
Objective: Learn DOM manipulation with JavaScript.
Actions: Create a to-do list or image gallery where users can add and remove tasks
or images dynamically.
 TimeLine : 9 Days
TASK - 3
Advanced Styling and JavaScript
Objective :
Gain advanced skills in CSS and JavaScript for building interactive, responsive sites.
Steps:
1. Apply Responsive Design Using Media Queries :
Objective: Ensure web pages look great on mobile, tablet, and desktop.
Actions: Use media queries to adjust layouts, font sizes, and other elements for different devices.
2. Build an Interactive Quiz or Image Carousel Using JavaScript :
Objective: Build more complex JavaScript projects.
Actions: Create an interactive quiz with multiple questions or an
image carousel that rotates images on user interaction.
3. Fetch Data from an API Using JavaScript :
Objective: Learn how to work with external APIs to fetch real-time data.
Actions: Fetch data from a public API (e.g., weather or joke API) and
display the data dynamically on the webpage.
 TimeLine : 9 Days
TASK - 4
Full Project Implementation
Objective :
Combine HTML, CSS, and JavaScript to build fully functioning projects.
Steps:
1. Build a Personal Portfolio Website :
Objective: Showcase skills and projects in a professional, multi-page website.
Actions: Design and build a portfolio with an "About", "Projects", and "Contact" section, ensuring it’s fully responsive.
2. Create a To-Do List or Note-Taking App with Local Storage :
Objective: Implement data persistence with local storage.
Actions: Enhance the to-do list or note-taking app so tasks or notes are saved and retrieved using localStorage.
3. Develop a Product Listing Page with Filtering and Sorting Options :
Objective: Create interactive interfaces that allow users to filter and sort data.
Actions: Build a product page where users can filter items by categories or
price, and sort them based on criteria like rating.
 TimeLine : 9 Days
TASK - 5
Final Project and Optimization
Objective :
Build a comprehensive web app and ensure its performance, responsiveness, and compatibility.
Steps:
1. Build a Full Web Application (Capstone Project) :
Objective: Integrate all skills into one complete web app.
Actions: Develop a final project (e.g., an e-commerce site, blog, or advanced
portfolio) with dynamic features, using HTML, CSS, and JavaScript.
2. Optimize for Performance :
Objective: Ensure the application runs efficiently and loads quickly.
Actions: Minimize CSS and JavaScript files, apply lazy loading for images,
reduce the number of HTTP requests, and optimize load times.
3. Ensure Cross-Browser Compatibility and Mobile Responsiveness
Objective: Guarantee the application works on all major browsers and devices.
Actions: Test the project on Chrome, Firefox, Safari, and mobile browsers,
fixing any compatibility or display issues.
 THANK
YOU
TALK TO US
+91 9905879870
[email protected]