Page |1
VISVESVARYA TECHNOLOGICAL UNIVERSITY,
BELAGAVI ,590018
Internship Report on
“Web Development”
Submitted in partial fulfillment of academic session in post - graduation degree course of
MASTER OF COMPUTER APPLICATION
Submitted by: Gourav Kumar Malviya
Under the Support and Guidance of:
Internal Guide:
Dr. Rajshekaraiah M
H.O.D.
(AMC Engineering College)
External Guide:
Aarav
Web Developer
(Learnovate Ecommerce pvt. Ltd.)
AMC ENGINEERING COLLEGE
BANNERGATTA ROAD, KALKERE, BANGALORE -83
(Approved by AICTE, New Delhi, accredited by NAAC, NBA, New Delhi, Affiliated to VTU Belagavi)
2021-2022
Page |2
AMC ENGINEERING COLLGE, BANGALORE – 83
DEPARTMENT OF MASTER OF COMPUTER APPLICATION
Internship Certificate
This is to certify that Mr. Gourav Kumar Malviya bearing 1AM20MC033
has satisfactorily completed the Internship – 20MCA43 entitled Web
Development in the academic year 2021-22 as prescribed by VTU for IV
Semester of Master of Computer Application.
Dr. Rajashekaraiah M
Head of the Department
AMC Engineering College
Bangalore
Dr. Girisha C
Principal
AMC Engineering College
Bangalore
Page |3
Page |4
Page |5
Acknowledgement
I would love to thank Mr. Aarav (web Developer), Mr. Ravi Singh,
Founder and Dr. Aaradhana Neupane, Co-founder of Learnovate
Ecommerce, Pune (Maharashtra) for giving me the possibility to do an
internship within the employer. I additionally would like all the human
beings that worked together with me Learnovate Ecommerce with their
patience and openness they created an exciting operating surrounding.
it's miles certainly with outstanding experience of pleasure and huge
sense of gratitude that I well known the assist of those individuals.
I am particularly indebted to our chairman Dr. K.R. Paramahansa and
main Dr. Girisha C, for the centers provided to accomplish this internship.
I would really like to thank my Head of the branch Dr. Rajashekaraiah M
for his constructive criticism for the duration of my internship.
I would really like to thank Prof. Padma Priya, for his or her help and
advices to get and entire internship in above stated organization. I am
extremely great complete to my branch workforce participants and
friends who helped me in a success final touch of this internship.
Page |6
Index
S. No.
1.
Content
Page no.
7-9
2.
Introduction
 About company
Abstract
3.
Analysis
11
4.
Software Requirement
12
5.
Technology
 HTML
 CSS
 Bootstrap
 Tailwind CSS
 API
 DNS
 Server Management
6.
Task
7.
Coding Solutions
21-22
8.
Screenshots
23-26
9.
Conclusion
27
10. Future Scope
10
13-19
20
28
Page |7
Introduction
Web Development is the coding or programming that allows internet site
Functionality, consistent with the owner's requirements. It especially
offers with the non-design Component of constructing websites, which
incorporates coding and writing markup. Net development stages from
developing undeniable text pages to complex internet-primarily based
Packages, social network programs and digital business programs. The
web development hierarchy is as follows:
1. Client-Side coding.
2. Server-side coding.
3. Database technology.
Most net devs use Hypertext Markup Language (HTML), Cascading Style
Sheets (CSS), and JavaScript to develop web sites. HTML defines the
primary framework of internet site – the muse upon which the whole lot
else is built upon. It paperwork the blocks that define a web page’s
format, Layout, and vital components. Although it is theoretically viable
to code an Internet site on HTML best, it will likely be just a barebone
web site without capabilities until it’s Enriched with CSS and JavaScript.
Additionally, even easy fashion changes consisting of Converting the
shade of a button require a lot of coding to be completed the use of
HTML Only.
CSS is used to style the content of a internet site the usage of a small set
of files which might be Stored across the whole website online. This
manner, on every occasion an alternate ought to be applied to mention
Constantly exchange the shade of all the buttons located in every web
Page |8
page of the Internet site, an internet dev needs to edit handiest a single
report in CSS.
The JavaScript programming language is used to take care of the
interactivity of Many precise website factors. It may be used to create
consequences that modify the Look of icons and drop-down menus, add
animations, video games, and different Interactive factors.
Web Developer are commonly divided into the front-end devs, back-end
up devs, and full-stack devs. The front-end dev takes care of all of the
visual aspects of the web site (format, navigation bar, and so forth.), its
interactivity, and binds collectively all its elements. Returned-quit devs
cope with less seen tasks that make sure the website runs Easily, along
with coping with the internet site’s website hosting offerings, database,
and Applications. Returned-quit devs may want to engineer approach to
server troubles through the use of additional server-aspect languages
inclusive of Python, Ruby, Java, and Hypertext Preprocessor.
Full-stack devs are developers capable of do both front-end and backend
obligations at the same time.
Page |9
 About Company
