INDUSTRIAL TRAINING PROJECT REPORT

ON

Web Development Internship

Submitted by:

Vanshit Sharma
1/23/SET/BCS/089

BACHELOR OF TECHNOLOGY
IN
Computer Science & Engineering

School of Engineering & Technology

MANAV RACHNA INTERNATIONAL INSTITUTE OF

RESEARCH AND STUDIES, Faridabad
NAAC ACCREDITED ‘A++’ GRADE
Jan-June, 2024
 Acknowledgement

We would like to express our sincere gratitude to our supervisor “Dr Savita”,
Dept. of CSE (SET,MRIIRS), for giving us the opportunity to work on this topic.
It would never be possible for us to take this project to this level without their innovative ideas and
their relentless support and encouragement.

I express my deepest thanks to Dr Ravindra Kumar Chahar for taking part in useful decision &
giving necessary advices and guidance and arranged all facilities to make life easier. I choose this
moment to acknowledge his/her contribution gratefully.

We take immense pleasure in thanking Dr. Mamta Dahiya, Head of Department of Computer
Science and Engineering, SET, MRIIRS. Her tolerances of having discussions, sacrificing her
personal time, are extremely insightful and greatly appreciated.

We would like to express regards to Dr. Geeta Nijhawan, Associate Dean SET, MRIIRS, for her
constant encouragement, hours of sitting together and discussing frequently lively discussions,
which helped us in understanding the subject and methodology and completion of internship. .

Vanshit Sharma ,
1/23/SET/BCS/089
 Declaration

I (We) hereby declare that this project report entitled “Web Development internsip” by Vanshit
Sharma (1/23/SET/BCS/089), being submitted in partial fulfillment of the requirements for the
degree of Bachelor of Technology in Computer Science and Engineering under School of
Engineering & Technology of Manav Rachna International Institute of Research and Studies,
Faridabad, during the academic year June, 2024, is a bonafide record of our original work carried out
under guidance and supervision of NAME OF MENTOR/TRAINING GUIDE, DESIGNATION ,
DEPARTMENT and has not been presented elsewhere.

Vanshit Sharma , 1/23/SET/BCS/089

 Manav Rachna International Institute of Research and Studies,
Faridabad
School of Engineering & Technology
Department of Computer Science & Engineering

June, 2024

Certificate

This is to certify that this project report entitled “Web Development internsip” by Vanshit Sharma
(1/23/SET/BCS/089), submitted in partial fulfillment of the requirements for the degree of
Bachelor of Technology in Computer Science and Engineering under School of Engineering &
Technology of Manav Rachna International Institute of Research and Studies Faridabad, during the
academic year June 2024, is a bonafide record of work carried out under my guidance and supervision.

Mr Lenin Narengbam
Department. of Computer Science & Engineering
School of Engineering & Technology
Manav Rachna International Institute of Research and Studies, Faridabad

Dr. Mamta Dahiya

Professor & Head of Department
Department. of Computer Science & Engineering

School of Engineering & Technology

Manav Rachna International Institute of Research and Studies, Faridabad
 TABLE OF CONTENTS

Acknowledgement i

Declaration ii

Certificate iii

Certificate from Industry/from Course iv

Table of Contents v

List of Figures vi

List of Tables vii

Abstract viii

Chapter Page No
I. Introduction

I.1 Goals and Objectives: What are to be achieved?

Motivation: Why this project undertaken?
Method: How was it carried out?
I.2 Overview of the technical area i.e. background technical context
I.3 Overview of the report: what material will you be covering and how it is arranged in the
report

II. Literature Review

II.1Introduction
II.2Survey
II.3Conclusion

III. Problem Definition and Requirement Analysis

III.1 Problem Definition

III.2 Requirements
III.3 System Specifications
Internship Report: Web Development Internship at Codsoft

I. Introduction

I.1 Goals and Objectives

The primary goal of my internship at Codsoft was to gain practical experience in the field of
web development, moving beyond theoretical knowledge to hands-on application. By the end
of the internship, I aimed to achieve several key objectives:

1. Mastery of Core Web Technologies: Develop a deep understanding of HTML, CSS, and
JavaScript, the foundational technologies of web development.
2. Application of Knowledge in Real-World Projects: Apply the learned concepts to create
functional and aesthetically pleasing web pages, including a calculator app, a landing
page, and a personal portfolio.
3. Development of a Professional Portfolio: Create a comprehensive personal portfolio to
showcase my skills, projects, and experience to potential employers, reflecting my
growth and capabilities as a web developer.
4. Improvement of Problem-Solving Skills: Enhance my ability to troubleshoot and solve
coding challenges, particularly in debugging and optimizing web pages.
5. Time Management and Project Planning: Learn to manage time effectively, balancing the
demands of multiple projects and ensuring timely completion of tasks.

Motivation

The motivation for undertaking this internship was driven by my desire to transition from
theoretical learning to practical implementation. Web development is a dynamic field, and I
wanted to experience firsthand the challenges and rewards of creating interactive and
responsive websites. The internship provided an opportunity to:

Bridge the Gap Between Theory and Practice: While academic courses provide a strong
foundation, the internship allowed me to apply these concepts in a real-world setting,
where I could see the impact of my work.
Build a Portfolio for Career Advancement: In today’s competitive job market, a well-
crafted portfolio is essential. By creating projects that demonstrated my skills, I aimed to
position myself as a strong candidate for future employment opportunities.
Gain Insights from Industry Professionals: Working with experienced developers at
Codsoft allowed me to learn from their expertise, gaining valuable insights into industry
best practices and the latest trends in web development.

Method

The internship was structured into a four-week program, with each week focused on specific
learning objectives and project milestones. The method of execution was as follows:

