INDEX

1. Introduction
2. About Training
3. Modules
3.1. HTML
3.2. CSS
3.3. BOOTSTRAP
3.4. DBMS
3.5. PHP
3.6. JAVASCRIPT
3.7. REACT
4. PROJECT
4.1. HARDWARE & SOFTWARE REQUIREMENT
5. FINAL TEST
6. CERTIFICATE
7. CONCLUSION
 CERTIFICATE

This is to certify that the report on summer training being submitted by Aryan Singh towards
partial fulfillment for the award of degree of Bachelor of Computer Application from
Department of Computer Science And Information Systems to SHRI RAMSWAROOP
MEMORIAL UNIVERSITY is a record of work carried out by them under my guidance and
supervision.

The results embodied in this report have not been submitted to any other University or Institute
for the award of any Degree or Diploma.

Dr. Bineet Kumar Gupta Er. Nidhi Tiwari

(Head of Department) (Training Coordinator)
WEB
DEVELOPMENT
1. Introduction

Web development is the work involved in developing a website for the Internet
(World Wide Web) or an intranet (a private network). 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/server-side scripting, Web server and network security
configuration, and e-commerce development.Among Web professionals, "Web
development" usually refers to the main non-design aspects of building Web sites:
writing markup and coding

2. About Training

I have completed my training on web development through internshala. The

training was divided into 7 modules and each module was divided into several
parts and after each part there was a test and after each module there was a module
test. After completing all 7 modules I had to complete my project and after
completing my project there was a final test in which I scored 98% as mentioned
on my training certificate.

3. Modules

All seven modules were:-

❖ HTML
❖ CSS
❖ BOOTSTRAP
❖ DBMS
❖ PHP
❖ JAVASCRIPT
 ❖ REACT

3.1. HTML

The HyperText Markup Language or HTML is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such as
JavaScript.

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 <p> 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. The inclusion of CSS defines the look and layout of content.

3.2. CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML or XML
(including XML dialects such as SVG, MathML or XHTML).[1] CSS is a
cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of content and presentation, 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, which reduces complexity and repetition in the
structural content; and enable the .css file to be cached to improve the page load
speed between the pages that share the file and its formatting.

Separation of formatting and content also makes it possible 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.

3.3. BOOTSTRAP

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-

first front-end web development. It contains HTML, CSS and (optionally)
JavaScript-based design templates for typography, forms, buttons, navigation, and
other interface components. As of July 2022, Bootstrap is the eighth most starred
project on GitHub, with over 158,000 stars. Bootstrap is an HTML, CSS and JS
Library that focuses on simplifying the development of informative web pages (as
opposed to web apps).

The primary purpose of adding it to a web project is to apply Bootstrap's choices of

color, size, font and layout to that project. As such, the primary factor is whether
the developers in charge find those choices to their liking. Once added to a project,
Bootstrap provides basic style definitions for all HTML elements. The result is a
uniform appearance for prose, tables and form elements across web browsers. In
addition, developers can take advantage of CSS classes defined in Bootstrap to
further customize the appearance of their contents. For example, Bootstrap has
provisioned for light- and dark-colored tables, page headings, more prominent pull
quotes, and text with a highlight. Bootstrap also comes with several JavaScript
components which do not require other libraries like jQuery.
They provide additional user interface elements such as dialog boxes, tooltips,
progress bars, navigation drop-downs, and carousels. Each Bootstrap component
consists of an HTML structure, CSS declarations, and in some cases accompanying
JavaScript code. They also extend the functionality of some existing interface
elements, including for example an auto-complete function for input fields.

3.4. DBMS

A database management system (DBMS) is system software for creating and

managing databases. A DBMS makes it possible for end users to create, protect,
read, update and delete data in a database. The most prevalent type of data
management platform, the DBMS essentially serves as an interface between
databases and users or application programs, ensuring that data is consistently
organized and remains easily accessible. he DBMS manages the data; the database
engine allows data to be accessed, locked and modified; and the database schema
defines the database's logical structure.

These three foundational elements help provide concurrency, security, data

integrity and uniform data administration procedures. The DBMS supports many
typical database administration tasks, including change management, performance
monitoring and tuning, security, and backup and recovery. Most database
management systems are also responsible for automated rollbacks and restarts as
well as logging and auditing of activity in databases and the applications that
access them. The DBMS provides a centralized view of data that can be accessed
by multiple users from multiple locations in a controlled manner. A DBMS can
limit what data end users see and how they view the data, providing many views of
a single database schema. End users and software programs are free from having to
understand where the data is physically located or on what type of storage medium
it resides because the DBMS handles all requests.