LEARNOVATE is an online venture to severe pre-owned, second- hand
boos & embedded equipment equipment’s. We offer a wide range of
titles both used & unused which undergo a thorough 5 step quality check
where everything from the page count to the binding of the goods are
checked and approved before being offered to our customers. We offer
our customer both the options of buying low priced new books or even
lower priced second- hand equipment
 Mission
Our Mission is to inculcate good quality reading habits by making good
quality objects affordable and accessible globally to the customers.
 Vision
Our Vision is to provide quality but affordable books for education,
entertainment, self-development and self-fulfillment to all when the
need arises by providing a wide range of books to satisfy our clients.
 Motto
Our Motto is to deliver the high- quality books at every corner of world
at affordable price at doorstep of customers.
P a g e | 10
Abstract
Web development is the work involved in developing a website for the
Internet (World Wide Web) or an intranet (a private network).
[1] Web development 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 development commonly refers, may include Web engineering, Web
design, Web content development, client liaison, client-side/serverside
scripting, Web server and network security configuration, and
ecommerce development. Among Web professionals, "Web
development" usually refers to the main non-design aspects of building
Web sites: writing markup and coding.
[2] Web development may use content management systems (CMS) to
make content changes easier and available with basic technical skills. For
larger organizations and businesses, Web development teams can
consist of hundreds of people (Web developers) and follow standard
methods like Agile methodologies while developing Web sites. Smaller
organizations may only require a single permanent or contracting
developer, or secondary assignment to related job positions such as a
graphic designer or information systems technician. Web development
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.
[3] Front-end developers are responsible for behavior and visuals that
run in the user browser, while back-end developers deal with the servers.
Since the commercialization of the Web with Tim Berners-Lee
[4] developing the World Wide Web at CERN, the industry has boomed
and has become one of the most used technologies ever.
P a g e | 11
Analysis
The process from design to end product consists of:




creation of the design
analysis of the design
formulating requirements for the components
implementation of the components
As we can see, there is a big gap between the creation of a design and
the implementation of components. We define a component as an
encapsulated piece of functionality. This can be as small as a button or
as big as a form. A page is divided into logical units, which we call
components. It is usually straightforward how to interpret a certain
design, but what is less clear is how the design should come to life with
different content or on different screen sizes. Therefore, we can close
the gap by teaching how a component will be implemented and how
certain design rules can be automated. It should be noted that we try to
achieve a CSS-first approach.
The main goals we want to achieve with this method are as follows:
 Components should be consistent
 Components should be responsive to any content and screen size
P a g e | 12
Software Requirement
System configurations the software requirement specification can
produce at the culmination of the analysis task. The function and
performance allocated to software as part of system engineering are
refined by established a complete information description, a detailed
functional description, a representation of system behavior, and
indication of performance and design constrain, appropriate validate
criteria, and other information pertinent to requirements.
Software Requirements:






Operating system: Windows 7 Ultimate.
Coding Language: UTF 8
Editor: VS Code Hardware Requirement
System: Core I3 2.4 GHz.
Hard Disk: 1TB
Ram: 8GB.
P a g e | 13
Technology
 HTML [Hyper Text Markup Language]
