1.

ABSTRACT

This virtual internship report encapsulates my immersive experience in web

development and design. Throughout the internship, I delved into the dynamic realms of
HTML, CSS, and JavaScript, acquiring a robust foundation in front-end development.
Design principles became second nature as I honed my skills in creating visually
appealing and user-friendly interfaces. Collaborating with virtual teams sharpened my
communication and project management abilities. The internship fostered a deep
understanding of responsive design, ensuring seamless user experiences across various
devices. Exploring content management systems like Word Press enriched my back-end
knowledge. Moreover, I engaged in troubleshooting, debugging, and version control
practices using Git. This virtual journey not only augmented my technical proficiency but
also cultivated a keen eye for detail in crafting compelling digital experiences. Overall,
this internship has been a pivotal step in my evolution as a web developer, merging
theoretical knowledge with practical application in the dynamic landscape of web
development and design.

Keywords: Web development, Design, Internship, HTML, CSS, JavaScript, User

Experience, User Interface, Collaboration, Professional Growth.

1|Page
1. INTRODUCTION

1.1 Introduction to Internship

Internships give you valuable working knowledge, information, and work

experience with the industry that makes you an asset to potential employers.
For many people who want to work in the tech industry, they may come across
a similar roadblock: gaining experience. Most employers out there require some form
of experience to know that you can handle the tasks they give you.
Through web design and development internships, you can gain the experience that
employers’ needs which can potentially help you save some time looking for a
job.Internships have a lot of benefits. As a web development intern, you may be tasked
withwriting code, finding assets, making changes to websites, being a part of meetings,
or anynumbers of things that will help make you more familiar with the job. Web
developer internships provide you with the opportunity to get hands-on
exposure usingweb development tools on real-life projects. You’ll work with leading
web developersand have the chance to learn from them.
Internships also improve your communication, team working, time
management, self motivation, and or generational skills.
In the 21st century, companies are looking forward to digitalizing their work system so as to be
agile and efficient in response to customers’ demands. Hence, we visualize that ‘technology/digital
platformliteracy’ for employee is crucial in the survival of today’s business. According to a PWC
research, a majority of college graduates frequently receive further education and trainings to develop
their digital skills, whereas only 17% voice otherwise. At present, students are able to search
for internship program more extensively to include ones which may be outside of their
homelands withaspirations for better learning opportunities. This is due to the possibility
of well- developed telecommunication platforms and Internet, enabling companies to
conduct online interviews with talents across the globe who fulfill preliminary
requirements in order to select the right talent which can make a difference for the
companies.

Many web developer internship positions will naturally lead to full-time jobs. So securing
an internship at a top tech firm gets your foot in the door and helps kick start your dream
career.

2|Page
2. ABOUT THE COMPANY

2.1 Introduction
CodeAlpha Technologies Pvt. Ltd is a personalized software company that
turns the digital dreams of their clients into a reality. They conducted an internship
program called Summer Internship Program back from January. CodeAlpha was a
learning based technical internship for duration of a month. In which students had to
perform some practical tasks for their learning and gain in knowledge. They work
closely with their users throughout development to ensure that they are still aligned with
the end-goal. They are committed to producing exceptional software for each of their
clients.
Name of the Industry – CodeAlpha
Address of the Industry – Lucknow

Industries: Software Development

Company size: 11-50 employees
TypeSole: Proprietorship
Founded: 2022
2 . 2 Domain
List of the products/services/etc. details of the industry : Web Development and
Design, Android app Development, Cloud Computing.

 Website Development
Our website developers provide expert web application development and web
design services to our clients. CodeAlpha offers a variety of website design and
development services, we specialize in developing interactive, scalable, brand- oriented,
and business-ready custom web solutions. Our aim is to build profitable digital products
engineered to spark creativity and boost rate of interest.
 Cloud Computing
Whatever type of cloud computing services you use, one thing is certain: large
quantities of data will move back and forth between your end users and the cloud
provider's data ce nte rs, over the interne t. That' s why w hate ver type of
clo ud services you use, Code Alp h a can help your orga niz atio n have a
better clo ud expe rie nce and reap grea ter benefits from your cloud services
investment.

3|Page
  Database Management
Your databases are at the core of your business. Whether you’re operating on-
premises or in the cloud, using a traditional or open-source platform, our global experts
are available around the clock to help you turn your databases into a business
differentiator. We offer a full range of solutions to support your needs from assuming total
ownership of your database environment to augmenting your internal team to helping you
refactor for the cloud.

3. INTERNSHIP DOMAIN

3.1Domain Details

While web development typically refers to web mark-up and coding, website
development includes all related development tasks, such as client-side scripting, server-
side scripting, server and network security configuration, ecommerce development, and
content management system (CMS) development. Web Development usually refers to
developing the website for the internet (World Wide Web) or for an intranet (private
network). It is also known as Web Programming. It is the creation of dynamic Web
Applications
The technologies used in web development are
 HTML
 CSS
 BOOTSTRAP
 JAVA-SCRIPT
 All software is written by at least one coding language, but languages vary
based on platform, operating system, and style. All languages fall into one of two
categories: front-end and back-end. Front-end or (client-side) is the side ofa website
or software that you see and interact with as an Internet user. When website
information is transferred from a server to a browser, front-end coding
languages allow the website to function without having to continually
“communicate” with the Internet.
 Front-end code allows users to interact with a website and play videos, expand or
minimize images, highlight text, and more. Web developers who work on
front-encoding work on client-side development Back-end (or server- side)
is the side that you don’t see when you use the Internet. It’s the digital
infrastructure, and to non-developers, it looks like a bunch of numbers, letters, and
symbols.

4|Page
4. INTERNSHIP DETAILS

