INTERNSHIP REPORT
ON
WEB DEVELOPMENT & SEARCH ENGINE
OPTIMIZATION HOSTED ON PUBLIC CLOUD
INFRASTRUCTURE
Submitted in partial fulfilment for the award of the degree of
Bachelor of Engineering
in
COMPUTER SCIENCE AND ENGINEERING of
Visvesvaraya Technological University Belgaum
During the year 2020-21
Carried out by
Divya R
1SB18CS017
Under the Guidance of
Mr. Krishnendu Banerjee
Co-founder XPro Technologies
Department of Computer Science and Engineering
SRI SAIRAM COLLEGE OF ENGINEERING
Anekal, Bengaluru – 562106
1
SRI SAIRAM COLLEGE OF ENGINEERING
Anekal, Bengaluru – 562106
Department of Computer Science and Engineering
CERTIFICATE
This is to certify that Ms. Divya R bearing the USN 1SB18CS017 has carried out the
internship work entitled “Web development and search engine optimization hosted on
public cloud infrastructure.”
In Xpro Technologies Pvt for the partial fulfilment for the
award of Bachelor of Engineering in Department of Computer Science and Engineering in Sri
Sairam College of Engineering, Bengaluru under Visvesvaraya Technological University,
Belagavi during the year 2021 - 2022.
Signature of the Guide
Sriram Kumar R
Assistant Prof., Dept. of CSE
Signature of the HOD
Signature of the Principal
Prof. Sivaprakash C
Dr. B. Shadaksharappa
HOD, Dept. of CSE
Principal, SSCE.
Name of the Examiners
Signature with Date
1.
2.
2
ACKNOWLEDGEMT
I hereby thank the management for providing an opportunity to study in their esteemed
institution.
I am very much thankful to our beloved Chairman and CEO Sri Sai Prakash Leo
Muthu and to our Management Representative Dr. R. Arun Kumar for their kind
encouragement.
I express kind thanks to Dr. B. Shadaksharappa, Principal, Sri Sairam College of
Engineering, Bengaluru and his encouragement towards student’s attitude.
express our heart full gratitude and humble thanks to Prof. C. Sivaprakash, HOD,
Department of Computer science and Engineering, Sri Sairam College of
Engineering, Bengaluru for having facilitated me to complete our internship
successfully.
I take this opportunity to express our sincere thanks to my guide Mr. Sriram Kumar
R , Assistant professor, Department of Computer science and Engineering, Sri
Sairam College of Engineering, Bengaluru for guiding and encouraging me throughout
the internship tenure.
I would like to thank Mr. Krishnendu Banerjee, Co-founder XPro Technologies for
providing the internship opportunity.
I would like to mention our special thanks to all faculty member of Computer Science
and Engineering department Sri Sairam College of Engineering, Bengaluru for their
valuable support and guidance.
I finally thank our family and friends who have been encouraging us constantly and
inspiring us throughout, without whom this internship has never seen the light of the
day.
3
CERTIFICATES
4
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
CONTENTS
SL NO
TITLE
PG NO
1
About the Company
6
2
Task Performed
7
2.1 Concept
7
2.2 Design
10
2.3 Programming
12
2.4 Testing
17
2.5 Snapshots
19
3
Reflection
24
3.1 Experience
24
3.2 Technical
25
3.3 Non-Technical
26
4
Conclusion
28
5
References
29
5
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
1. ABOUT COMPANY
XPro Technologies is a start-up company located in United Kingdom is a software product and
services company with speciality in Continuous Integration, Software Testing and Deployment.
Integrate business with quality product and services

Passion for Quality and Reliability.

Commitment to Customers.

Teamwork and Collaboration.
Services

Software testing
Experienced in testing complex software and systems across different domains.

Web Development
Experienced in building HTML/CSS Website and API development.

Test Automation
Experienced in building Automation Frameworks using Open-Source tools.

Deployment and Support
Experienced in handling integration and deployment of complex solutions to
production

DevOps
Experienced in integrating software and solutions with the Continuous Integration
Pipelines.
6
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
2. TASK PERFORMED
2.1 Concept

