Full stack web development Industrial Training Seminar

Chapter 1

Introduction of Course

1.1 Introduction

The Internet
The Internet is the global system of interconnected computer networks that use the Internet
protocol suite (TCP/IP) to link devices worldwide. It is a network of networks that consists of
private, public, academic, business, and government networks of local to global scope, linked
by a broad array of electronic, wireless, and optical networking technologies. Internet was
started as a project of US Military project named ARPANET directed by Robert Taylor and
managed by Lawrence Roberts.

WWW
The World Wide Web (abbreviated WWW or the Web) is an information space where
documents and other web resources are identified by Uniform Resource Locators (URLs),
interlinked by hypertext links, and accessible via the Internet.

Now, to use these services, we need some software which can build things and hence helping
our work done on the web. Web technologies which we will be covering to build those things
are HTML, CSS, Javascript, Bootstrap, Php, Mysql etc. The primary focus for back-end will
be on the Php and Mysql which powers a huge amount of devices websites. Hence, this plays
a vital role in the field of web development especially because of its non-blocking IO feature
which is discussed whenever people talk about Php and Mysql .

Web programming, also known as web development, is the creation of dynamic web
applications. Examples of web applications are social networking sites like Facebook or
ecommerce sites like Amazon. The good news is that learning web development is not that
hard!
In fact, many argue it’s the best form of coding for beginners to learn. It’s easy to set up, you
get instant results and there’s plenty of online training available. A lot of people learn web
coding because they want to create the next Facebook or find a job in the industry. But it’s also

Subham Bagaria(PIET20CS176) 1
Full stack web development Industrial Training Seminar

a good choice if you just want a general introduction to coding, since it’s super easy to get
started. No matter whether you’re looking for a career or just want to learn coding, learning
how to develop for the web is for you. It’s one of the smartest decisions you will ever make!
“Full Stack” Developers marry both sides into one. A Full Stack developer can comfortably
work with both the front and back ends. This is what we focus on building you up to here.
things scale. Back End Developers make use of programming languages like Php, Java, Python,
and Ruby (among many others) to work with data. “Full Stack” Developers marry both sides
into one. A Full Stack developer can comfortably work with both the front and back ends. This
is what we focus on building you up to here. Web design encompasses many different skills
and disciplines in the production and maintenance of websites. The different areas of web
design include web graphic design; interface design; authoring, including standardized code
and proprietary software; user experience design; and search engine optimization

The “Front End” is the stuff you see on the website in your browser, including the presentation
of content and the user interface elements like the navigation bar. Front End Developers make
use of HTML, CSS, Javascript, and their relevant frameworks to ensure that content is
presented effectively and that users have an excellent experience.

The “Back End” refers to the guts of the application, which live on the server. They manipulate
data appropriately to make sure the Front End has what it needs. This can become very
complicated as things scale. Back End Developers make use of programming languages like
Php, Java, Python, and Ruby (among many others) to work with data.

“Full Stack” Developers marry both sides into one. A Full Stack developer can comfortably
work with both the front and back ends. This is what we focus on building you up to here.

Course On: Full Stack Web Development

Training Institution: Poornima Institute Of Engineering And Technology
Course Starting Date: 02th July, 2022
Course Ending Date: 10th August, 2022
Total Training Duration: 45 Days
Date of Certification: 22th August, 2022

Subham Bagaria(PIET20CS176) 2
Full stack web development Industrial Training Seminar

Chapter 2

Training Platform

2.1 Introduction
The majority of courses are free, and are approved by industry experts, top entrepreneurs and
some of the world’s leading employers. So you can be sure that you’re learning up-to-date,
real-world skills that help you reach your goal.

Reason of selecting this platform

Most modern web applications today require over 20 different job functions and developers
who can navigate these various functions across the stack are highly valuable. Full-stack
developers are always in vogue and much sought after both in startups as well as leading
enterprises owing to their versatility, ability to step in and troubleshoot areas across the
technology ecosystem that goes into building a winning product, and their contribution to speed
and cost-effectiveness.

From mobile-first strategies, product testing through MVP (minimum viable product) cycles,
app development, and creating exceptional UI/UX, a full-stack developer enables it all. Before
we dive into everything you’ll have going for you once you become a skilled full-stack
developer, let’s understand what a full-stack is and what a full-stack developer actually does.