Hyper-Text Markup Language (HTML) is the set of markup symbols or
codes inserted into a file intended for display on the Internet. The
markup tells web browsers how to display a web page's words and
images. Each individual piece markup code (which would fall between
"<" and ">" characters) is referred to as an element, though many people
also refer to it as a tag. Some elements come in pairs that indicate when
some display effect is to begin and when it is to end.
Hyper-Text Markup Language is the computer language that facilitates
website creation. The language, which has code words and syntax just
like any other language, is relatively easy to comprehend and, as time
goes on, increasingly powerful in what it allows someone to create.
HTML continues to evolve to meet the demands and requirements of the
Internet under the guise of the World Wide Web Consortium, the
organization that designs and maintains the language; for instance, with
the transition to Web 2.0.
Hyper-Text is the method by which Internet users navigate the web. By
clicking on special text called hyperlinks, users are brought to new pages.
The use of hyper means it is not linear, so users can go anywhere on the
Internet simply by clicking on the available links. Markup is what HTML
tags do to the text inside of them; they mark it as a specific type of text.
For example, markup text could come in the form of boldface or italicized
type to draw specific attention to a word or phrase.
P a g e | 14
 CSS [ Cascading Style Sheet]
Cascading Style Sheets (CSS) is a stylesheet language used to describe
the presentation of a document written in HTML or XML (including XML
dialects such as SVG, MathML or XHTML). CSS describes how elements
should be rendered on screen, on paper, in speech, or on other media.
CSS is among the core languages of the open web and is standardized
across Web browsers according to W3C specifications. Previously,
development of various parts of CSS specification was done
synchronously, which allowed versioning of the latest recommendations.
You might have heard about CSS1, CSS2.1, CSS3. However, CSS4 has
never become an official version. From CSS3, the scope of the
specification increased significantly and the progress on different CSS
modules started to differ so much, that it became more effective to
develop and release recommendations separately per module. Instead
of versioning the CSS specification, W3C now periodically takes a
snapshot of the latest stable state of the CSS specification.
P a g e | 15
 Bootstrap
Bootstrap is a free and open source front end development framework
for the creation of websites and web apps. The Bootstrap framework is
built on HTML, CSS, and JavaScript (JS) to facilitate the development of
responsive, mobile-first sites and apps.
Responsive design makes it possible for a web page or app to detect the
visitor’s screen size and orientation and automatically adapt the display
accordingly; the mobile first approach assumes that smartphones,
tablets and task-specific Mobile apps are employees' primary tools for
getting work done and addresses the requirements of those
technologies in design.
Bootstrap includes user interface components, layouts and JS tools along
with the framework for implementation. The software is available
precompiled or as source code.
Mark Otto and Jacob Thornton developed Bootstrap at Twitter as a
means of improving the consistency of tools used on the site and
reducing maintenance. The software was formerly known as Twitter
Blueprint and is sometimes referred to as Twitter Bootstrap.
In computers, the word bootstrap means to boot: to load a program into
a computer using a much smaller initial program to load in the desired
program (which is usually an operating system).
In the physical world, a bootstrap is a small strap or loop at the back of a
leather boot that enables you to pull the entire boot on and in general
usage, bootstrapping is the leveraging of a small initial effort into
something larger and more significant. There is also a common
expression, "pulling yourself up by your own bootstraps," meaning to
leverage yourself to success from a small beginning.
P a g e | 16
 Tailwind CSS
CSS technology was one of the biggest game-changers in web
development. It allowed for more styling capabilities and freedom. As
CSS grew, so did its complexity. CSS in retrospect is not challenging to
write, but it can be tricky to implement.
The next phase in CSS was the development of libraries and frameworks.
One of the most famous examples of CSS frameworks is Bootstrap.
Frameworks like Bootstrap have one major disadvantage. Due to
increased growth and usage, they became too big and offer less control
over their styles. Learning frameworks like Bootstrap has become
increasingly challenging because developers have to learn hundreds of
classes.
P a g e | 17
 API
An API (Application Programming Interface) is a set of functions that
allows applications to access data and interact with external software
components, operating systems, or microservices.
To simplify, an API delivers a user response to a system and sends the
system’s response back to a user. You click “add to cart;” an API tells the
site you added a product to your cart; the website puts the product in
your cart, and your cart is updated. We may hear the term
“microservices” come up in relation to API.
These however, are not the same. Microservices are a style or
architecture which divides functionality within a web application. While
API is the framework which developers interact with a web application.
Microservices can actually use API to communicate between each other.
API lets a developer make a specific “call” or “request” in order to send
or receive information. This communication is done using a
programming language called “JSON.” It can also be used to make a
defined action such as updating or deleting data. There are four basic
request methods that can be made with API:
•
•
•
•
GET – Gathers information (Pulling all Coupon Codes)
PUT – Updates pieces of data (Updating Product pricing)
POST – Creates (Creating a new Product Category)
DELETE – (Deleting a blog post)
P a g e | 18
 DNS
