Scribd
Upload
4 views2 pages

Full Stack Development Lab Guide

The document outlines the lab experiments for B.Tech 3rd Year 1st Semester students at Raghu Engineering College, focusing on Full Stack Development. It includes tasks related to HTML, CSS, JavaScript, Bootstrap, and Angular JS, such as creating web pages, forms, and validating inputs. The experiments aim to provide hands-on experience in web development and design techniques.

Uploaded by

bhavanamsrinivas17
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
4 views2 pages

Full Stack Development Lab Guide

The document outlines the lab experiments for B.Tech 3rd Year 1st Semester students at Raghu Engineering College, focusing on Full Stack Development. It includes tasks related to HTML, CSS, JavaScript, Bootstrap, and Angular JS, such as creating web pages, forms, and validating inputs. The experiments aim to provide hands-on experience in web development and design techniques.

Uploaded by

bhavanamsrinivas17
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

RAGHU ENGINEERING COLLEGE (Autonomous)

(Approved by AICTE, New Delhi, Permanently Affiliated to JNTU- GV, Accredited by


NBA & Accredited by NAAC with A+ Grade)
Dakamarri (V), Bheemili (M), Visakhapatnam-531162, Andhra Pradesh
Department Of Computer Science & Engineering (AI&ML)
Internal Lab of Full Stack Development (2342502)
[Link] 3rd Year 1st Semester

DATE: SECTION:

LAB EXPERIMENTS:
1- HTML (Basic Tags)
a) Create web page using basic html tags.
b) Use an Image as a link, clicking on image navigates to other page.
c) Create a table to show your class time-table.

2- Creating forms
a) Design a webpage to list a table of contents and navigate within the pages.
b) Creation of forms using HTML.
c) Design the static web pages required for Sign in and Signup form using HTML. Create a “Signup
form” with the following fields
I. Name (Text field)
II. Password (password field)
III. E-mail id (text field)
IV. Phone number (text field)
V. Sex (radio button)
VI. Date of birth (3 select boxes)
VII. Languages known (check boxes – English, Telugu, Hindi, Tamil)
VIII. Address (text area)

3- CSS types
a) Design a web page using Inline Style Sheet.
b) Design a web page using Internal Style Sheet
c) Design a web page using External Style Sheet.

4- class, id, and different types of styles in CSS


a) Design a web page using CSS and use class selector and id observe the difference
b) Design a webpage using CSS background, border, margins, padding etc.,
c) Design a web page that displays college information using various styles.

5- Types of Java Scripts and form validations


a) Create a webpage embedding java script (Both internal and external) in html.
b) Design a registration form and validate its field by using java script.

6- Design the calculator and make event for each button using java script.
7. Design a Login Form using Boostrap4 and validate its field by using java script.

8. Design a Single page Application (SPA) using Bootstrap

9- Introduction to Angular JS, and its directives


a) Design a sample web page using Angular JS, and prints “Hello Angular” message in the browser
window (Learn about script tag and angular directives ng-app, ng-model, Angular JS expression).
b) Design a sample web page using Angular JS directives such as ng-bind and ng-controller, ng-init, ng-
repeat, ng-if, ng-readonly, ng-disabled.

10- $scope VS $rootScope, Data binding


a) Design a sample web page using Angular JS shows the difference between $scope and $rootScope.
b) Design a sample web page usingAngularJS Data Binding.

Signature of Lab Internal

You might also like