What is Full-Stack Development?

Full-stack development refers to the development of both the front-end and back-end of a web
application or website. But first, what’s ‘full stack’?

A full stack is made up of the front-end that deals with the user interface, the back-end that
deals with data validation, and the database that acts as storage—a repository of information
from the front-end through the logic layer.

Subham Bagaria(PIET20CS176) 3
Full stack web development Industrial Training Seminar

‘Full stack’ refers to the collection of multiple components in a software application that work
together to ensure its smooth running—this includes software products, patches, coding
frameworks, servers, operating systems, database tools, and more.

Each of these components come together to facilitate user interaction, to run calculations, and
to power back-end functions: a full stack.

Each full stack uses different tools, frameworks, and technologies. To become a Full-Stack
developer, you need to acquire the skills to use the associated front and back-end languages,
tools, and frameworks so you can create your own application from start to finish.

Subham Bagaria(PIET20CS176) 4
Full stack web development Industrial Training Seminar

Profile of Organization providing the Course

Figure 1: Company Logo

Profile of Institute providing the Course.

Figure 2: Institution Logo

Conclusion.

I have a taken a course from Poornima Institute Of Engineering And Technology. The course
from this Institution was of 45 days and the topic of course taken is full stack web development
in which I have learn about frontend and back-end of the website. In the front-end part I have
learned HTML, CSS, Bootstrap,
Javascript . In the back-end part I have learned Php And Mysql.

Subham Bagaria(PIET20CS176) 5
Full stack web development Industrial Training Seminar

Chapter 3

Training Details

3.1 Technical Description:

Any digital project, for example, a website, an android application etc. at the root level is
divided into two blocks:

1. Front-end

2. Back-end

Front-end
These are the two divisions of the project to help the creator develop the project smoothly.
This division help working different people work upon the things they are master in. Thus the
whole load of the project is balanced.

Front-end covers the part of the project which is visible to the user, i.e., it deals with the client
side. Anything happening on the user side of the connection can be received or manipulated by
the user. It concerns mostly with the user interface and user experience of the website. How the
website is presented to the user is the primary goal of the front-end. Simplicity, accessibility,
proper user experience, clarity of the actions and feedback are some of the basic features which
play a vital role in the best possible front-end.

HTML is a markup language which is used for defining the structure of the website.

These are the basic things to create front-end of any website. While there are many things to
learn afterwards and to use them for a much highly sophisticated front-end of a website.

What is Front-End Web Development?

Front-end web development is everything involved in programming the user interface of a web
application. Typically it refers to the Hypertext Markup Language (HTML), Cascading Style

Subham Bagaria(PIET20CS176) 6
Full stack web development Industrial Training Seminar

Sheets (CSS) and JavaScript portion of web site production as opposed to the database or
server-side programming. It encompasses everything from building a simple page of HTML
text to creating complex, responsive HTML5 websites designed to be accessed via various
different browsers, devices and screen sizes.

Figure 3: Front-end Web Page 1

Figure 4: Front-end Web Page 2

Subham Bagaria(PIET20CS176) 7
Full stack web development Industrial Training Seminar

Back-end

Back-end is the part of the website which deals with the core functioning of the website and is
hidden to the user for user’s safety. User shouldn’t know what is happening on the website, this
is the concern of the back-end developers. Having back-end makes the website more dynamic.

When users interact with the website which involves back-end, it makes the creators easy to
involve with users for the main purpose of the website. Back-end involves maintaining the
database of various users, helping them to get things done through the various tools and services
developed by the programmers of the back-end. Common objectives of the back-end are to
involve users with the website, maintaining the proper database for various users.

BACKEND DEVELOPMENT

The backend of a web application is an enabler for a frontend experience. An application’s

frontend may be the most beautifully crafted web page, but if the application itself doesn’t
work, the application will be a failure. The backend of an application is responsible for things
like calculations, business logic, database interactions, and performance. Most of the code that
is required to make an application work will be done on the backend. Backend code is run on
the server, as opposed to the client. This means that backend developers not only need to
understand programming languages and databases, but they must have an understanding of
server architecture as well. If an application is slow, crashes often, or constantly throws errors
at users, it’s likely because of backend problems.

