Internship Report

On

“WEB DEVELOPMENT”

At

“INTERNSHALA TRAININGS”

from 01/07/2024 to 30/07/2024

Submitted By

Mr. Gaurav Ishwar Martand

(PRN: 23051061245059)

KCES’s
COLLEGE OF ENGINEERING AND MANAGEMENT
JALGAON
Department of Computer Engineering
A. Y. 2024-25
 KCES’s
COLLEGE OF ENGINEERING AND MANAGEMENT
JALGAON
Department of Computer Engineering

CERTIFICATE

This is to certify that the internship work embodied in this report entitled “Web
Development” during 01/07/2024 to 30/07/2024 was carried out by Mr. Gaurav Ishwar
Martand of KCES’s College of Engineering and Management Jalgaon, for partial fulfilment
of B.Tech Computer Engineering to be awarded by Dr. Babasaheb Technological University ,
Lonere. This Internship work has been carried out is to the satisfaction of department.

Place:
Date:

Internal Guide H.O.D

Prof. Niraj Kumar Padme Prof. A. Y. Suryawanshi

PRINCIPAL
Dr. Sanjay Sugandhi
 ACKNOWLEDMENT
First of all, I would like to INTERNSHALA TRAININGS for giving me the
opportunity to do an internship within the 1 month. Although quite short, for me this was a great
experience I can learn from. It helped me to explore my skills and increased my interestin Web
Developer.

I would also like to thank the project manager and the staff at INTERNSHALA
TRAININGS for helping me during my mobility period. I appreciate their patience and help.

I would also like to express my appreciation to KCES’s College of Engineering and

Management Jalgaon and especially my guide Mr. Niraj kumar and Mr. A. Y. Surywanshi,
Head of Department for their academic support and encouragement. The foundational skills and
knowledge I gained during my studies were crucial to my success in this internship. Lastly, I am
deeply grateful to my family and friends for their continuous support and motivation during this
period.

Student Name
Gaurav Ishwar Martand
 ABSTRACT
Web full stack developer is the work involved in developing a website for the
Internet (World Wide Web) or an intranet (a private network). Web full stack developer can
range from developing a simple single static page of plain text to complex web applications,
electronic businesses, and social network services. A more comprehensive list of tasks to which
Web full stack developer commonly refers, may include Web engineering, Web design, Web
content development, client liaison, client-side/server-side scripting, We server and network
security configuration, and ecommerce development. Among Web professionals, "Web
development" usually refers to the main non-design aspects of building Websites: writing
markup and coding.

Web full stack developer may use content management systems (CMS) to make
content changes easier and available with basic technical skills. For larger organizationsand
businesses, Web development teams can consist of hundreds of people (Web developers) and
follow standard methods like Agile methodologies while developing Websites. Smaller
organizations may only require a single permanent or contracting developer, or secondar
assignment to related job positions such as a graphic designer or information systems technician.
Web full stack developer may be a collaborative effort between departments rather than the
domain of a designated department. There are three kinds of Web developer specialization:
frontend developer, back-end developer, and full- stack developer. Front-end developers are
responsible for behavior and visuals that run in the user browser, while back-end developers
deal with the servers.

Several programming languages that are in use to develop a web-based

application or software. Some of them are only used for the UI and the frontend of
theapplication, some are used for the backend design of the software. For example- HTML3,
HTML4, HTML5, CSS, Bootstrap Framework etc. are some programming languages to develop
the frontend of an application. PHP, Web etc. are used at the backend. Nowadaysthere are also
some frameworks that use vastly. Frameworks are basically structured programming by using
Model, View, and Controller. It is also called as MVC. If we develop web-based application that
is very useful for us because we can access it for many whereofthe world. It is very helpful for
our daily life.
 Table of
Content
Ti Page No.
tle
Certificate i
Abstract
i
i
Chapter 1: Industry/Company Profile
1. Firm History
2. Management Board of the Firm
1-6
3. Vision and Mission
4. Services
5. Employees and Their Experience
Chapter 2: Internship Experience & Job Description
1. Name and Short Description of the Project
2. Involvement in Software/Hardware Development Process
3. Involvement in Planning
7-17
4. Involvement in Implementation, Testing, and Documenting
5. Involvement in Deployment and Maintenance
6. Images/Screenshots
Chapter 3: Learnings and Findings During Internship
1. Types of Teams in the Firm
2. Hierarchy of Roles/Posts in the Firm
18-27
3. Timings and Work Culture of the Firm
4. Challenges Involved in the Firm
5. Opportunities in the Firm
Conclusion 28
 Chapter 1: Industry/Company Profile

1. Firm History

Internshala Training provides more than website design and

Softwaredevelopment. Your business, web presence, and brand identity will be taken
to the next level. And also providing solutions for corporate Web Designing, Web
Application Development, Mobile Application Development, Software Development,
Digital Marketing, Software Testing, and many more.

● Web Design & Development

● Software Development
● Mobile App Development
● E-commerce Website Development

Internshala Training is the best Software development company in India. It was

established in 2010 We provide high-end web design & development solutions in Web & IT
world.

We do not just believe in increasing business.

2. Management Board of the Firm

We trust in creating customer delight. We believe in making long-liferelationships