First create a website page.

For creating a web page, use HTML and CSS
Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) is the standard markup language for creating web pages
and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of
cornerstone technologies for the World Wide Web.
 Web browsers receive HTML documents from a web server or from local storage and
render the documents into multimedia web pages.
 HTML describes the structure of a web page semantically and originally included cues
for the appearance of the document.
 HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the rendered
page.
 HTML provides a means to create structured documents by denoting structural
semantics for text such as headings, paragraphs, lists, links, quotes and other items.
 HTML elements are delineated by tags, written using angle brackets.
 Tags such as <img/> and </input> directly introduce content into the page. Other tags
such as surround and provide information about document text and may include other
tags as sub-elements.
 Browsers do not display the HTML tags, but use them to interpret the content of the
page.
 HTML can embed programs written in a scripting language such as JavaScript, which
affects the behavior and content of web pages.
7
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
 HTML describes the structure of Web pages using markup. HTML elements are
represented by tags.
 HTML tags label pieces of content such as "heading", "paragraph", "table", and so on.
 Browsers do not display the HTML tags, but use them to render the content of the page.
 The text and tags of the entire HTML document must be surrounded by a set of
<HTML>…</HTML>tags.
A Simple HTML Document
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph</p>
</body>
</html>
The example is explained as:
 The <!DOCTYPE html> declaration defines this document to be HTML5.
 The <html> element is the root element of an HTML page.
 The <head> element contains meta information about the document.
 The <title> element specifies a title for the document.
 The <body> element contains the visible page content.
 The <h1> element defines a large heading.
8
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
 The <p> element defines a paragraph.
Cascading Style Sheets (CSS)
 Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language like HTML.
 CSS is a cornerstone technology of the World Wide Web, alongside HTML and
JavaScript.
 CSS is designed to enable the separation of presentation and content, including layout,
colors, and fonts.
 This separation can improve content accessibility, provide more flexibility and control
in the specification of presentation characteristics, enable multiple web pages to share
formatting by specifying the relevant CSS in a separate.
 CSS file, and reduce complexity and repetition in the structural content.
 Separation of formatting and content also makes it feasible to present the same markup
page in different styles for different rendering methods, such as on-screen, in print, by
voice (via speech-based browser or screen reader), and on Braille-based tactile devices.
 CSS also has rules for alternate formatting if the content is accessed on a mobile
device.
 The name cascading comes from the specified priority scheme to determine which style
rule applies if more than one rule matches a particular element.
 This cascading priority scheme is predictable. The CSS specifications are maintained
by the World Wide Web Consortium (W3C).
 Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318
(March 1998).
 The W3C operates a free CSS validation service for CSS documents.