Backend development is not all ones and zeros though. Much like frontend development,
backend development has a human aspect to it as well. Since most of the code for an application
is written on the backend, it should be easy to understand and work with. Most backend
languages – like Ruby and Python – have standardized styles and idioms that make reading and
writing code more efficient and enjoyable.

Subham Bagaria(PIET20CS176) 8
Full stack web development Industrial Training Seminar

What Do Back-End Developers Do?

What back-end developers do can vary greatly depending on the size and the scope of the
application they are working on. I’ve held many jobs where I was a back-end developer,
working on the business logic in an application, and feeding and retrieving data from the
frontend.

In the web development world, most back-end developers concern themselves with building
the actual logic behind the application they are working on.

Often, front-end developers will build out a user interface and back-end developers will write
code that makes it all work.

For example, a front-end developer might create a screen in an application with a button to
press to get the customer’s data.

A back-end developer might write the code that makes that button work by figuring out what
data to fetch from the database for the appropriate customer and delivering it back to the
frontend, where it is eventually displayed.

A back-end developer might also be heavily involved in the architecture of a system, deciding
how to organize the logic of the system so that it can be maintained and run properly.

He might be involved in building frameworks or the architecture of a system to make it easier

to program against. Back-end developers tend to spend much more time implementing
algorithms and solving problems than front-end developers do.

I’ve always liked back-end development work because it feels like more of a challenge.

That’s not to say that front-end developers don’t ever solve difficult problems, but often
frontend development work is more about creating user interfaces and hooking them up rather
than implementing the actual business logic that makes the app work.

Subham Bagaria(PIET20CS176) 9
Full stack web development Industrial Training Seminar

Introduction to HTML

Introduction
 HTML is the standard markup language for creating Web pages HTML describes the
structure of a Web page HTML consists of a series of elements HTML elements tell the
browser how to display the content

 HTML page structure: The basic structure of an HTML page is laid out below. It
contains the essential building-block elements (i.e. doctype declaration, HTML, head,
title, and body elements) upon which all web pages are created. : This is the document
type declaration (not technically a tag).

How does a HTML work and how is it used?

HTML is usually stored in files that use the .htm or .html extension. A website can include
hundreds or even thousands of these HTML files kept in various directories.

When you visit a web page, its server sends its HTML files to your browser. Your browser
then reads the HTML in the files and displays it. Some web applications don't use static HTML
but generate it in response to specific actions on their servers.

We can also add other types of content, like Css and js files, images, and videos, to add more
features to a web page. CSS allows us to add stylistic elements (like colors) to a webpage.
JavaScript enables interactivity. Together, these three languages form the foundation of Web
Development

Tags in HTML

In programming, data type is an important concept.

HTML tags are like keywords which defines that how web browser will format and display the
content. With the help of tags, a web browser can distinguish between an HTML content and
a simple content. HTML tags contain three main parts: opening tag, content and closing tag.
But some HTML tags are unclosed tags.

Subham Bagaria(PIET20CS176) 10
Full stack web development Industrial Training Seminar

When a web browser reads an HTML document, browser reads it from top to bottom and left
to right. HTML tags are used to create HTML documents and render their properties. Each
HTML tags have different properties.

An HTML file must have some essential tags so that web browser can differentiate between a
simple text and HTML text. You can use as many tags you want as per your code requirement.

All HTML tags must be enclosed within < > these brackets.

Every tag in HTML performs different tasks.

If you have used an open tag <tag>, then you must use a close tag </tag> (except some tags)

<h1> Heading tag </h1>

<h2> Heading tag </h2>

<p> Paragraph tag </p>

<strong>

<em>

<address>

<body>

<code>

<var>

<a href = “#”>

<table>

<script>

<ul>

<li>

<!-- -->

<abbr>

<audio>

Subham Bagaria(PIET20CS176) 11
Full stack web development Industrial Training Seminar

CSS tags

 CSS stands for Cascading Style Sheets. It Uses to design and style the webpage.

The CSS color property defines the text color to be used.

The CSS font-family property defines the font to be used.

The CSS font-size property defines the text size to be used.

The CSS padding property defines a padding (space) between the text and the border.

The CSS margin property defines a margin (space) outside the border.

Use the HTML style attribute for inline styling

Use the HTML <style> element to define internal CSS

Use the HTML <link> element to refer to an external CSS file

Use the HTML <head> element to store <style> and <link> elements