with our clients. We expect in developing a solid foundation for our company personally and
professionally. We work for our clients and measure our success by their success.

We not only provide services to our clients. But also, we give internships to
computer science students. Students can join our internship program as per their interests.

We also provide an opportunity for our students to work on live projects. It will
make them capable stand out in the interview of the company.

3. Vision and Mission

Our Vision is to be a leading Web Solution company in IT sector and

progress in our current position in market. We know that Customer's growth is our growth we
commit our customers to help in achieving their business goals. We believe in work with the

1
 accuracy and best quality We want to be known as the reliable, innovative and user-friendly
software service provider in IT industry.

Mission
Internshala Training allows freshers to enhance their skills to chase their dreams.
As well as try to provide IT Technologies information and give handful practicals knowledge to
upgrade their skills. It provides a platform to innovative ideas. Which helps to spread Digital
India.

1.4 Services
i) Web DEVELOPER
We create both corporate web design as well as custom web design.
WAMP is the most advanced technology for web application and open- source
application development.
Web developer is a powerful, open-source platform that consists of
the Windows operating system.

It includes:
1. PHP - PHP is the object-oriented scripting language.
2. Apache-Apache is a web server.
3. MySQL-MySQL is a relational database managing system.
Internshala Training has been designing sites above your
imagination. Our services are unique and distinct from other Web developer
company.
Software Development
Internshala Training
comprises a team of
seasoned software
professionals
dedicated to providing a reliable and cost-effective
ii) end-product.
Our corporate web design
service has designed to suit all your
custom web design services Internshala
Training is also guaranteeing top results in
the search engine ranking of your website
with the help of our website development
team.

2
 Our software development company is a result of various innovations and
enhancements. Our developed product fulfills our all-clients requirements. Also,
we follow global standards of software engineering.
Software development refers to a set of computer science activities
dedicated to the process of creating, designing, delivering and supporting
software.”

iii) Android App Development

Mobile devices and smartphones have become part of life
nowadays. They have completely transformed the way we do business today.
Android is the most used mobile OS. Android powers millions of mobile devices
today.
The main advantage of Android App Development has over
other popular OS such as iOS. It has an open marketplace for distributing your
apps.
We care for your business. So, we provide proficient android
developers and thought-provoking designers. They have more than +5 years of
experience in android app development services.
Internshala Training maps out the entire ideology behind your
business application idea. Our expertise is in keeping up with the trend of the
market. We are coming up with innocent experiences. The clients appreciate
our android apps. We always keep our eye on market strategies and your
competitors.

iv) IOS Development

IOS (formerly iPhone OS) is a mobile operating system created
and developed by Apple Inc. exclusively for its hardware. It is the operating
system that powers many of the company's mobile devices,including the iPhone
and iPod Touch; it also powered the iPad until the introduction of iPadOS, a
derivative of iOS, in 2019. It is the world's second- most widely installed mobile
operating system, after Android. It is the basisfor three other operating systems
made by Apple: iPadOS, tvOS, and watchOS. The IOS user interface is based
upon direct manipulation, using

3
 multi-touch gestures such as swipe, tap, pinch, and reverse pinch. Interface
control elements include sliders, switches, and buttons
IOS devices boot to the home screen, the primary navigation and
information "hub" on iOS devices, analogous to the desktop found onpersonal
computers. iOS home screens are typically made up of app icons and widgets;
app icons launch the associated app, whereas widgets display live, auto-updating
content, such as a weather forecast, the user's email inbox, or a news ticker
directly on the home screen.

v) E-Commerce Development
Ecommerce, also known as electronic commerce or internet
commerce, refers to the buying and selling of goods or services using theinternet,
and the transfer of money and data to execute these transactions. Ecommerce is
often used to refer to the sale of physical products online, but it can also describe
any kind of commercial transaction that is facilitated through the internet.
Whereas e-business refers to all aspects of operating an online business,
ecommerce refers specifically to the transaction of goods and services. This is
the first example of a consumer purchasing a product from a business through
the World Wide Web—or “ecommerce” as we commonly know it today.
Ecommerce has evolved to make products easier to discover and
purchase through online retailers and marketplaces. Independent freelancers,
small businesses, and large corporations have all benefited from ecommerce,
which enables them to sell their goods and services at a scale that was not
possible with traditional offline retail.

vi) Digital Marketing

Digital marketing is the component of marketing that utilizesthe
internet and online-based digital technologies such as desktop computers,
mobile phones, and other digital media and platforms to promote products and
services.
Digital platforms became increasingly incorporated into
marketing plans and everyday life. Now, people increasingly use digital devices
instead of visiting physical shops.

4
 Digital platforms became increasingly incorporated into
marketing plans and everyday life. Now, people increasingly use digital devices
instead of visiting physical shops.

vii) Social Media

A strong identity created over time is the best guarantee of future
earnings. Build confidence in your graphics design skills and enjoy the new
insights.
Internshala Training is a best Graphic Design Company. Create
social media design artwork based on your drawings. Learn from step- by- step
instructions.
logos to actual photos. We generate all
kinds of illustration design images. Digital
artists love the ease of adjusting the

layers and art boards in this vector graphics design

