Scribd
Upload
61 views

MPT Lab Manual First Pages

Uploaded by

harsh77harsh77
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
61 views

MPT Lab Manual First Pages

Uploaded by

harsh77harsh77
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

Dept of CE/CSE/IT Modern Practical Tools

_______________________________________________________________________________________

GUJARAT TECHNOLOGICAL UNIVERSITY


Chandkheda, Ahmedabad

B. H. Gardi College of Engineering & Technology

Subject : Modern Practical Tools(4340705)

DE-CE, Semester - IV

LAB MANUAL

Prof. Manali Surani


(Faculty Guide)

Prof. Monika Shah


(Head of the Department)

Academic Year (2023-2024)


Dept of CE/CSE/IT Modern Practical Tools
_______________________________________________________________________________________

B. H. Gardi College of Engineering &


Technology

CERTIFICATE

This is to certify that Mr./Ms. __________________________________of semester

_____ branch ________ Enrolment no. _____________has satisfactorily completed

his/her term work in the subject of __________________________________ for the

term ending in __________ 2024.

Date: ________________

Subject In-charge Head of Department


Dept of CE/CSE/IT Modern Practical Tools
_______________________________________________________________________________________

INDEX
Sr. Date Experiment/Practical Title Gra Sign
No. de
1 Setup environment for Angular framework by
Installing
Node.js, npm package manager using editor like Visual
Code.
2 Create first application to print Hello World mesage
using
angular framework.
3 Design a web page to utilize property binding and
event binding
concepts using button and textbox controls
4 Create various components of web page using
Attribute
Directives
5 Design a web page to display student grading system in
tabular format with alternate color style using
ngSwitch, ngStyle Directives
6 Design component to perform following tasks
A) To Add or Remove number of students using
textbox and button controls and display it in tabular
structure format.
B) Give row level remove button option to student
table and record should be deleted when click on it
7 Create a component to display a products list from
array. The product component should display a product
Id, name, purchase date, price, and image for the
product and search using various pipes
8 Design a student registration page using template
driven form approach and utilize different form and
controls level ng validation classes
9 Design component to enter faculty details like Code,
Name, Email, Type, Faculty Status (Active, Inactive),
Subjects Teaching (with option to add multiple
subjects dynamically) using reactive form with various
types of validation of form and controls
1 Design a page to implement Add to Cart functionality
0 using decorators, custom properties, custom events of
component communication
Dept of CE/CSE/IT Modern Practical Tools
_______________________________________________________________________________________
1 Develop page to demonstrate different methods of
1 angular
component lifecycle
1 Design an e-commerce product page and product
2 details page that displays product details when clicking
on any particular product
1 Design a page to display student information using
3 dependency Injection
1 Develop a page for product listing and search-as-
4 youtype using observables and web APIs from
database.
1 Design web page to display student data in table using
5 HTTP GET/POST Calls from web APIs.
1 Design web page to insert product data in table using
6 web APIs
1 Design a page to implement Multiview component
7 with
login, logout functionalities using different routing
options.
1 Develop a page to demonstrate page navigation of
8 product list using routing concepts.
1 Design a page to load customer and Sales order data
9 using lazy loading technique in angular.
2 Design a page to implement CORS concept
0

You might also like