Use the CSS color property for text colors

Use the CSS font-family property for text fonts

Use the CSS font-size property for text sizes

Use the CSS border property for borders

Use the CSS padding property for space inside the border

Use the CSS margin property for space outside the borderThe CSS border property defines a
border around an HTML element.

Subham Bagaria(PIET20CS176) 12
Full stack web development Industrial Training Seminar

Java-Script

JavaScript is a must for students and working professionals to become a great Software
Engineer specially when they are working in Web Development Domain. I will list down
some of the key advantages of learning JavaScript.

JavaScript is the most popular programming language in the world and that makes it a
programmer’s great choice. Once you learnt JavaScript, it helps you developing great front-
end as well as back-end software’s using different Javascript based frameworks like jQuery,
Node.JS etc. JavaScript is everywhere, it comes installed on every modern web browser
and so to learn JavaScript you really do not need any special environment setup. For
example, Chrome, Mozilla Firefox, Safari and every browser you know as of today,
supports JavaScript. JavaScript helps you create beautiful and crazy fast websites. You can
develop your website with a console like look and feel and give your users the best
Graphical User Experience. JavaScript usage has now extended to mobile app
development, desktop app development, and game development. This opens many
opportunities for you as JavaScript Programmer. Due to high demand, there is tons of job
growth and high pay for those who know JavaScript. You can navigate over to different job
sites to see what having JavaScript skills looks like in the job market.

What makes Javascript unique?

 Full integration with Html/Css.

 Simple things are done simply.
 Supported by all major browsers and enabled by default.

 Javascript is the only browser technology that combines these three things.
 That’s what makes javascript unique. thats why this is the most widespread tool for
creating browser interfaces.
 Javascript can be used to create web servers and mobile applications etc.

Subham Bagaria(PIET20CS176) 13
Full stack web development Industrial Training Seminar

Introduction to php

What is php ?
PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source
general-purpose scripting language that is especially suited for web development and can be
embedded into HTML.

The PHP Programming Language Meaning Explained PHP is an open-source server-side

scripting language that many devs use for web development. It is also a general-purpose
language that you can use to make lots of projects, including Graphical User Interfaces (GUIs).

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source
general-purpose scripting language that is especially suited for web development and can be
embedded into HTML. Nice, but what does that mean? An example: echo "Hi, I'm
a PHP script!";

How does work of php ?

In practice a web service written in PHP runs on a third party web server, very often Apache,
which handles any incoming requests and invokes the PHP interpreter with the given
requested PHP source code file as argument, then delivers any output of that process back to
the HTTP client.

Example:
<!DOCTYPE html><html><head><title>Hello PHP</title></head><body><?php

echo "Hello PHP!";

?></body></html>

Output:

Hello PHP
Hello PHP!
Figure 5: Php basic structure

Subham Bagaria(PIET20CS176) 14
Full stack web development Industrial Training Seminar

Note:

PHP statements are terminated by semicolon (;).

The closing tag of a block of PHP code also automatically implies a semicolon (so you do not
have to have a semicolon terminating the last line of a PHP block).

PHP Tags
The PHP code in the preceding example began with <?php and ended with ?>.
This is similar to all HTML tags because they all begin with a less than (<) symbol and end
with a greater than (>) symbol.
These symbols (<?php and ?>) are called PHP tags. They tell the web server where the PHP
code starts and finishes.
Any text between the tags is interpreted as PHP. Any text outside these tags is treated as
normal HTML.
The PHP tags allow you to escape from HTML.

Characteristics of PHP

Five important characteristics make PHP's practical nature possible

1. Simplicity
2. Efficiency
3. Security
4. Flexibility
5. Familiarity

About Php

 PHP is a recursive acronym for "PHP: Hypertext Preprocessor".

 PHP is a server side scripting language that is embedded in HTML. It is used to manage
dynamic content, databases, session tracking, even build entire e-commerce sites.
 It is integrated with a number of popular databases, including MySQL, PostgreSQL,
Oracle, Sybase, Informix, and Microsoft SQL Server.
 PHP is forgiving: PHP language tries to be as forgiving as possible.

Subham Bagaria(PIET20CS176) 15
Full stack web development Industrial Training Seminar

Figure 6: Code of Php

Figure 7: Working of Php