editing program.
Graphics Designing
viii)
A strong identity created
It is a way to learn and
over time is the best guarantee of future
remember to speed up
your design process. earnings. Build confidence in your
Bring your ideas to life and stay motivated through daily graphics design skills and enjoy the new
emails and lessons. insights.
We do drawings from
Internshala Training is a best Graphic Design Company. Create
social media design artwork based on your drawings. Learn from step- by- step
instructions.

It is a way to learn and remember to speed up your design process.

Bring your ideas to life and stay motivated through daily emails and lessons.
We do drawings from logos to actual photos. We generate all
kinds of illustration design images. Digital artists love the ease of adjusting the
layers and art boards in this vector graphics design editing program.

ix) Logo Design

Internshala Training That differentiation is achieved through
brand
identity design – a range of elements that all work together to form a

5
 distinctive picture in our minds. Depending on the company, the identity can
include uniforms, vehicle graphics, business cards, product packaging,
photographic style, coffee mugs, billboard advertising, and a raft of other items,
right down to the font choice on the website. Before anything else we see shape,
we see colour, and if that’s enough to hold our attention, then we’ll read David
Airey It’s important to remember that when we look at something,
Our job as designers is to distill the essence of a brand into the
shape and colour that’s most likely to endure, because visual appearance plays
a critical part in forming a connection in our brains between what we experience
and who we experience it with (the brand). In many respects, a company’s logo
is akin to our loved ones’ faces.

1.5 Employees and Their Experience

We push our internship students to come up with innovative

ideas, think out of the box, and overcome challenges in the projects. Get real-time
industry experience. and also, we provide Mentor allocated to each intern making sure
our intern never gets stuck and is always on the right path. A special state-of-the-art
infrastructure for interns helping them increase output.
● WEB FULL STACK DEVELOPER (HTML, CSS, JAVASCRIPT,
BOOTSTRAP, PHP)
● Internship in PHP Development
● Internship in Web Development
● Internship in Web Development
● Internship in Angular JS
● Internship in React JS
● Internship in Asp.Net

6
 Chapter 2: Internship Experience & Job Description

1. Name and Short Descript of the Project

This 4week program aims to head start our foray in to the exciting world of Web
full stack developer both front and back end. This course helped me master my basics as well as
implement those basics at advanced level through various projects throughout the course, I could
hone my visualization better and push the boundaries of development mindset. The course
covered initial front-end development like HTML, CSS, BOOTSTRAP, JS, as well as back end
in depth including databases. This course is for all the developers who are looking forward to
enhance their development journey, and learn skills & technologies which will help them to be a
full stack developer faster.

2. Involvement in Software/Hardware Development Process

● Understand basic concept and structure of HTML3, HTML4, HTML5, CSS, Bootstrap
Framework, Web, creating Database.

● To get awareness about the various job opportunities.

● To perceive communicational skills and organizational dynamics.
● To get educated about the official habitat.
● Opportunities for technical skill.
● Improve communication skill.
● Knowing all type of official knowledge.
● Knowing practical knowledge about programming.
● Gain knowledge about HTML3, HTML4, HTML5, CSS, Bootstrap Framework, PHP,
Web etc.

● Increase communication skill with other.

● Develop research skills.
● Improve administrative skill.
● Increase the capability for solving the problems.
● Knowledge of professional journals and newsletters.
● Knowledge of key professional.
● Improve professional ethics and values.

7
 2.3 Involvement in Planning

1. Requirement Gathering:
I actively participated in initial meetings to gather and understand the requirements
from stakeholders, which included understanding the needs of administrators, staff, and
students. We outlined the core functionalities that the system had to support, such as:

● User role management (administrator, staff, student)

● Attendance and grade tracking
● Notification system for important updates
● Secure login and user authentication

During this phase, I contributed by asking clarifying questions, documenting the

requirements, and helping to identify any potential challenges or gaps in the proposed
functionalities.

2. Project Scope Definition:

I was involved in defining the project scope, which helped to establish the boundaries
of what the system would include in its initial version. This scope definition was
essential in preventing scope creep and ensuring the project stayed on track. My role
included assisting in prioritizing the core features based on stakeholder needs and
technical feasibility, and helping to establish what could be implemented in later
iterations of the system.

3. Task Breakdown and Timeline:

I worked closely with the project manager and the development team to break down the
project into smaller tasks and assign deadlines. We divided the project into multiple
phases:

● Phase 1: Database design and backend structure

● Phase 2: Frontend development and user interface design
● Phase 3: Integration of modules (attendance, grades, notifications)
● Phase 4: Testing and deployment

4. Risk Assessment:
I was also involved in assessing the potential risks that could arise during the project.
This included:

8
 ● The first milestone involved completing the backend structure and database
design.

● The second milestone focused on frontend implementation and ensuring a

working prototype.
● The final milestone was to integrate and test all components before deploying
the system.

2.4 Involvement in Implementation, Testing, and Documenting

During the internship, I played a significant role in the implementation, testing, and
documentation phases of the College Management System project. These phases were crucial
in ensuring the system’s functionality, reliability, and maintainability.

Implementation:
1. Backend Development:
I was responsible for implementing key features of the College Management System
using the Django framework. This included:
● Developing data models for students, staff, courses, and attendance. The models
were designed to handle relationships between these entities, ensuring efficient
data retrieval and manipulation.