1. Week 1: HTML Fundamentals

Learning Focus: Understanding the basics of HTML, including tags, attributes, and the
structure of web pages.
 Activities: Hands-on practice with creating simple web pages, experimenting with
different HTML elements, and building the foundation for more complex projects.
2. Week 2: CSS and Basic JavaScript
Learning Focus: Exploring CSS for styling web pages, understanding properties,
selectors, layout techniques, and basic JavaScript concepts.
Activities: Designing and styling web pages using CSS, adding interactivity with
JavaScript, and beginning work on a functional calculator app.
3. Week 3: Project Development
Learning Focus: Applying the knowledge gained in the first two weeks to develop a
calculator app and a landing page.
Activities: Writing code, debugging, and refining the projects, ensuring they were both
functional and visually appealing.
4. Week 4: Personal Portfolio
Learning Focus: Building a personal portfolio to showcase my skills, projects, and
experience.
Activities: Designing the portfolio layout, adding project descriptions, and ensuring
the portfolio was responsive and accessible across different devices.

Throughout the internship, I engaged in continuous learning, participated in technical

discussions, received feedback on my work, and iterated on my projects based on the
guidance provided by my mentors.

I.2 Overview of the Technical Area

The technical area of focus during my internship was front-end web development. This area
involves the use of HTML, CSS, and JavaScript to create the user interface (UI) of websites.

HTML (HyperText Markup Language): HTML is the standard markup language used to
create web pages. It provides the structure of a webpage by defining elements such as
headings, paragraphs, images, links, and more.
CSS (Cascading Style Sheets): CSS is used to style and layout web pages. It allows
developers to apply colors, fonts, spacing, and other visual elements to HTML content,
creating a more visually appealing and user-friendly experience.
JavaScript: JavaScript is a programming language that enables dynamic interactions on
web pages. It allows developers to create features such as form validation, interactive
maps, animations, and other functionalities that enhance the user experience.
Responsive Design: A key component of modern web development, responsive design
ensures that websites are optimized for viewing on a variety of devices, including
desktops, tablets, and smartphones. This involves using flexible layouts, images, and CSS
media queries to adapt the web pages to different screen sizes.

I.3 Overview of the Report

This report is structured to provide a comprehensive overview of my internship experience,

covering the technical aspects, challenges faced, and the outcomes achieved. The report is
divided into the following sections:
 Section II: Literature Review
This section provides an overview of the existing literature on web development,
exploring the evolution of web technologies, the importance of responsive design, and
the role of JavaScript in modern web applications.
Section III: Problem Definition and Requirement Analysis
This section outlines the specific problem addressed during the internship, the
requirements for the projects, and the system specifications needed to achieve the
objectives.
Section IV: Implementation
This section describes the development process of the projects, detailing the steps
taken, the tools used, and the coding techniques employed to achieve the desired
outcomes.
Section V: Results and Discussions
This section presents the results of the projects, discussing the functionality, user
experience, and overall success of the web pages created.
Section VI: Conclusion and Future Enhancements
This section summarizes the work done during the internship, critically appraises the
outcomes, and proposes future enhancements to further improve the projects.

II. Literature Review

II.1 Introduction

Web development is a constantly evolving field, with new technologies and methodologies
emerging regularly. Understanding the foundational technologies and staying updated with
the latest trends is crucial for any web developer. This section reviews the existing literature
on web development, focusing on the key areas relevant to my internship.

II.2 Survey

The literature survey covered the following topics:

1. Evolution of Web Technologies:

The transition from static HTML pages to dynamic web applications has been a
significant development in the history of the internet. Early web pages were simple
and text-based, but with the advent of CSS and JavaScript, the web became more
interactive and visually rich. Modern frameworks like React and Angular further
enhance the capabilities of web developers by providing tools to build complex,
single-page applications (SPAs).
2. Importance of Responsive Design:
With the proliferation of mobile devices, responsive design has become a critical
aspect of web development. Research indicates that a significant portion of web
traffic now comes from mobile devices, making it essential for websites to be
optimized for different screen sizes. Techniques such as fluid grids, flexible images,
and CSS media queries are commonly used to achieve responsive design.
3. Role of JavaScript in Modern Web Development:
 JavaScript has evolved from a simple scripting language into a powerful tool for
creating dynamic and interactive web applications. The introduction of JavaScript
frameworks and libraries, such as jQuery, React, and Angular, has revolutionized web
development, enabling developers to create feature-rich applications with minimal
effort.
4. Best Practices in Web Development:
The literature also highlights the importance of adhering to best practices in web
development, such as writing clean, semantic code, optimizing website performance,
ensuring accessibility, and following security protocols. These practices are essential
for creating websites that are not only functional but also user-friendly and secure.

II.3 Conclusion

The literature review provided a solid foundation for the work carried out during the
internship. By understanding the evolution of web technologies, the importance of
responsive design, and the role of JavaScript, I was better equipped to tackle the challenges
of the projects and produce high-quality web pages. The insights gained from the literature
were instrumental in guiding my approach to web development, ensuring that the work I did
was aligned with industry standards and best practices.

References

Codsoft Internal Documentation and Guidelines. These were invaluable resources

throughout the internship, providing insight into company-specific practices and standards
for web development projects.

MDN Web Docs (Mozilla Developer Network). This online resource offers comprehensive
documentation and tutorials on web development technologies, including HTML, CSS, and
JavaScript. Available at: https://developer.mozilla.org/

W3Schools. An educational website offering tutorials and references on web development

languages such as HTML, CSS, JavaScript, and more. Available at:
https://www.w3schools.com/

Stack Overflow Community Discussions. A valuable resource for troubleshooting and finding
solutions to coding problems encountered during the internship. Available at:
https://stackoverflow.com/