Subham Bagaria(PIET20CS176) 16
Full stack web development Industrial Training Seminar

Introduction to MySsql

What is MySql

From Wikipedia, the free encyclopedia MySQL (/ ˌmaɪˌɛsˌkjuːˈɛl /) is an open-source relational

database management system (RDBMS). Its name is a combination of "My", the name of co-
founder Michael Widenius 's daughter, and " SQL ", the abbreviation for Structured Query
Language

It handles a large subset of the functionality of the most expensive and powerful database
packages. MySQL uses a standard form of the well-known SQL data language. MySQL works
on many operating systems and with many languages including PHP, PERL, C, C++, JAVA,
etc. MySQL works very quickly and works well even with large data sets.

Oracle MySQL Cloud Service is built on MySQL Enterprise Edition and powered by Oracle
Cloud, providing an enterprise-grade MySQL database service. MySQL Cluster
CGE. MySQL Cluster is a real-time open source transactional database designed for fast,
always-on access to data under high throughput conditions

Figure 8: Mysql example

How to Manage MySql?

MySQL Workbench MySQL Workbench is the de facto standard for MySQL database
management. This particular tool is ideal for DBAS to aid with: Database Design & Modeling,
SQL Development (replacing MySQL Query Browser), and Database Administration
(replacing MySQL Administrator).

Subham Bagaria(PIET20CS176) 17
Full stack web development Industrial Training Seminar

FUTURE SCOPE

If you’re reading this article, chances are you are interested in learning about the newest
technology that runs the world. However, while choosing to learn about such a technology, you
must consider various factors. Factors that will guarantee a good career. Some of these factors
include the demand, earning potential, future scope, and so on.

Full-stack development is one of the milestones in the field of advanced technology. It’s also
the most demanding professions around the world. In the past 1 year, there has been an increase
of over 30% of jobs for full-stack developers in India. In this article, we talk about the future
of a full-stack developer in India? What’s the demand and scope of the field? And we give you
a detailed analysis of what makes full-stack development the most lucrative career.

Growth and demand for full stack developers

Are you thinking if full stack developers are in demand? Or what’s the scope of full-stack
development in 2022? As mentioned earlier, A full-stack developer’s career is the most
demanding and fulfilling one. It involves a combination of work at the front-end and back-end
to build website applications.

It’s a key role in any tech-savvy organization. Due to the growing number of online platforms
and digitally driven businesses, the demand for full-stack developers has been on the rise in
recent years. Thus, as long as we have the need for developing website applications, the demand
for full-stack web developers will remain high.

Salary of full-stack web developers in India

How much does a full-stack developer make per year? You’ll be glad to know that full-stack
development jobs are considered one of the highest paying jobs in India. This is primarily
because of its demand and the lack of skilled professionals in this domain. On average, a full
stack developer in India earns INR 9.24 LPA. The pay varies depending on experience, job

Subham Bagaria(PIET20CS176) 18
Full stack web development Industrial Training Seminar

location, company size, etc. An experienced full-stack developer can earn INR 16 LPA, and a
fresher can expect minimum INR 5–6 LPA to start with. Are full-stack developers paid more
in India? This is a tricky question.

Below we have given a comparison of a full-stack developer’s salary vs. other developers’
salaries. Please note that full-stack developers with additional knowledge of products and
services always have an edge over other specialized developers, which also increases their
earning potential.

• Salary of a full stack web developer vs. front-end developer – In India, on average a full
stack developer earns INR 9 LPA, whereas a front-end developer earns anywhere
between INR 5 and 6 LPA.
• Salary of a full stack web developer vs. back-end developer – A back-end developer
earns on average INR 6.82 LPA in India, which is lesser than what a full-stack developer
makes on average.
• Salary of a full stack web developer vs. mean-stack web developer – A mean-stack
developer in India earns on average INR 6–12 LPA. Although this salary range is quite
close to that of a full-stack developer, the pay varies based on common factors such as
company size, location, and job experience.

Subham Bagaria(PIET20CS176) 19
Full stack web development Industrial Training Seminar

Chapter 4

Conclusion

Conclusion of Full stack web development

The increased popularity of JavaScript has dramatically changed the face of web
development today. Several years ago, it was even difficult to imagine things which we can do
with JavaScript easily running in the browser as well as on the server. NodeJS is such a
JavaScript runtime environment which is built on Chrome’s V8 JavaScript engine. It is fast,
efficient and is a highly scalable web server for web applications. That’s why it has become
the most preferred JS framework for all web developers.