● Writing views and business logic to handle requests for various actions such as
marking attendance, viewing grades, and managing user profiles. I ensured that
the logic was well-structured and followed Django’s MVC (Model-View-
Controller) architecture.

● Integrating the authentication system, which allowed role-based access control

for administrators, staff, and students. This involved setting up login/logout
functionality, user registration, and password management.

● Creating RESTful APIs to allow interaction with the system through AJAX
calls, enabling dynamic and interactive features such as real-time attendance and
notifications.

2. Frontend Development:
I contributed to building a responsive user interface using HTML, CSS, and
JavaScript. Key tasks included:
● Designing user-friendly forms and dashboards for students, staff, and
administrators to interact with the system. I used Bootstrap to ensure that the UI
was clean, responsive, and accessible across devices.

9
 ● Implementing JavaScript functionality to enhance the user experience, such as
dynamic form validation and AJAX calls for real-time updates without page
refreshes.

● Ensuring cross-browser compatibility, testing the interface on different

browsers (Chrome, Firefox, Safari) and devices (desktop, mobile, tablets).

3. Database Integration:
I was involved in setting up the database schema using Django’s ORM (Object-
Relational Mapping) system. This included:
● Writing and applying database migrations to manage changes to the database
structure during the development process.
● Ensuring data integrity by implementing constraints, relationships (foreign
keys), and validation rules within the models.

Testing:
1. Unit Testing:
I was responsible for writing unit tests to ensure that individual components of the
system functioned as expected. This involved:
● Writing tests for critical functionalities such as user login, attendance tracking,
and grade submission. These tests verified that the correct data was saved,
retrieved, and displayed.
● Using Django’s built-in testing framework to automate these tests and ensure
that the codebase was reliable throughout development.

2. Integration Testing:
In addition to unit testing, I performed integration tests to ensure that different modules
of the system worked seamlessly together:
● I tested the interaction between the database models and the views, ensuring
that data flows were consistent and accurate across different user roles.

3. Manual Testing:
I participated in manual testing by running the application in a local development
environment and acting as different types of users (administrator, staff, student) to test
real-world scenarios:
● Form validation: Ensuring that forms had proper validation both on the client-
side (using JavaScript) and the server-side (using Django forms).

10
 ● Edge cases: Testing for edge cases, such as invalid data input, unauthorized
access attempts, and system errors.

4. Bug Fixing:
Throughout the testing process, I identified and fixed various bugs:
● Logic errors in views, which caused incorrect data handling.
● Frontend glitches, such as misaligned UI elements or unresponsive buttons.
● Database issues, such as incorrect queries or failed migrations.

Documenting:
1. Code Documentation:
I ensured that the code was well-documented to facilitate future maintenance and
updates. This involved:
● Adding docstrings to functions, models, and views to explain their purpose,
input parameters, and return values.

● Writing inline comments to clarify complex sections of the code, especially in

the business logic and API interactions.

● Documenting configuration settings (such as environment variables and

database connections) to ensure that the system could be easily set up in different
environments.

2. User Documentation:
I contributed to the creation of user manuals and guides that would assist future users
(administrators, staff, and students) in navigating the system. This included:
● Writing a step-by-step guide on how to use the system's main features, such as
logging in, viewing grades, and managing attendance.

● Providing screenshots and examples to illustrate how each feature works,

ensuring that even non-technical users could understand the system.

3. Developer Documentation:
To help future developers working on the project, I prepared a detailed developer guide:
● A setup guide for the development environment, including instructions for
installing dependencies, setting up the database, and running the application
locally.
● Documentation on the system architecture, explaining how the different
modules (backend, frontend, database) are integrated, and how new features can
be added.

11
 ● API documentation to describe the REST endpoints, request formats, and
response structures for developers who might want to extend or integrate the
system with other applications.

2.5 Involvement in Deployment and Maintenance

During the final stages of the College Management System project, I played an active
role in both the deployment of the system and its ongoing maintenance. These steps were
critical to ensuring the system was accessible to users in a real-world environment and operated
smoothly after launch.

Deployment:
1. Server Setup:
I assisted in configuring the server environment to host the College Management
System. This involved:
● Selecting a suitable cloud service provider (e.g., AWS, DigitalOcean, or Heroku)
to host the application, considering factors like scalability, performance, and
cost.

● Configuring a Linux-based server to run the Django application, including

setting up the necessary software stack (Python, Django, Nginx/Apache,
Gunicorn).

● Ensuring the server was secured using SSH keys and implementing basic
security protocols like firewall rules to protect the server from unauthorized
access.

2. Database Setup:
I helped migrate the system’s database from a development SQLite database to a
production-grade database, such as PostgreSQL or MySQL:
● Configuring the database server and ensuring it could handle the expected load
of user data, such as student records, attendance logs, and grades.
● Running database migrations to initialize the schema in the production
environment using Django’s migration framework.

3. Deployment Automation:
I was involved in automating the deployment process to ensure consistency and reduce
the chances of errors during future deployments:

12
 ● Setting up a CI/CD pipeline using tools like GitHub Actions or Jenkins, which
