Scribd
Upload
62 views15 pages

Rohit

The document is an industrial training presentation submitted by Rohit Yadav to fulfill requirements for a Bachelor of Technology degree in Computer Science and Engineering. It discusses various topics related to web development including front-end technologies like HTML, CSS, JavaScript and back-end technologies like PHP, databases, and frameworks. It also provides details on HTML elements and structure, CSS properties, database queries, and PHP features. Finally, it briefly describes a web application project called PG Life that was developed using these technologies to allow users to search for student housing accommodations.

Uploaded by

suman zerox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
62 views15 pages

Rohit

The document is an industrial training presentation submitted by Rohit Yadav to fulfill requirements for a Bachelor of Technology degree in Computer Science and Engineering. It discusses various topics related to web development including front-end technologies like HTML, CSS, JavaScript and back-end technologies like PHP, databases, and frameworks. It also provides details on HTML elements and structure, CSS properties, database queries, and PHP features. Finally, it briefly describes a web application project called PG Life that was developed using these technologies to allow users to search for student housing accommodations.

Uploaded by

suman zerox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

An

Industrial Training Presentation

Submitted
in partial fulfillment
of the requirements for the award of degree of

Bachelor of Technology
(Computer Science and Engineering)

Supervised By Submitted By
Dr. Ved Mitra Rohit Yadav
(Coordinator-Industrial Trainning) 2021UCS026
About Web Development:
Web development is the process of building and maintaining websites
or web applications. It encompasses a range of tasks, from designing
the user interface and user experience to coding the server-side logic
and managing databases. Web development is generally categorized
into two main parts: front-end development and back-end
development.
Front-end Development:
• Role: Front-end developers focus on the user interface and user experience of a website or web
application. They work on the client side, meaning that their code runs in the user's browser.
• Technologies:
• HTML (HyperText Markup Language): Structures the content of the web page.
• CSS (Cascading Style Sheets): Styles and formats the HTML content, controlling the layout and visual
presentation.
• JavaScript (JS): Adds interactivity and dynamic behavior to the front end, allowing for client-side
scripting.
2. Back-end Development:
• Role: Back-end developers handle server-side logic, databases, and application functionality that users
don't see directly. They manage the server and ensure data is processed and delivered to the front end.
• Technologies:
• Server-Side Languages (e.g., PHP, Python, Ruby, Java, Node.js): Used for server-side scripting and
processing.
• Database Management Systems (e.g., MySQL, PostgreSQL, MongoDB): Store and manage data.
• Server Frameworks (e.g., Express.js, Django, Ruby on Rails): Provide tools and structure for building
server-side applications.
HTML (Hypertext Markup Language):
HTML, or HyperText Markup Language, is the standard markup language used to create the
structure and content of web pages. It consists of a series of elements, each represented by
a tag, that define different parts of a document. HTML provides a way to structure content
such as headings, paragraphs, lists, links, images, forms, and more. Below are some key
aspects of HTML:

Basic HTML Document Structure:


<!DOCTYPE html>
<html>
<head>
<title>Your Page Title</title>
</head>
<body> <!-- Your content goes here --> </body>
</html>
HTML Elements:
• Elements are the building blocks of HTML documents and are defined using tags.
Headings:
• HTML provides six levels of headings (<h1> to <h6>) for structuring content hierarchically. <h1> is the
highest level, and <h6> is the lowest.
Paragraphs:
• Paragraphs are defined using the <p> tag.
Lists:
• HTML supports ordered lists (<ol>), unordered lists (<ul>), and list items (<li>).
Links:
• Hyperlinks are created using the <a> (anchor) tag.
Images:
• Images are added using the <img> tag, with the src attribute specifying the image URL.
Forms:
• Forms are used to collect user input and are created using the <form> tag. Form elements include
<input>, <textarea>, <select>, etc.
CSS (Cascading Style Sheets):
CSS, or Cascading Style Sheets, is a style sheet language used for describing the presentation and formatting of a
document written in HTML or XML. CSS defines how elements should be displayed on the screen, in print, or in
other media. It allows web developers to control the layout, design, and appearance of web pages.
Selectors and Declarations:
• CSS works by selecting HTML elements and applying styling rules to them. Selectors are used to target
HTML elements, and declarations define the styles to be applied.
Properties and Values:
• CSS properties define the aspect of an element that you want to style (e.g., color, font-size, margin). Values
specify how the property should be applied (e.g., blue, 16px, 10px 20px).
Responsive Design:
• CSS plays a key role in creating responsive web designs that adapt to different screen sizes and devices.
Media queries are often used for this purpose.
Transitions and Animations:
• CSS can be used to create smooth transitions and animations. Properties like transition and animation
provide control over these effects.
Bootstrap:
Bootstrap is an open-source front-end framework developed by Twitter. It is a
popular choice for building responsive and mobile-first web pages and web
applications. Bootstrap provides a collection of pre-designed HTML, CSS, and
JavaScript components, as well as a grid system, which simplifies and speeds up the
web development process. Here are key features and components of Bootstrap:
1. DBMS (Database Management System) :
In web development, a Database Management System (DBMS) plays a crucial role in storing, retrieving, and managing
data. A DBMS is software that provides an interface for interacting with databases, allowing developers to create, read,
update, and delete data efficiently. Here are some key aspects of how DBMS is used in web development:
Database Management System (DBMS) queries are commands or statements written in a query language (such as SQL -
Structured Query Language) to interact with a database. These queries allow users or applications to retrieve, insert,
update, or delete data from a database. Here are some common types of DBMS queries:
1. SELECT Query
2. INSERT Query
3. UPDATE Query
4. DELETE Query
5. JOIN Query
6. GROUP BY and Aggregation Queries
7. ORDER BY Query
8. DISTINCT Query
9. Subquery
10. Conditional Queries
11. LIKE Operator
12. LIMIT and OFFSET
PHP (Hypertext Preprocessor):
PHP, which stands for "Hypertext Preprocessor," is a server-side scripting language widely used for
web development. It is embedded in HTML and is executed on the server, generating dynamic
content that is then sent to the client's web browser. PHP is particularly well-suited for creating
dynamic websites and web applications.
PHP code is typically embedded within HTML, allowing developers to mix dynamic content
generation with static content seamlessly.
PHP is a server-side scripting language, meaning it runs on the web server, not in the user's browser.
The server processes the PHP code and sends the resulting HTML to the client's browser.
PHP supports common control structures such as if statements, loops (for, while, foreach), and
switch statements.
PHP can connect to various database systems using extensions like MySQLi or PDO, allowing for the
execution of SQL queries and manipulation of database data.
JavaScript:
JavaScript is a versatile programming language primarily known for its use in web development. It
allows developers to add dynamic content, interactivity, and behavior to website.
JavaScript is primarily used as a client-side scripting language, meaning it runs in the user's browser.
It can manipulate the Document Object Model (DOM) and interact with the user interface.
JavaScript code is embedded within HTML documents using <script> tags.
JavaScript has numerous libraries and frameworks, such as jQuery, React, Angular, and Vue.js, that
simplify and enhance the development of web applications.
Project Work:
PG Life:
PG Life is a web application.
This web page has following functionalities:
 The Homepage
 The Dashboard
 The Navbar
 The Footer
 SignUp Modal
 Login Modal

PG Life web application is developed to facilitate relevant end users to get them register and
login to search PGs in the specific cities.
It is developed using HTML, CSS, DBMS, PHP, JS Web Technologies.
THANK YOU

You might also like