The developed applications of Node.js are often buckled with MongoDB and Express.js that
also use JavaScript. Express.js helps manage the middleware of a node application, while
MongoDB is a non-SQL database based on documents.

Now we will discuss the benefits of using Node JS for web app development.

1) Real-Time Web apps

NodeJS web development allows you to create real-time web apps at a lighting
speed same like the amount of time required for making a very simple blog in PHP.
Therefore, NodeJS is a clear winner when it comes to creating multi-user real-time web
applications for chat apps and gaming apps.

2) Easy Coding
With Node.js web development, it allows web developers to code in JavaScript
for both the server and client. Hence, it makes it convenient for transferring data
between the client and the server to coordinate the work well simultaneously. Data
changes made to the server appear instantly on the client and the web page that displays

Subham Bagaria(PIET20CS176) 20
Full stack web development Industrial Training Seminar

this data automatically updates. Node.js satisfies all the needs of the development
process and offers scalable and fast network applications.

3) Dynamic NPM
Since NodeJS is an open-source platform, it provides an edge with a shared
repository of modules and dynamic tools. The number of modules that are more
than 60000 in the NPM(Node Package Manager) has increased with the
significant growth and is about to surpass the RoR platform (Ruby on Rails).
Since NPM is robust and super fast, it helps to make the dependency
management perfect. With the great popularity of Node.js, the community of
nodes is strengthened day by day.

4) Hosting
Hosting has a gained momentum after NodeJS is highly demanded by more and
more number of web developers for their web app development project. PaaS (Platform
as a Service) service providers like Modulus and Heroku are allowing node
deployments officially without any problem.

5) Community Friendly
NodeJS provides a large open source community who delivers various
outstanding modules that makes Node JS applications shine everywhere. One of the
popular ones is Socket.io, a module which can handle the constant communication
between the client and the server that allows the server to send updates in real time to
the clients. It works with the best technology used to form these links away from the
developer, especially for specific clients.

Conclusion:

As we know that nothing is perfect in this universe, there are some things that were not
to the liking of some users, but the Node.js API is still changing and, as it matures, certain parts
are more reliable than others. Nodejs has brought a great revolution in the world of development
and the most popular option for several brands such as eBay, Walmart, Yahoo, etc. Node.js is
really a blessing for a developer and should be used by all companies.

Subham Bagaria(PIET20CS176) 21
Full stack web development Industrial Training Seminar

It now plays a critical role in the technology stack. You can take advantage of the benefits of
Node.js and enjoy fast and scalable network applications by hiring top Node JS development
company like Value Coders. It is a leading software development company in India having a
team of expert Node JS developers who have successfully delivered more than 4200 projects to
2500+ satisfied customers in last 13 years.

Subham Bagaria(PIET20CS176) 22
Full stack web development Industrial Training Seminar

SNAPSHOTS OF COURSE

Figure 9: photo of ongoing class

Figure 10:photo of ongoing clas

Subham Bagaria(PIET20CS176) 23
Full stack web development Industrial Training Seminar

Figure 11: Code of the project of html

Figure 12: Code of the Php

Figure

Subham Bagaria(PIET20CS176) 24
Full stack web development Industrial Training Seminar

Figure 13: Database storage of the project

Figure 14: Preview of the front page of the project

Figure

Subham Bagaria(PIET20CS176) 25
Full stack web development Industrial Training Seminar

Figure 15: Preview of the front page of the project

Figure 16: Preview of the front page of the project

Subham Bagaria(PIET20CS176) 26
Full stack web development Industrial Training Seminar

Figure 17: Preview of the Signup page of the project

Figure 18: preview of the front page of the project

Subham Bagaria(PIET20CS176) 27
Full stack web development Industrial Training Seminar

References

 www.google.com
 https://www.javatpoint.com/html-tutorial
 https://www.javatpoint.com/css-tutorial
 https://www.javatpoint.com/javascript-tutorial
 https://www.javatpoint.com/bootstrap-tutorial
 https://www.javatpoint.com/php-tutorial
 https://www.javatpoint.com/mysql-tutorial

Subham Bagaria(PIET20CS176) 28