automatically tested, built, and deployed the application when changes were
pushed to the repository.

● Writing deployment scripts to automate repetitive tasks, such as restarting the

application server (Gunicorn) and updating static files.

4. Domain and SSL Setup:

As part of the deployment process, I helped configure the domain and secure the
website:

● Configuring the system to be accessible via a custom domain (e.g.,

www.collegemanagementsystem.com) by setting up DNS records.
● Installing and configuring SSL certificates using Let’s Encrypt to secure the
communication between the server and clients through HTTPS. This ensured the
protection of sensitive data like student grades and personal information.

5. Performance Optimization:
I also assisted in optimizing the system’s performance during deployment to ensure it
could handle multiple users concurrently:
● Configuring caching mechanisms (e.g., using Django’s cache framework and
Redis) to reduce database load and speed up page load times.
● Setting up load balancing to distribute traffic across multiple servers, ensuring
that the system remained available during periods of high usage.

6. Monitoring and Logging:

To ensure the system’s stability after deployment, I was involved in setting up
monitoring and logging tools:
● Implementing server monitoring using tools like New Relic or Prometheus to
track the system’s performance (CPU usage, memory consumption, disk space)
and detect any bottlenec.

Maintenance:
1. Post-Deployment Support:
After the system was deployed, I provided ongoing support to ensure smooth
operations:
● Monitoring error reports and logs to identify any issues that users encountered,
such as failed form submissions or incorrect data displays.

13
 ● Providing technical support to users (administrators, staff, and students) by
addressing their queries, resolving issues, and implementing fixes to reported
bugs.

2. Bug Fixing and Patches:

Throughout the maintenance phase, I was responsible for identifying and fixing bugs in
the system:
● Implementing hotfixes for critical issues, such as errors in grade calculations or
problems with user authentication.
● Releasing patches for non-critical issues, such as UI glitches or minor functional
bugs, ensuring minimal downtime for users during updates.

3. System Updates and Enhancements:

I contributed to implementing updates and enhancements based on user feedback and
new requirements:
● Working on feature enhancements, such as improving the user interface,
adding new reports, or expanding the communication module.
● Refactoring the code to improve performance and make future updates easier by
following best practices for maintainable code.
● Ensuring that any updates were backward-compatible and did not disrupt
existing functionality for users.

4. Security Maintenance:
I was involved in monitoring and maintaining the security of the system post-
deployment:
● Applying security patches to the Django framework and other dependencies to
protect against vulnerabilities (e.g., SQL injection, cross-site scripting).
● Regularly reviewing the access control settings to ensure that users only had the
permissions appropriate to their roles (administrator, staff, student).

5. Performance Monitoring and Scaling:

I assisted in monitoring the system’s performance in the production environment:
● Analyzing system metrics like response times, server load, and database
performance to identify potential bottlenecks.
● Implementing scaling strategies when necessary, such as increasing server
resources or optimizing database queries, to ensure the system could handle an

14
 increasing number of users.

6. User Feedback and Iterative Improvements:

I helped gather feedback from users to continuously improve the system:
● Conducting surveys and interviews with staff, students, and administrators to
understand their experiences and identify areas for improvement.

● Using this feedback to guide future updates and refine features, ensuring that
the system continued to meet the evolving needs of the institution.

2.6 Images/Screenshots

Home Page:

Desctiption : A home page web developer creates visually appealing, user-friendly, and
responsive home pages that optimize navigation, enhance user experience, and align with SEO
best practices.

15
 News Page :

Description: A news page web developer designs and develops dynamic, responsive, and
easily navigable news pages, ensuring real-time content updates and an optimal user
experience across devices.

Places Section:

Description: A places section web developer creates interactive, visually appealing, and
user- friendly interfaces to display location-based information, enhancing user experience
and easy navigation

16
 Contact Section :

Description: A contact section web developer designs a clear, responsive, and accessible
interface for users to easily reach out, integrating forms, maps, and communication tools

17
Chapter 3: Learnings and Findings During Internship

3.1 Types of Teams in the Firm

1. HTML (Hypertext Markup Language)

To utilize prior knowledge of HTML Fundamentals and become
practically familiar with the most usable tags such as div, span, strong, forms, image,
hyperlinks etc.
Hypertext Markup Language (HTML) is the standard markup language for
archives intended to be shown in an internet browser. It very well may be helped by
advancements, for example, Cascading Style Sheets (CSS) and scripting dialects,for
example, JavaScript.
Internet browsers get HTML reports from a web server or from nearby
capacity and render the records into mixed media site pages. HTML portrays the”
structure of a site page semantically and initially included signals” for the presence of
the” archive.
HTML components are the structure squares of HTML pages. With HTML
builds, pictures and different “items, for example, intelligent structures mightbe implanted
into the rendered page. HTML gives a way to make organized archivesby indicating basic
semantics for content, for example, headings, passages, “records, connections, cites and
different things. HTML components are depicted by labels, composed utilizing point
sections. Labels, for example, <img/> and <input/> straightforwardly bring content into
the page. Different labels, for example, <p> encompass and give data about archive
message and” may incorporate different labels as subcomponents. Programs don't show
the HTML labels, yet use them to decipherthe substance of the page.

