Scribd
Upload
224 views3 pages

GR22 FSWD Lab

The document outlines the course objectives and outcomes for a full stack web development lab. It provides 10 tasks for students to complete related to front-end development using HTML, CSS and JavaScript, as well as back-end development using databases and server-side languages like PHP.

Uploaded by

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

GR22 FSWD Lab

The document outlines the course objectives and outcomes for a full stack web development lab. It provides 10 tasks for students to complete related to front-end development using HTML, CSS and JavaScript, as well as back-end development using databases and server-side languages like PHP.

Uploaded by

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

GOKARAJU RANGARAJU INSTITUTE OF ENGINEERING AND TECHNOLOGY

FULL STACK WEB DEVELOPMENT LAB

Course code: GR22A2078 L/T/P/C:0/0/3/1.5


II Year II Semester

Prerequisites:
Knowledge of Object Oriented Programming concepts

Course Objectives:
1. To understand designing of Front-End Applications.
2. To design client-side applications using HTML, JavaScript.
3. To build robust and scalable websites, backend APIs.
4. To understand end-to-end application with exciting features and test it
5. To understand database connectivity with web applications.

Course Outcomes:
1. To design a website
2. To implement client-side validation.
3. To develop the robust and scalable websites, backend APIs
4. To implement end-to-end applications.
5. To design web applications with database connectivity.

TASK 1
Develop a website by implementing JavaScript functions for the following problems:
Parameter: A string
Output: The position in the string of the left-most vowel Parameter: A number
Output: The number with its digits in the reverse order

TASK 2
Write a JavaScript program to calculate the squares and cubes of the numbers from 0 to 10
and outputs HTML text that displays the resulting values in an HTML table format.

TASK 3
Write a JavaScript program to display text “TEXT-GROWING” with increasing font size
in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays
“TEXT-SHRINKING” in BLUE color. Then the font size decreases to 5pt.

TASK 4
Write a JavaScript program to design a simple calculator to perform the following
operations: sum, product, difference and quotient

TASK 5
Write a JQuery AJAX program to request data from the server with an HTTP.

TASK 6
Create following Student Information form with submit and reset functionality using
Angular JS.

96
Sample AngularJS Form.

TASK 7
Use AngularJS features to make a shopping list, where you can add or remove items as
shown below.
My Shopping List

• Milk×
• Bread×
• Cheese×

Add

TASK 8
Write a Servlet Program that accepts the Mobile phone details from user and displays the
details on the next page. Create a table and perform insert operation as shown in the
Figure 1 below. Connect using JDBC to display each record at a time on the webpage using
servlet request and response.

Figure 1: Table Details


TASK 9
Develop a JSP Program to validate a particular user login based on the username
password stored in the database and display a welcome page.

97
TASK 10
Write PHP programs to do the following tasks:
a. Implement simple calculator operations.
b. Find the transpose of a matrix.
c. Multiplication of two matrices.
d. Addition of two matrices.

TASK 11
Write a PHP program named states.py that declares a variable states with value
"Mississippi Alabama Texas Massachusetts Kansas". Write a PHP program that does the
following:
a. Search for a word in variable states that ends in xas. Store this word in element 0 of a
list named states List.
b. Search for a word in states that begins with k and ends in s. Perform a case insensitive
comparison. [Note: Passing re.Ias a second parameter to method compile performs a case-
insensitive comparison.] Store this word in element1 of states List.
c. Search for a word in states that begins with M and ends in s. Store this word in
element 2 of the list.
d. Search for a word in states that ends in a. Store this word in element 3 of the list.

TASK 12
Write a PHP program to sort the student records which are stored in the database using
selection sort.

Text books:
1. Modern Full-Stack Development: Using TypeScript, React, Node.js, Webpack,
and Docker 1st ed. Edition by Frank Zammetti
2. Web Design with HTML, CSS, JavaScript and jQuery Set 1st Edition by Jon Duckett
3. The Full Stack Developer: Your Essential Guide to the Everyday Skills Expected of
a Modern Full Stack Web Developer 1st ed. Edition, Kindle Edition by Chris
Northwood

References:
1. Quick Start Full Stack Web Development: Build Secure Asynchronous Single-
Page Apps with Flask, React, and PostgreSQL by Erik M. Ferragut (Author)
2. Full Stack Web Development For Beginners: Learn Ecommerce Web
Development Using HTML5, CSS3, Bootstrap, JavaScript, MySQL, and PHP by Riaz
Ahmed.

98

You might also like