Scribd
Upload
2 views8 pages

Devops Lab Experiments

The document outlines the creation of a user registration form for an event using HTML, JavaScript, and Node.js. It details the procedure, including form creation, validation, and backend setup, as well as the project structure and common errors encountered. The implementation steps and real-life analogy are provided to clarify the process and functionality of the registration form.

Uploaded by

MuraliMohanReddyM
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views8 pages

Devops Lab Experiments

The document outlines the creation of a user registration form for an event using HTML, JavaScript, and Node.js. It details the procedure, including form creation, validation, and backend setup, as well as the project structure and common errors encountered. The implementation steps and real-life analogy are provided to clarify the process and functionality of the registration form.

Uploaded by

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

EXPERIMENT 1

Write code for a simple user registration form for an event

Aim:
To design a user registration form for an event.

Procedure:

1. Created HTML form using input fields


2. Added JavaScript validation
3. Developed backend using [Link] and Express
4. Ran server and tested in browser

Result:
The registration form was successfully created and validated.

OBJECTIVE

To design and implement a simple user registration form using HTML, JavaScript, and [Link] to collect
user details.

CONCEPT EXPLANATION

Explanation of 3 layers:

1. Frontend (UI)

 HTML → creates form


 Input fields → name, email

2. Validation

 JavaScript → checks if fields are filled

3. Backend (optional but best)

 [Link] → runs server


 Express → sends webpage

ENVIRONMENT REQUIRED

On Windows:
 Visual Studio Code
 [Link]
 Google Chrome

PROJECT STRUCTURE

event-app/

├── [Link]

├── [Link]

├── [Link]

├── [Link]
STEP-BY-STEP IMPLEMENTATION

STEP 1: Create HTML Form

[Link]

STEP 2: Add Validation

[Link]
STEP 3: Backend Server

[Link]

STEP 4: Install Dependencies


STEP 5: Run Application

OUTPUT
 Form will be displayed
 Enter data → click register
 Shows success message

WORKING EXPLANATION

When the user opens the browser, the [Link] server sends the HTML page. The user enters details into
the form. JavaScript validates the input fields. If valid, a success message is shown.

REAL-LIFE ANALOGY

Like filling a college registration form:

 Form = HTML
 Checking empty fields = JavaScript
 Office receiving form = Server”

COMMON ERRORS
Error Solution
Cannot GET / Route missing
Port already in use Stop server
Module not found Install express

VIVA QUESTIONS

Q1: What is HTML form?

Ans: Used to collect user input

Q2: Why JavaScript?

Ans: For validation

Q3: Why [Link]?

Ans: To run server-side code

Q4: What is Express?

Ans: Framework for [Link]

You might also like