Markup Language: HTML is a markup language, not a programming language.

This means it consists of tags and elements that provide structureand formatting
to content. HTML documents are essentially a set of instructions for web
browsers on how to display web content.

18
 Semantics: HTML is designed with semantics in mind. Each HTML element has
a specific meaning and purpose. For example, the <h1> element is usedfor top-
level headings, <p> for paragraphs, <a> for links, and so on. Using HTML
semantically helps search engines and assistive technologies understand the
content.
HTML Elements: HTML documents are made up of HTML elements. An
HTML element is composed of an opening tag, content, and a closing tag.
Attributes: HTML elements can have attributes that provide additional
information about the element or modify its behavior.

A simple HTML structure typically consists of the most basic HTML elements required
to create a web page. Here's a minimal example of a simple HTML structure:

2. CSS (Cascading Style Sheets)

To get familiar with basics of styling a webpage using CSS and
minifying CSS for more efficiency.
Cascading Style Sheets (CSS) is a template language utilized for
portraying the introduction of a record written in a markup language like HTML. CSS
is a foundation innovation of the World Wide Web, close by HTML and JavaScript.
CSS is intended to empower the partition of introduction andsubstance,
including design, hues, and fonts. This detachment “can improve content availability,
give greater adaptability and control in the detail of introduction qualities, “empower
different site pages to share arranging by determining the significant CSS

19
 in a different. CSS record, and lessen intricacy and redundancy in the auxiliary
substance”.
Partition of organizing and substance likewise makes it attainable to
introduce a similar markup page in various styles for various rendering techniques, for
example, on-screen, in print, by voice (by means of discourse-based program or screen
per user), and on Braille-based material gadgets. CSS additionally has rules for
substitute designing if the substance is gotten to on a versatile device.
The name cascading originates from the predefined need plan to figure out
which style rule applies if more than one principle coordinates a specific component. This
falling need conspire is unsurprising.
CSS (Cascading Style Sheets) comes in several types or categories, each
serving different purposes or approaches in styling web content. Here are the main types
of CSS:

i) Inline CSS: Inline CSS is applied directly to individual HTML elements using
the style attribute. It's not a recommended practice for general styling because it
mixes content with presentation. However, it can be useful for quickly applying
specific styles to a single element. Example:
CSS is defined within the <style>

ii) element in the HTML document's

Internal or Embedded CSS: Internal <head>. It affects the styling of the entire
page or a specific section. Example:

iii) External CSS: External CSS is stored in separate CSS files with a .css extension
and linked to HTML documents using the <link> element. This is a preferred
method for maintaining styles across multiple pages. Example:

20
 3.2 Hierarchy of Roles/Posts in the Firm

BOOTSTRAP
Bootstrap is an open-source, front-end WEB FULL
STACK
DEVELOPER framework that provides a collection of tools and resources to help
developers create responsive, visually appealing, and consistent web applications and
websites. It was originally created by Twitter and is now maintained by the Bootstrap
community. Let's explore Bootstrap in more detail:

i) Responsive Design: One of the key features of Bootstrap is its focus on

responsive design. Responsive design means that web applications and websites
built with Bootstrap automatically adapt to various screen sizes and devices.
Whether a user is accessing a site on a desktop computer, tablet, or smartphone,
Bootstrap ensures that the layout and content adjust accordingly. This is
achieved through the use of a responsive grid system.

specify that a particular element takes up

ii)
four columns on large screens, but

switches to twelve columns on smaller screens.

Pre-Designed CSS Styles: Bootstrap
provides a comprehensive set of pre-
designed CSS classes and styles for common
UI elements, including typography, buttons,
forms, tables, navigation bars, alerts, badges,
iii) labels, and more. These
Grid System: Bootstrap includes a styles are consistent and aesthetically pleasing, making
responsive grid system that helps it easy for
developers create flexible and organized
layouts. The grid system is based on a 12-
column structure, which allows developers
to define how content should be arranged
on different screen sizes. By specifying the
number of columns an element should
occupy, developers can create responsive
designs easily. For example, you can

21
 developers to create a visually appealing user interface without starting from
scratch. Developers can apply these classes to their HTML elements to achieve a
desired look and feel.

iv) JavaScript Components: Bootstrap includes a variety of JavaScript components

and plugins to enhance the functionality of web applications. These components
cover areas such as modal dialogs, tooltips, popovers, carousels, dropdown
menus, and more. You can easily add interactivity and dynamic behavior to your
site by incorporating Bootstrap's JavaScript components.

v) Customization: While Bootstrap provides a set of default styles and components,

it's highly customizable. Developers can tailor Bootstrap to match their specific
project requirements and branding. Customization is possible through the use of
custom CSS and SASS variables. By modifyingthese variables and creating
custom CSS, developers can achieve a unique and branded appearance for their
web applications.

vi) Cross-Browser Compatibility: Bootstrap is designed to work consistently across

various web browsers, reducing the need for extensive browser-specific CSS or
JavaScriptcoding. This ensures that your website or web application looks

and functions well for users on different browsers and platforms.

themes, templates, and extensions, as well as
vii)
forums and
Community and Ecosystem: Bootstrap has
documentation. You can find ready-made
a large and active community of developers
and designers. This means there is a wealth themes or customize existing ones to match