4.1 Roles and Responsibilities

The Roles and Responsibilities which are given to the Web Development and Designing
Intern are:-
1. Assist in writing well designed, testable, efficient code by using best software
development practices.
2. Assist in creating website layout/user interface by using standard HTML/CSS
practices.
3. Assist in integrating data from various back-end services and databases.
4. Assist in gathering and refining specifications and requirements based on technical
needs.
5. Assist in creating and maintaining software documentation.
6. Assist in maintaining, expanding, and scaling sites.
7. Keep up to date into emerging technologies/industry trends and apply them
into operations and activities.

5|Page
4.2 Tasks Performed
Task-1 Creating a Resume Builder using HTML, CSS and JavaScript

The goal of a Resume Builder project is to create a tool or application that

helps individuals easily and effectively create professional resumes. The Resume
Builder project aims to streamline the resume creation process and enhance the overall
quality of resumes by offering a user-friendly interface and predefined templates.

 Structure with HTML:

Begin by structuring the content of your landing page using HTML. This
involves defining sections such as the header, navigation bar, hero section (the first
and most prominent part of the page), features section, about us section, and a contact
section. HTML provides the foundation for organizing and presenting the information
on your page.

 Style with CSS:

Once the structure is in place, use CSS to style and enhance the visual
presentation of your landing page. This includes setting the font, colours, spacing, and
layout to create an aesthetically pleasing design. CSS allows you to define the look
and feel of each section, ensuring a cohesive and professional appearance.

By combining HTML for structure and CSS for style, you can create an engaging
and visually appealing landing page that effectively communicates your message and
encourages users to take desired actions, such as signing up or exploring your products
and services.

 Output:

6|Page
Task-2. Personal Portfolio:
We have to design our portfolio using HTML and CSS only
Create a personal portfolio with the basic skills in CSS and HTML. This is yet
again, one of the most common projects on web development for beginners. In a personal
portfolio. You get to show a wide range of samples and skills and add your resume. You
can add an image at the top where you can introduce yourself below that, you
can add contact information. Designing your portfolio using HTML and CSS involves
two main steps: structuring content and styling the presentation.

 Structuring Content with HTML:

In HTML, you'll create the structure of your portfolio by defining different
sections. These may include a header with your name and perhaps a brief tagline, a
portfolio section showcasing your work, an "About Me" section providing
background information, and a contact section. HTML tags like `<header>`,
`<section>`, and `<footer>` will help organize your content logically.

 Styling Presentation with CSS:

CSS will be used to enhance the visual appeal of your portfolio. You can set the
font styles, colors, and layout. Consider using a clean and professional color scheme
that complements your personal brand. Use CSS to control the spacing and
positioning of elements to create a visually pleasing and well-balanced design. Pay
attention to typography to ensure readability, and use images or icons to add visual
interest.

By combining HTML for content structure and CSS for presentation style, you can
create a visually appealing and well-organized portfolio that effectively showcases your
skills and projects. Remember to keep the design clean, user-friendly, and reflective of
your personal or professional identity.

 Output:

7|Page
Task-3. Created a Responsive Blog using HTML , CSS and JavaScript

A responsive blog requires a design and development approach that ensures

optimal user experience across a variety of devices and screen sizes. Key requirements
include a mobile-friendly layout, fluid grid systems, and flexible images that adapt to
different screen resolutions.

 HTML (Structure):
Use HTML to create the basic structure of your webpage. Include elements like
headings, input fields, buttons, and result displays.

 CSS (Styling):
Apply styles to make your temperature converter visually appealing. Consider
using a clean and user-friendly design. Style the input fields, buttons, and result
display to create a cohesive and intuitive interface.

 Testing and Validation:

Test your responsive blog website to ensure it works accurately and provides the
expected results. Validate user inputs to handle cases where users enter invalid data.

 Optimization (Optional):
Optimize your code and assets for performance. This includes minimizing
unnecessary code, optimizing images, and ensuring your website loads quickly.

 Deployment:
Once you are satisfied with your responsive blog, you can deploy it to a web hosting
service to make it accessible on the internet.

 User Experience Considerations:

Think about the user experience. Provide clear instructions, feedback messages, and
a user-friendly interface to enhance usability. By combining HTML, CSS, and
JavaScript, you can create a functional and visually appealing temperature converter
website that allows users to easily convert temperatures between different units.

LinkedIn URL: D Govardhan

Task 1: Resume Builder

Task 2: Portfolio
Task 3: Responsive blog

8|Page
  Output

5. FUTURE OPPORTUNITIES:

Jobs directly related to your internship include:

* Applications developer

* Game developer

* Multimedia programmer

* Multimedia specialist

* SEO specialist

* UX researcher

* Web content manager

* Web designer

* Web developer

9|Page
 6. INTERNSHIP OUTCOMES

6.1 Information of knowledge gain

With respect to my objectives of internship I have learn following methodologies in

my internship.

1. Efficient notes making:

Creating notes is never a easy task. Making notes for the sake of making them is
never a good idea. We have to take the important points from what we have
learned and then present them in such a form that whenever we just look at them,
we start to remember all those things. I have learned this skill of making good notes
in this duration of internship.

2. Git/GitHub:
While working on IT projects using a version control system like git really
comes in handy to manage the changes in code, track them down and retrieving code
in case of loss or errors. And GitHub is very useful for storing the source code of our
projects in this internship I have learned to use the GitHub for storing my projects.

7. CONCLUSION

Finally, I can claim it's internship that helps me gain experience. Thanks to
CodeAlpha, 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,MYSQL and other programming language. Beforehand I was confident about
designing and developing front end of websites. Now I am also confident and competent
in back ends.

10 | P a g e