3.5. PHP
PHP is a general-purpose scripting language geared toward web development. It
was originally created by Danish-Canadian programmer Rasmus Lerdorf in 1993
and released in 1995. The PHP reference implementation is now produced by The
PHP Group. PHP originally stood for Personal Home Page, but it now stands for
the recursive initialism PHP: Hypertext Preprocessor. PHP code is usually
processed on a web server by a PHP interpreter implemented as a module, a
daemon or as a Common Gateway Interface (CGI) executable.

On a web server, the result of the interpreted and executed PHP code – which may
be any type of data, such as generated HTML or binary image data – would form
the whole or part of an HTTP response. Various web template systems, web
content management systems, and web frameworks exist which can be employed
to orchestrate or facilitate the generation of that response. Additionally, PHP can
be used for many programming tasks outside the web context, such as standalone
graphical applications and robotic drone control. PHP code can also be directly
executed from the command line. The standard PHP interpreter, powered by the
Zend Engine, is free software released under the PHP License.

PHP has been widely ported and can be deployed on most web servers on a variety
of operating systems and platforms. The PHP language evolved without a written
formal specification or standard until 2014, with the original implementation acting
as the de facto standard which other implementations aimed to follow. Since 2014,
work has gone on to create a formal PHP specification. W3Techs reports that, as of
October 2022, "PHP is used by 74.4% of all the websites whose server-side
programming language we know." PHP version 7.4 is the most used version.

3.6. JAVASCRIPT

JavaScript, often abbreviated as JS, is a programming language that is one of the

core technologies of the World Wide Web, alongside HTML and CSS. As of 2022,
98% of websites use JavaScript on the client side for webpage behavior, often
incorporating third-party libraries. All major web browsers have a dedicated
JavaScript engine to execute the code on users' devices. JavaScript is a high-level,
often just-in-time compiled language that conforms to the ECMAScript standard.
[10] It has dynamic typing, prototype-based object-orientation, and first-class
functions. It is multi-paradigm, supporting event-driven, functional, and imperative
programming styles. It has application programming interfaces (APIs) for working
with text, dates, regular expressions, standard data structures, and the Document
Object Model (DOM).

The ECMAScript standard does not include any input/output (I/O), such as
networking, storage, or graphics facilities. In practice, the web browser or other
runtime system provides JavaScript APIs for I/O. JavaScript engines were
originally used only in web browsers, but are now core components of some
servers and a variety of applications. The most popular runtime system for this
usage is Node.js. Although Java and JavaScript are similar in name, syntax, and
respective standard libraries, the two languages are distinct and differ greatly in
design.

3.7. REACT

React (also known as React.js or ReactJS) is a free and open-source front-end

JavaScript library for building user interfaces based on UI components. It is
maintained by Meta (formerly Facebook) and a community of individual
developers and companies. React can be used as a base in the development of
single-page, mobile, or server-rendered applications with frameworks like Next.js.
However, React is only concerned with state management and rendering that state
to the DOM, so creating React applications usually requires the use of additional
libraries for routing, as well as certain client-side functionality.

4. PROJECT

The project on which I worked on during this training was PG Life which is a
website to search for PG’s online where a person can look for different stays and
filter their search on the basis of location, rent, facilities, rating and size.
The main difficulty that occurred during the development of this project was
designing the database and tables in it. With the help of css creating the layouts of
different webpages was easy and the last tricky part was writing php codes to fetch
data from the database.

4.1 HARDWARE & SOFTWARE REQUIREMENT

HARDWARE-

➢ 64 bit processor with 2 or more cores

➢ 4GB or more RAM
➢ Device with internet connectivity

SOFTWARE-

➢ Windows, Mac or Linux OS

➢ Atom code editor
➢ Xampp
➢ CSS Library

5. Final Test

After completing the project final test was conducted which was mcq based and
there was no negative marking the test timing was of 1 hr. And with the
completion of this final test my summer training on web development was
completed.
6. CERTIFICATE

7. CONCLUSION

The results of this training were good and with the help of this training i was able to complete
my project and also able to understand the working of web development.