KASHMIR GOVERNMENT POLYTECHNIC
COLLEGE
SRINAGAR
COMPUTER ENGINEERING DEPARTMENT
PRACTICAL FILE ON
FULL STACK DEVELOPMENT
Name: ____________________
Roll No.: ____________________
Semester: ____________________
Session: 2025-2026
Date: ____________________
Teacher's Name: ____________________
Practical No. 01
Title: Create a HTML Page Using Various Tags
Aim / Objective
To understand and demonstrate the use of basic HTML tags used in webpage creation.
Theory
HTML (HyperText Markup Language) is the standard markup language used to create
webpages. HTML uses tags such as headings, paragraphs, tables, images, forms, and lists
to structure content on a webpage.
Program
<!DOCTYPE html>
<html>
<head>
<title>HTML Tags Demo</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a paragraph.</p>
<b>Bold Text</b><br>
<i>Italic Text</i><br>
<u>Underline Text</u><br>
<a href="[Link]
<ul>
<li>Apple</li>
<li>Mango</li>
</ul>
</body>
</html>
Result
The webpage displayed headings, paragraphs, lists, and links successfully.
Conclusion
Different HTML tags were studied and implemented successfully.
Practical No. 02
Title: Demonstration of CSS Techniques
Aim / Objective
To demonstrate the use of CSS for styling webpages.
Theory
CSS (Cascading Style Sheets) is used to style HTML elements. CSS controls colors,
fonts, layouts, spacing, and responsiveness of webpages.
Program
body {
background-color: lightblue;
font-family: Arial;
}
h1 {
color: darkblue;
text-align: center;
}
p{
font-size: 18px;
}
Result
The webpage styling changed successfully using CSS.
Conclusion
CSS techniques improved webpage appearance and layout.
Practical No. 03
Title: Static Webpage Using HTML and CSS
Aim / Objective
To build a static webpage using HTML and CSS.
Theory
Static webpages display fixed content and are designed using HTML for structure and
CSS for styling.
Program
<html>
<head>
<style>
body { font-family: Arial; }
header { background: gray; color: white; padding: 20px; }
</style>
</head>
<body>
<header>
<h1>My Website</h1>
</header>
<p>This is a static webpage.</p>
</body>
</html>
Result
A static webpage was created successfully.
Conclusion
HTML and CSS were used together to design a webpage.
Practical No. 04
Title: HTML Form Validation Using JavaScript
Aim / Objective
To create and validate an HTML form using JavaScript.
Theory
JavaScript validation ensures correct user input before form submission.
Program
<html>
<head>
<script>
function validate() {
var name = [Link]["myForm"]["name"].value;
if(name == "") {
alert("Name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" onsubmit="return validate()">
Name: <input type="text" name="name">
<input type="submit">
</form>
</body>
</html>
Result
The form validated user input successfully.
Conclusion
JavaScript validation prevents invalid form submissions.
Practical No. 05
Title: Responsive Web Application Using Bootstrap
Aim / Objective
To develop a responsive webpage using Bootstrap framework.
Theory
Bootstrap is a front-end framework used to create responsive and mobile-friendly
webpages.
Program
<html>
<head>
<link rel="stylesheet"
href="[Link]
</head>
<body>
<div class="container">
<h1 class="text-primary">Bootstrap Page</h1>
<button class="btn btn-success">Click Me</button>
</div>
</body>
</html>
Result
The webpage adjusted automatically on different screen sizes.
Conclusion
Bootstrap simplified responsive webpage development.
Practical No. 06
Title: Testing Data Types and Operators in PHP
Aim / Objective
To understand PHP data types and operators.
Theory
PHP supports multiple data types such as integer, float, string, boolean, and arrays.
Operators perform arithmetic and logical operations.
Program
<?php
$a = 10;
$b = 20;
echo "Sum = ".($a + $b);
?>
Result
PHP executed arithmetic operations successfully.
Conclusion
PHP data types and operators were understood.
Practical No. 07
Title: Server Side Application Using [Link]
Aim / Objective
To create a basic server-side application using [Link].
Theory
[Link] is a JavaScript runtime environment used for building scalable server-side
applications.
Program
const http = require('http');
[Link]((req, res) => {
[Link]('Hello World');
[Link]();
}).listen(3000);
Result
The server responded successfully on port 3000.
Conclusion
[Link] server-side application was implemented successfully.
Practical No. 08
Title: Server Side Application Using PHP
Aim / Objective
To build a server-side application using PHP.
Theory
PHP is a scripting language used for dynamic web applications and database
connectivity.
Program
<?php
echo "Welcome to PHP Server";
?>
Result
The PHP application displayed output successfully.
Conclusion
PHP was used to create a server-side application.
Practical No. 09
Title: PHP Arithmetic Operations with MySQL
Aim / Objective
To perform arithmetic operations using PHP and store results in MySQL.
Theory
PHP can connect with MySQL databases to store user data and results dynamically.
Program
<?php
$a = 10;
$b = 5;
$sum = $a + $b;
echo "Sum = ".$sum;
?>
Result
Arithmetic operations were performed and results displayed successfully.
Conclusion
PHP and MySQL integration was studied.
Practical No. 10
Title: User Registration and Login Authentication
Aim / Objective
To implement user registration and login using sessions.
Theory
Session management is used to maintain user authentication and login states.
Program
<?php
session_start();
$_SESSION["user"] = "admin";
echo "Session Created";
?>
Result
User session was created successfully.
Conclusion
Authentication using sessions was implemented.
Practical No. 11
Title: Comprehensive Full Stack Project
Aim / Objective
To develop a complete full stack web application using PHP and MySQL.
Theory
A full stack application combines front-end, back-end, database integration, and
authentication.
Program
Features:
1. User Login
2. Database Connectivity
3. Form Handling
4. CRUD Operations
5. Responsive Front-End
Result
The full stack project integrated front-end and back-end successfully.
Conclusion
A complete full stack application was developed successfully.