The domain name system (DNS) is a naming database in which
internet domain names are located and translated into Internet
Protocol (IP) addresses.
The domain name system maps the name people use to locate a
website to the IP address that a computer uses to locate that
website.
For example, if someone types "example.com" into a web
browser, a server behind the scenes maps that name to the
corresponding IP address.
An IP address is similar in structure to 203.0.113.72. Web
browsing and most other internet activities rely on DNS to
quickly provide the information necessary to connect users to
remote hosts.
DNS mapping is distributed throughout the internet in a
hierarchy of authority. Access providers and enterprises, as well
as governments, universities and other organizations, typically
have their own assigned ranges of IP addresses and an assigned
domain name. They also typically run DNS servers to manage the
mapping of those names to those addresses. Most Uniform
Resource Locators (URLs) are built around the domain name of
the web server that takes client requests.
P a g e | 19
 Server Management
Server management is the process of monitoring and
maintaining servers to operate at peak performance. Server
management also encompasses the management of hardware,
software, security, and backups. The primary goals of an
effective server management strategy are to:
 Minimize—and hopefully eliminate—server slowdowns and
downtime
 Build secure server environments
 Ensure servers continue to meet the needs of an
organization as it evolves.
P a g e | 20
Task
Week 1
Task 1: Print all the string methods in single page.
Task 2: Do all the arithmetic operations using javascript and print them all in one
page.
Week 2
Task 3: Build your own resume by using text tags, table (for displaying educational
qualifications), image tag for displaying image (can take image from browser), add
name, address, career objective, educational qualifications, projects, hobbies and
declaration (use css for attractive resume).
Task 4: Build a job application form by using all types of fields like text, mail,
password, checkbox, radio, file upload and submit button.
Week 3
Task 5: create a page where you have to display images (can download from browser)
and display those using grid each row consists of 3 images and total 3 rows (I e , 9
images) and when you click on each image a modal has to appear in that modal
display the person name, contact info and address.
Task 6: create a page using any flex item display gifs each has to display 3 gifs and
each row items display must be different (like for example use justify-content-center
for first row and justify-content-around for second row) totally 3 rows.
Week 4
Task 7: Display iframes using flex (for those who have attended my last class for the
first time they can display directly 3 videos in website) each row consists of 3 videos
totally 9 videos.
Task 8: Display parallax effect using any image and texts but use ul ol dl li for the
bottom text.
P a g e | 21
Coding Solution
P a g e | 22
 Notes: All Codes are available in My Github handle
 My Github: Seenu4010/Learnovate-Eccomerce
P a g e | 23
Screenshots
P a g e | 24
P a g e | 25
P a g e | 26
P a g e | 27
Conclusion
The emergence of responsive web design, more than six years ago,
showed us the vision for our future sites: a world where users can
have great experiences no matter what devices or what screen size
they have those experiences on. However, it was also clear to us that
this change was not going to happen without effort—and a
tremendous one, at that. The beautiful thing about responsive
retrofitting projects —and what can also make them look so scary—is
the number of improvements that can be validated by the need to
make your site’s experience better on any device. As professional web
designers and developers, we often know perfectly well what our sites
need in order to be greatly improved. But sometimes the task ahead
seems too complex, too riddled with obstacles, and too big to feel
realistic and achievable. Our teams are not made up of an infinite
number of people who can work on our responsive retrofitting
projects day in and day out, leaving everything else on standby. so it
is key that any retrofitting project be thoughtfully planned and broken
down into digestible chunks that you, your team, and your team’s
schedule can comfortably handle. My hope is that this book has made
what can often seem like an insurmountable task feel a little more
attainable.
P a g e | 28
Future Scope:
There are numerous web developer jobs available in the market for
those with the requisite skills. We discussed the trending technologies
earlier – it goes without saying that it is essential for developers to
master those technologies: IoT, AI, VR, AR, in addition to the latest
programming languages, platforms, tools, and so on. If you aspire to
be a web development professional, make sure you learn all these
skills. Which industries are likely to provide you with a career in web
development?
Almost every industry uses web development for their business:
 Manufacturing
 Retail
 Entertainment
 Education
 Banking and Insurance
 Advertisement Agencies
 Supply Chain
 Hospitality
 Travel
 Professionals
even software development, mobile app development, and digital
marketing companies have their own websites obviously.
_________________End___________________