of resources available, including third-party your project's needs.

viii) Documentation: Bootstrap offers comprehensive and well-organized

documentation that covers all aspects of the framework. This documentation
includes guidelines on how to get started, how to use Bootstrap's components
and styles, and solutions to common problems and challenges.

22
 JAVASCRIPT
To understand the concepts of JavaScript such as event-handling, OOPS etc. and
use them to create interactive web-apps.

JavaScript frequently shortened as JS, is a programming language that fits in

with the ECMAScript determination. JavaScript is elevated level, regularly in the nick of
time gathered, and multi-worldview. It has wavy section linguistic structure, dynamic
composing, model-based article direction, and top of the line capacities.

Nearby HTML and CSS, JavaScript is one of the center advances of the World
Wide Web. “JavaScript empowers intuitive site pages and is a fundamental piece of web
applications. Most by far of sites use it for customer side page conduct,” and all
significant internet browsers have a devoted JavaScript motor to execute it.

As a multi-worldview language, JavaScript underpins occasion driven, practical,

and basic programming styles. It has application programming interfaces (APIs) for
working with content, dates, ordinary articulations, standard information structures, and
the Document Object Model (DOM). Notwithstanding, the language itself does exclude
any info/yield (I/O, for example, systems administration, stockpiling, or illustrations
offices, as the host condition (generally an internet browser) gives those APIs.

JavaScript motors were initially utilized distinctly in internet browsers, however

they are presently implanted in certain servers, as a rule by means of Node.js. They are
additionally installed in an assortment of uses made with systems, for example, Electron
and Cordova.

In spite of the fact that there are similarities among JavaScript and Web,
including language name, linguistic structure, and particular standard libraries, the two
dialects are unmistakable and contrast enormously in plan.

i) Client-Side Scripting: JavaScript is mainly used as a client-side scripting

language, which means it runs in a web browser on the client's device (e.g., a
user's computer or mobile device). This enables web developers to enhance user
experiences directly within the browser.

23
 content and behavior without needing to
ii)
refresh the entire page.
DOM Manipulation: JavaScript
provides access to the Document Object
Model (DOM), which represents the
iii) structure of an HTML document.
Interactivity: JavaScript adds Developers can use JavaScript to
interactivity and dynamic behavior to interact with and manipulate HTML
web pages. It allows developers to elements, such as changing text, altering
respond to user actions, such as button styles, adding or removing elements,
clicks, form submissions, and mouse and responding to events.
movements, by altering the page's

iv) Event Handling: JavaScript allows developers to define event handlers to

respond to events like clicks, keypresses, mouse movements, and more.
This enables the creation of interactive and responsive user interfaces.

v) Asynchronous Programming: JavaScript supports asynchronous

programming through features like callbacks, promises, and async/await.
Asynchronous
operations are crucial for tasks like making HTTP requests, ensuring that web
applications don't freeze while waiting for data.

VS CODE
Visual Studio Code is a source-code editor
developed by Microsoft for
Windows, Linux and macOS. It includes support for debugging, embedded Git control
and GitHub, syntax highlighting, intelligent code completion, snippets, and code
refactoring. It is highly customizable, allowing users to change the theme, keyboard
shortcuts, preferences, and install extensions that add additional functionality. The
source code is free and open source and released under the permissive MIT License. The
compiled binaries are freeware and free for private or commercial use.
Visual Studio Code is based on Electron, a framework which is used
todeployNode.js applications for the desktop running on the Blink layout engine.
Although it uses the Electron framework, the software does not use Atom and instead
employs the same editor component (codenamed "Monaco") used in Azure DevOps
(formerly called Visual Studio Online and Visual Studio Team Services).

24
3.3 Timings and Work Culture of the Firm

Timings:
The working hours at the institute were quite structured and regular. Most staff, including
trainers and administrative personnel, adhered to a standard schedule.
 Operating Hours: The institute typically operated from 9:00 AM to 6:00 PM on
weekdays. The training sessions and administrative tasks were spread throughout the
day, allowing students and staff to follow a structured routine.
 Training Sessions: Depending on the course schedules, there were both morning and
afternoon batches, with some flexibility to accommodate students’ availability,
especially for working professionals who opted for evening or weekend classes.
 Weekends: While the institute remained open on Saturdays, Sundays were generally
non-working days. However, on Saturdays, activities like seminars, workshops, and
specialized training sessions were common.

Work Culture:
The work culture at Reliable IT School was both professional and collaborative, fostering a
productive learning environment.
 Learning-Oriented: The focus was always on providing a student-centric environment.
Trainers worked closely with students, ensuring they grasped complex concepts, and the
administrative staff provided support to streamline their learning experience.
 Collaborative Environment: I noticed a high level of collaboration between different
departments. The trainers often worked alongside the operations and marketing teams to
align course content with industry requirements. This collaborative spirit created an
atmosphere of shared goals and teamwork.
 Supportive: The trainers and managers were very approachable. The management
encouraged open communication and regularly sought feedback to improve processes.
From my experience, the leadership also emphasized the importance of work-life
balance, ensuring that employees weren’t overburdened and were able to maintain a
healthy routine.
 Professional Growth: There was a significant focus on continuous development, both for