9
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
Sample CSS document
body
{
background-color: lightblue;
}
h1
{
color: white; text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
 Using JavaScript and jQuery for making the webpage responsive and interactive.
 Connecting a Section of home page with the pages created for each option in the home
page section.
 Hosting the webpages on AWS and performing Search engine optimization
2.2. DESIGN
2.2.1 SEO (SEARCH ENGINE OPTIMIZATION)
SEO stands for search engine optimization, which is a digital marketing strategy which mainly
focuses on a website’s presence in the search results on search engines like Google. When a
person understand how SEO works, you can use different tactics to increase your visibility (or
how high is you rank) in the search results
2.2.2 FRONT END DEVELOPMENT
The system was developed by using many technologies for developing the UI and to display
the content on the webpage. HTML is being used to provide basic layout for the webpage which
10
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
includes the content such as (images, texts, paragraphs, headings etc) and UI such as (text field,
radio button, check box etc).
Css was used in the system for designing the UI and contents provided using the HTML, we
also used JavaScript for making the webpages interactive along side with Bootstrap4 and
jQuery. JavaScript is mainly used to load the content from the server and perform some
operations when an event is triggered (clicking a button). We also used the bootstrap classes to
make the webpages more responsive and device dependent.
2.2.3 Hosting on public cloud infrastructure
The public cloud is defined as computing services offered by third-party providers over the
public Internet, making them available to anyone who wants to use or purchase them. Public
clouds can also be deployed faster than on-premises infrastructures and with an almost
infinitely scalable platform.
The cloud infrastructure used by the company was Aws lite which was a light weight server
which is mainly used to host small-medium scale business applications, which also provides
an option to purchase the domain as per the requirements.
11
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
2.3 PROGRAMMING
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>X-Pro Technologies</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,4
00i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700" rel="styleshe
et">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/font-awesome/css/fontawesome.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="sty
lesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Top Bar ======= -->
<section id="topbar" class="d-none d-lg-block">
<div class="container clearfix">
<div class="contact-info float-left">
<i class="fa fa-envelopeo"></i> <a href="mailto:krishnendu.banerjee@xprotech.com">krishnendu.banerjee@
xprotech.com</a>
12
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
<i class="fa fa-phone"></i> +44 7712135350
</div>
</div>
</section><!-- End Top Bar-->
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<h1><a href="#topbar" class="scrollto"><span></span>X<span>Pro</span>T
ech</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!--<a href="#topbar"><img src="assets/img/favicon.png" alt=""></a>-->
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="#topbar">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Expertise</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- End Header -->
<!-- ======= Intro Section ======= -->
<section id="intro">
<div class="intro-content">
<h2>Quality <span>does </span><br>matter!</h2>
<div>
<a href="#services" class="btn-get-started scrollto">Get Started</a>
<a href="#portfolio" class="btn-projects scrollto">Expertise</a>
</div>
</div>
<div id="intro-carousel" class="owl-carousel">
<div class="item" style="background-image: url('assets/img/introcarousel/1.jpg');"></div>
<div class="item" style="background-image: url('assets/img/introcarousel/2.jpg');"></div>
<div class="item" style="background-image: url('assets/img/introcarousel/3.jpg');"></div>
13
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
<div class="item" style="background-image: url('assets/img/introcarousel/4.jpg');"></div>
<div class="item" style="background-image: url('assets/img/introcarousel/5.jpg');"></div>
</div>
</section><!-- End Intro Section -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="wow fadeInUp">
<div class="container">
<div class="row">
<div class="col-lg-6 about-img">
<img src="assets/img/about_info.jpg" alt="">
</div>
<div class="col-lg-6 content">
<h2>X-Pro Technologies Limited</h2>
<h3>Integrate business with quality product and services</h3>
<ul>
<li><i class="ion-android-checkmarkcircle"></i> Passion for Quality and Reliability.</li>
<li><i class="ion-android-checkmarkcircle"></i> Commitment to Customers.</li>
<li><i class="ion-android-checkmarkcircle"></i> Teamwork and Collaboration.</li>
</ul>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Services Section ======= -->
<section id="services">
<div class="container">
<div class="section-header">
<h2>Services</h2>
<p>XPro technologies Limited is a software product and services company with speci
ality in Continuous Integration, Software Testing and Deployment.</p>
</div>
<div class="row">
14
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
<div class="col-lg-6">
<div class="box wow fadeInLeft">
<div class="icon"><i class="fa fa-bar-chart"></i></div>
<h4 class="title"><a href="services/software_testing.html">Softw
are Testing</a></h4>
<p class="description">Experienced in testing complex software a
nd systems across different domains.</p>
</div>
</div>
<div class="col-lg-6">
<div class="box wow fadeInLeft">
<div class="icon"><i class="fa fa-bar-chart"></i></div>
<h4 class="title"><a href="services/test_auto.html">Test Automat
ion</a></h4>
<p class="description">Experienced in building Automation Framew
orks using Open Source tools.</p>
</div>
</div>
<div class="col-lg-6">
<div class="box wow fadeInRight">
<div class="icon"><i class="fa fa-picture-o"></i></div>
<h4 class="title"><a href="services/devops.html">DevOps</a></h4>
<p class="description">Experienced in integrating software and s
olutions with the Continuous Integration Pipelines.</p>
</div>
</div>
<div class="col-lg-6">
<div class="box wow fadeInLeft" data-wow-delay="0.2s">
<div class="icon"><i class="fa fa-shopping-bag"></i></div>
<h4 class="title"><a href="services/support.html">Deployment and
Support</a></h4>
<p class="description">Experienced in handling integration and d
eployment of complex solutions to production</p>
</div>
</div>
<div class="col-lg-6">
<div class="box wow fadeInRight" data-wow-delay="0.2s">
<div class="icon"><i class="fa fa-map"></i></div>
<h4 class="title"><a href="services/web_dev.html">Web Developmen
t</a></h4>
<p class="description">Experienced in building HTML/CSS Website
and API development.</p>
15
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
</div>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Demo Section ======= -->
<section id="call-to-action" class="wow fadeInUp">
<div class="container">
<div class="row">
<div class="col-lg-9 text-center text-lg-left">
<h3 class="cta-title">Products and Frameworks</h3>
<p class="cta-text">XPro has assembled a simple project to demonstrate Test Automation and CI/CD.</
p>
</div>
<div class="col-lg-3 cta-btn-container text-center">
<a class="cta-btn alignmiddle" href="services/demo_automation.html">Read More</a>
<!--<a class="cta-btn alignmiddle" href="http://www.xprotechnologies.com:8080" target="_blank">Jenkins CI
</a>-->
</div>
</div>
</div>
</section><!-- End Demo Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="wow fadeInUp">
<div class="container">
<div class="section-header">
<h2>Our Expertise</h2>
<p>XPro has specialised knowledge in different Open Source Test Automation technol
ogies and methods. The team has also extensive experience in Containerised Dev
elopment. </p>
</div>
</div>
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-lg-3 col-md-4" id="box">
<div class="image-box" style="width:100%; height:100%"
16
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
2.4 TESTING
Project Testing is an investigation conducted to determine the quality of the project and
the services provided by the project. Testing is the process of analysing a project to detect the
differences between existing and required conditions (i.e., defects/errors/bugs) and to evaluate
the features of the project.
After complete development of the project, it is mandatory to test the project. The main
motive of the project testing is to identify whether project is able to meet user requirements or
not. To know the better performance of project we have to develop various test cases. Now,
designing good test cases is a complex are. The complexity comes from three sources:
Test cases help us discover information. Different types of tests are more effective for
different classes of information. Test cases can be “good” in a variety of ways. No test case
will be good in all of them. Tend to create test cases according to certain testing styles, such as
domain testing or risk-based testing. Good domain tests are different from good risk-based
tests.
2.4.1 TESTING OBJECTIVES:
The main objective of testing is to uncover a host of errors, systematically and with
minimum effort and time. Stating formally, can be said as, Testing is a process of executing a
program with the intent of finding an error. A successful test is one that uncovers an as yet
undiscovered error. The tests are inadequate to detect possibly present errors. The software
more or less confirms to the quality and reliable standards. The most important activity at the
implementation stage is the system testing with the objective of validating the system against
the designed criteria. During the development cycle, user was involved in all the phases that
are analysis, design and coding. Firstly, the lower-level modules are coded and then are
integrated together. Thus, before implementation, it involves the testing of the system. The
testing phase involves testing first of separate parts of the system and then finally of the system
as a whole. Each independent module is tested first and then the complete system is tested. This
is the most important phase of the system development. The user carries out this testing and
test data is also prepared by the user to check for all possible combinations of correct data as
well as the wrong data that is trapped by the system. So, the testing phase consists of the
following steps:
17
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
2.4.2 UNIT TESTING:
The purpose of the coding and unit testing phase of software development is to translate
the software design into source code. Each component of the design is implemented as a
program module. The end-product of this phase is a set of program modules that have been
individually. To enable the engineers to write good quality programs, every software
development organization normally formulates its own coding standards that suit itself. A
coding standard addresses issues such as the standard ways of laying out the program codes,
the template for laying out the function and module headers, commenting guidelines, variable
and function naming conventions, the maximum number of source lines permitted in each
module, and so forth.
2.4.3 INTEGRATION AND SYSTEM TESTING:
Integration of different modules is undertaken once have been coded and unit tested.
During the integration and system testing phase, the modules are integrated in a planned
manner. The different modules making up a software product are almost never integrated in
one shot. Integration is normally carried out incrementally over a number of steps. During each
integration step, the partially integrated system is tested and a set of previously planned
modules are added to it. Finally, when all the modules have been successfully integrated and
tested, system testing is carried out. The goal of system testing is to ensure that the developed
system conforms to its requirements laid out in the SRS document. Our project is integrated
and tested by using an activity by name testing is the system testing performed by the
development team.
2.4.4 REGRESSION TESTING:
Regression testing is the testing after modification of a system, component, or a group
of related units to ensure that the modification is working correctly and is not damaging or
imposing other modules to produce unexpected results. It falls under the class of black box
testing.
2.4.5 BETA TESTING:
Beta testing is the testing which is done by end users, a team outside development, or
publicly releasing full pre-version of the product which is known as beta version. The
aim of beta testing is to cover unexpected errors. It falls under the class of black box
testing.
18
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
2.5 SNAPSHOTS
Fig. 2.5.1: Home page
Fig. 2.5.2: Expertise Section
19
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
Fig. 2.5.3: Test Automation page
Fig. 2.5.4: Performance Texting page
20
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
Fig. 2.5.5: High Availability page
Fig. 2.5.6: Page Continuous Delivery
21
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
Fig. 2.5.7: Page API Development
Fig. 2.5.8: Page Web Development
22
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
Fig. 2.5.9: Page Application Containerization
Fig. 2.5.10: Page Quality Management System
23
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
3. REFLECTION
3.1 Experience
My internship at XPro Technologies has taught me more than I could have imagined. As the
intern, I feel my duties were diverse, and ever-changing. Sometimes it’s tough to recall
everything I have taken in over the past months, but I feel that these are some of the most
beneficial lessons I have learned.
What I’ve Learned:
 I’m not alone: Coming into this position, I felt that I had no idea where my career was
going and I lacked confidence about what I could do and what I am really good at. My
internship has definitely given me a better understanding of my skill set and where my
career may take me, but most importantly, I’ve come to learn that I am not alone. This
job has taught me that almost everybody is in my same position. Very few college
students know what has to be done, and it is something that is simply not worth
worrying about. Thanks to my I know that if I continue to work hard things will fall
into place.
 To keep writing: This was huge for me. I have always enjoyed writing, and always felt
that I was pretty good at it. Yet, what this position taught me is that I really didn’t have
the writing skills I thought I had. Writing takes practice and I simply was not practicing
enough. Writing for the web and writing a average research paper could not be more
different. I had to learn to adapt a new tone with my writing, something that took a little
getting used to. This position kept me writing something new every day, and I can say
that my writing has improved drastically.
 How to behave in the office: This being my first position in an office atmosphere, I
didn’t know exactly what to expect. The environment here at Experience is quite
relaxed, yet it taught me how to behave in the workplace. Simply working in the office
and getting used to everything here has definitely prepared me for whatever my next
position may be. Just observing the everyday events has taught me more about
teamwork, and how people can come together to get things done. Although sometimes
I have to remind myself to use my inside voice, I feel I’ve adapted to the office life
relatively well.
24
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
 How to build my resume: Like I said, this internship has improved my skills a ton, both
off paper and on paper. I didn’t realize it all of this time, but this position served not
only as a positive learning experience, but a resume builder as well.
3.2 Technical
As part of testing at XPro Technologies, I was working as a web development intern. In the
three months I have been here, I have made more intellectual discoveries than I can count: all
thanks to the incredible mentorship and patience of the team I have been working with.
Here are my Technical Experiences:

Be meticulous: as an intern, a student need to be more careful and attentive while
receiving inputs from professionals. A student need to consider all modules while
testing without leaving any cases.

Take notes (and study hard): Almost every day that I’ve been at XPro Technologies,
I’ve felt like I’m drinking from a fire hose. The amount of sheer knowledge and wisdom
that comes spouting out from the mouths of Trainer is enough to make anyone’s head
swim. Much to my relief, these guys are very well-structured and patient in the way
they teach, so everything clicks neatly into place. They click faster, though, if you take
notes. I have an organized notebook with headings and a Table of Contents page to help
me keep track of everything I’ve learned. Bits of code that I use repeatedly are
highlighted, and I have brass tabs for sections that I use frequently. On top of this, I
have a Weekly Planner where I jot down all the tasks that we need to tackle every day,
and a non-lined notebook for drawing out flowcharts — for more complicated
programming logic— and wireframes.

Don’t reinvent the wheel: One of the things I discovered was that Trainer had set up an
incredible system, with his own fully-customized stylesheets and a style guide that
would make any documentation heart sing. Before I became familiar with the system, I
was tempted to create certain classes that I figured would be easy for me to access and
apply.
25
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
3.3 Non-Technical
 There are always lots of things to learn from seniors. Below mentioned are some of my
non- technical experiences beside technical experiences that I experienced working at
XPro Technologies:
 Get involved in the company: Sounds simple, right? But when you’re juggling a lot of
tasks and trying to get yourself oriented at a new company, it’s easy to forget the little
things that matter to the people around you. On our first day at the company, the other
intern and I were encouraged to sign up for Twitter. On the train to work the next
morning, I dutifully set up an account, and followed our company’s account, plus the
accounts of a few colleagues. But it has turned out to be really beneficial. I’ve been able
to keep up- to-date on the company’s news plus the news of key partners, as well as
check out interesting tweets from my colleagues. I have been tweeting posts about
company events and new product features that our team has been working on. It’s an
easy way to get involved, and shows that you actually care about where you work.
 Ask questions — but more importantly, listen: Trainers, very kindly told us that “there
are no stupid questions,” and that we are encouraged to ask whatever comes to mind. I,
on the other hand, firmly believe there is such thing as a stupid question. Usually those
occur when you just haven’t been paying attention, or when you’re too lazy to think for
yourself about what has been said. Asking questions is important, particularly when you
genuinely don’t understand something. But listening to answers is even more so. Take
the time to listen to what is being said, and think about it. It’s human nature to hear the
words coming out of someone else’s mouth, and start mentally preparing a response
while they’re talking. Don’t do it. Pay attention to what you’re being told.
 Know whom to talk to: One of the great things about this internship was that we were
encouraged to reach out to members of other teams to discuss what product features
they wanted, and how we could implement them. We learned to defer to their expertise
in some respects, and to the judgement of our Product team in others. For example, we
were tasked with building the tabs on the broker dashboard so that the leads that have
been submitted by a broker are neatly divided into Active, Inactive, and Settled. In
addition, we created a referral link card. Both of these tasks required liaising with the
26
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
Head of Third-Party Partnerships so that the functionality and language of the feature
was suitable for the broker audience.
27
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
CONCLUSION
Everything is becoming digitalized in the modern world; previously business extensions were
done using visiting cards which are known being replaced by the digital media called as business
websites where search engine optimization plays a vital role in increasing the ratings of the
website i.e. making a website’s presence in the search results on search engines like Google.
These Business websites are mainly used to increase the number of clients, also to showcase
the services provided by the company, it may also include the ratings of the company given by
their clients and the employees of the company which may include the customer satisfaction as
well as the working environment of the company. I am glad to say that I successfully completed
my web development Web Development and Search Engine Optimization Hosted on Public
Cloud Infrastructure where I was guided and supported by the team of developers to learn
enhance my skills as well as develop and deploy set of webpages.
28
WEB DEVELOPMENT & SEARCH ENGINE OPTIMIZATION HOSTED ON PUBLIC CLOUD INFRASTRUCTURE
REFERENCES
http://stackoverflow.com – Stack Overflow [1]
https://www.w3schools.com/html/ - W3Schools HTML [2]
https://www.w3schools.com/css/ - W3Schools CSS [3]
https://www.w3schools.com/jQuery/ - W3Schools jQuery [4]
https://www.w3schools.com/js/ - W3Schools JS [5]
https://www.w3schools.com/Bootstrap4/ - W3Schools Bootstrap4 [6]
29