Scribd
Upload
18 views4 pages

FSDLAB BCSL504 Final

The document outlines the Full Stack Development Lab course (BCSL504), detailing its structure, credits, examination format, and course outcomes. Students will learn to design web pages using XHTML, CSS, and JavaScript, as well as build interactive applications with ReactJS and NodeJS, while connecting to databases like MySQL and MongoDB. The lab includes various experiments aimed at achieving specific course outcomes related to web development skills.

Uploaded by

Sudarshan Yadav
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
18 views4 pages

FSDLAB BCSL504 Final

The document outlines the Full Stack Development Lab course (BCSL504), detailing its structure, credits, examination format, and course outcomes. Students will learn to design web pages using XHTML, CSS, and JavaScript, as well as build interactive applications with ReactJS and NodeJS, while connecting to databases like MySQL and MongoDB. The lab includes various experiments aimed at achieving specific course outcomes related to web development skills.

Uploaded by

Sudarshan Yadav
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
You are on page 1/ 4

Code: BCSL504 Course: Full stack development LAB

Credits: 1 L:T:P - 0:0:2


SEE: 50% CIE: 50%
Examination type(SEE ): practical
Hours: 2 Max. Marks: 100

Course Outcomes:
On the successful completion of the course, the student will be able to

COs Course Outcomes


CO1 Design web pages using XHTML and CSS.
Apply core constructs and event handling mechanisms of JavaScript to develop web Pages.
CO2
CO3 Build interactive web applications using ReactJS and NodeJS.
Demonstrate the creation of dynamic web pages and connections to MYSQL/MongoDB.
CO4

Mapping with POs and PSOs:

COs PO1 PO2 PO P P P P P P PO PO PO PS PS


3 O O O O O O 10 11 12 O1 O2
4 5 6 7 8 9
CO1 1 - 3 - 2 1 1 - 2 2 1 3 3 3

CO2 1 - 2 - 2 1 1 - 2 2 1 2 3 3

CO3 1 2 3 2 3 1 1 1 2 2 2 2 3 3

CO4 1 2 3 2 3 1 1 1 2 2 2 2 3 3

Sl.N LAB EXPERIMENTS COURSE


o OUTCOME
1 a. Design a html page as shown below.

BOOK DETAILS CO1

Author:

Title:

Price:

Submit Reset

b. Write a HTML program for the demonstration of Lists.


(i)Unordered List.
(ii)Ordered List
1
2 Create the below registration form using forms in HTML CO1

3 Build a responsive web application for shopping cart with registration, login, catalog and CO1
cart pages using CSS features.

4 Write JavaScript to validate the following fields of the Registration page. CO2
1. First Name (Name should contains alphabets and the length should not be less than 6 characters).
2. Password (Password should not be less than 6 characters length).
3. E-mail id (should not contain any invalid and must follow the standard pattern
[email protected])
4. Mobile Number (Phone number should contain 10 digits only).
5. Last Name and Address (should not be Empty).
5 Develop and demonstrate JavaScript with POP-UP boxes and functions for the following CO2
problems:
a) Input: Click on Display Date button using onclick( ) function
Output: Display date in the textbox
b) Input: A number n obtained using prompt
Output: Factorial of n number using alert

6 Write a JavaScript program where the program takes a random integer between 1 and 10, and the CO2
user is then prompted to input a guess number. The program displays a message “Good Work" if
the input matches the guess number otherwise "Not matched".
7 Write a JavaScript for loop that will iterate from 0 to 15. For each iteration, it will check if the CO2
current number is odd or even, and display a message to the screen using map and filters.

8 Write a JavaScript program to create a new string from a given string by changing the position of CO2
the first and last characters. The string length must be broader than or equal to 1.
9 Implementation of components and props in react. CO3

10 Demonstrate component creation, props and Hooks. CO3

11 Demonstrate life cycle of component in reactjs. CO3

12 Demonstrate error handling in Reacts using error boundaries. CO3

13 Write a program of Adding React Router in application. CO3

14 Demonstrate Redux in reactjs. CO3

15 Implement Modules and events in Nodejs. CO3

16 Develop a query using MongooDB to implement CURD operations (create, read, projection, CO4
2
update, delete aggregate) on student database.
17 Develop a web application to display the contents from employee table using Mysql/MongoDB. CO4

18 Illustrate inserting a row into Mysql/MongoDB table from ReactJS/NodeJs/HTML. CO4

3
4

You might also like