students and employees. The trainers were encouraged to upskill regularly, keeping them
up-to-date with the latest technologies and trends in the industry.

Overall, the environment at Reliable IT School promoted professionalism, growth, and a

positive learning experience for both students and staff. This work culture contributed
significantly to the institute’s success and its reputation as a top-tier training provider.

25
3.4 Challenges Involved in the Firm

1. Adapting to Rapid Technological Changes:

One of the most significant challenges was keeping up with the constantly evolving IT industry.
With new technologies and programming languages emerging frequently, the institute had to
continuously update its curriculum to stay relevant. This meant that trainers had to regularly
upskill, and the institute had to invest in new resources, which sometimes led to gaps in
providing up-to-date content.

2. Balancing Quality and Growth:

As the institute expanded and the number of students increased, ensuring that every student
received individual attention became more difficult. The challenge here was to maintain the high
quality of education while scaling the number of courses and batches. I observed that with larger
batches, the trainers had to manage their time carefully to ensure every student had the support
they needed.

3. Placement Support:
Although Reliable IT School had a dedicated placement cell, the challenge of placing every
student in a relevant job was substantial. The IT job market is competitive, and ensuring
students were job-ready required not just theoretical knowledge but practical experience.
Sometimes, students struggled to meet the expectations of recruiters, which reflected the need
for more hands-on practice and real-time project exposure.

4. Marketing and Brand Awareness:

While Reliable IT School was popular in the Pimpri-Chinchwad area, I noticed that the institute
faced challenges in expanding its reach beyond the local market. With the rise of online
education platforms, the institute had to compete with national and global training providers.
This made it crucial for the marketing team to continuously work on improving the institute’s
visibility and differentiating it from its competitors.

5. Resource Management:
Another challenge involved the management of physical resources, such as computer labs and
software tools. During peak times, there were instances where the demand for lab access
outstripped availability, making it difficult for students to practice. Additionally, ensuring that
all the systems were updated with the latest software was a continuous process that required
constant attention.

26
3.5 Opportunities in the Firm

1. Expansion into Online Learning Platforms:

With the rise in demand for online education, especially post-pandemic, Reliable IT School has
a significant opportunity to expand its course offerings through online platforms. By creating a
robust e-learning infrastructure, the institute can cater to a larger audience beyond the Pimpri-
Chinchwad region. This would allow them to tap into a global market and increase enrollment
numbers by offering flexible learning options to both working professionals and students.

2. Collaborations with Industry Partners:

One of the major opportunities for the institute is to partner with more IT companies and
industry leaders. This would not only improve the placement opportunities for students but also
provide real-time projects and internships, making students more job-ready. Collaborations
could also lead to the development of customized corporate training programs, which would
open up a new revenue stream for the firm.

3. Specialized Advanced Courses:

The IT industry is evolving rapidly, and there’s a growing demand for niche skills like artificial
intelligence (AI), machine learning (ML), blockchain, and cybersecurity. Reliable IT School has
the opportunity to introduce advanced and specialized courses in these areas. Offering
certifications in these trending fields could help the institute attract more students looking to
upskill and align their knowledge with the latest industry trends.

4. Alumni Network and Mentorship Programs:

Leveraging the institute's alumni network could create valuable opportunities for current
students. Alumni who have secured jobs in prominent IT companies can be invited for
mentorship programs, guest lectures, and even as recruiters for campus placements. This would
strengthen the institute’s brand and provide current students with real-world insights and
networking opportunities.

5. Integration of Practical Experience with Courses:

Reliable IT School can focus on integrating more hands-on experience within their curriculum
by partnering with companies to offer real-time projects and internships as part of their courses.

27
 CONCLUSION
The main objective of the internship is to provide an opportunity to
undergraduates to identify, observe and practice how engineering is applicable in the real
industry. It is not only to get experience on technical practices but also to observe management
practices and to interact with fellow workers.” “It is easy to work with sophisticated machines,
but not with people. The only chance that an undergraduate has tohave this experience in the
internship. I feel I got the maximum out of that experience. Also, I learnt the way of work in an
organization, the importance of being punctual, the importanceof maximum commitment, and
the importance of team spirit.” “In my opinion, I have gained lots of knowledge and experience
needed to be successful in a great engineering challenge, asin my opinion; Engineering is after
all a Challenge, and not a Job.”

Finally, I can claim it's internship that helps me gain experience. Thanks to
Internshala Training, I gained so much more in-depth knowledge of technical skills and personal
skills This project helped me gather theoretical and practical knowledge about HTML4/5, CSS,
BS, and JS. Beforehand I was confident about designing and developing frontend of websites.
Now I am also confident and competent in backbends.

For those students who are willing to work in web development, there are
huge opportunities available. To give them the scope for online work and development of
website, most private and public organizations employ web designers. With the rapid emergence
of the digital industry, Web full stack developer professionals ' demand is growing, and in the
coming days this has already availed so many jobs opportunity for newcomers.

My internship company gave me a good scope to learn and discover my

potentials. I am very grateful to them. Now I am able to develop web and mobile applications. I
was fortunate for getting the chance to meet the real-life software development environment.