29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
: Computer Technology/ Computer Engineering/ Computer Science & Engineering/
Programme Name/s Information Technology/
Computer Science & Information Technology/ Computer Science
Programme Code : CM/ CO/ CW/ IF/ IH/ SE
Semester : Sixth
Course Title : CLIENT SIDE SCRIPTING
Course Code : 316005
I. RATIONALE
Client-side scripting plays a fundamental role in modern web development by enhancing user interactions and
improving the overall experience of websites and applications. Web developers utilize it extensively to
accomplish tasks like creating dynamic webpages, reacting to events, making interactive forms, verifying
information entered by visitors, managing the browser, and more. Using these characteristics, this course assists
students in creating highly dynamic web pages.
II. INDUSTRY / EMPLOYER EXPECTED OUTCOME
The aim of this course is to help the student to attain the following industry identified outcomes through various
teaching learning experiences :
Develop web application using AngularJS and React Framework.
III. COURSE LEVEL LEARNING OUTCOMES (COS)
Students will be able to achieve & demonstrate the following COs on completion of course based learning
CO1 - Develop web page using client side scripting technology.
CO2 - Design dynamic web pages using AngularJS.
CO3 - Implement the built-in functions and objects in AngularJS.
CO4 - Develop web application using React.
CO5 - Apply event handling in React Framework.
IV. TEACHING-LEARNING & ASSESSMENT SCHEME
Learning Scheme Assessment Scheme
Actual
Contact Based on LL & TL Based
Theory
Course Course Hrs./Week on SL
Course Title Abbr Credits Paper Total
Code Category/s SLH NLH Practical
Duration Marks
FA- SA-
CL TL LL Total FA-PR SA-PR SLA
TH TH
Max Max Max Min Max Min Max Min Max Min
CLIENT SIDE
316005 CSS AEC 2 - 4 - 6 3 - - - - - 25 10 25@ 10 - - 50
SCRIPTING
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 1/7
29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
Total IKS Hrs for Sem. : 0 Hrs
Abbreviations: CL- ClassRoom Learning , TL- Tutorial Learning, LL-Laboratory Learning, SLH-Self Learning
Hours, NLH-Notional Learning Hours, FA - Formative Assessment, SA -Summative assessment, IKS - Indian
Knowledge System, SLA - Self Learning Assessment
Legends: @ Internal Assessment, # External Assessment, *# On Line Examination , @$ Internal Online
Examination
Note :
1. FA-TH represents average of two class tests of 30 marks each conducted during the semester.
2. If candidate is not securing minimum passing marks in FA-PR of any course then the candidate shall be
declared as "Detained" in that semester.
3. If candidate is not securing minimum passing marks in SLA of any course then the candidate shall be
declared as fail and will have to repeat and resubmit SLA work.
4. Notional Learning hours for the semester are (CL+LL+TL+SL)hrs.* 15 Weeks
5. 1 credit is equivalent to 30 Notional hrs.
6. * Self learning hours shall not be reflected in the Time Table.
7. * Self learning includes micro project / assignment / other activities.
V. THEORY LEARNING OUTCOMES AND ALIGNED COURSE CONTENT
Theory Learning Suggested
Learning content mapped with Theory Learning
[Link] Outcomes (TLO's)aligned Learning
Outcomes (TLO's) and CO's.
to CO's. Pedagogies.
TLO 1.1 Explain purpose
of scripting language.
TLO 1.2 Differentiate
between static and
Unit - I Fundamental of Client Side Scripting
dynamic web pages.
1.1 Introduction to the Scripting: Basic web architecture,
TLO 1.3 Describe the
Role of the client and server, Static vs. dynamic web pages
evolution of scripting Lecture Using
1.2 History of Scripting Technologies: HTML as a
technologies. Chalk-Board
1 foundation, Early use of inline scripting, Limitations of
TLO 1.4 Illustrate the Presentations
static HTML, JavaScript
AJAX architecture. Hands-on
1.3 Introduction to AJAX : AJAX Architecture, Actions
TLO 1.5 Create JSON
1.4 Basics of JSON: Objects, Scheme
objects for accessing data
1.5 Webpage with Python: Django and Flask framework
in JavaScript program.
TLO 1.6 Explain feature
of Django and Flask
framework.
TLO 2.1 Describe the MVC
Unit - II Angular Basics
Architecture.
2.1 Introduction to AngularJS: AngularJS Extends HTML,
TLO 2.2 State structure of
Expressions, MVC Architecture, Application in AngularJs,
the given AngularJS web
Variables Scope
page.
2.2 AngularJS Forms: FORM tag, Form fields: Single line text
TLO 2.3 Describe the
field, password field, multiple line text area, radio buttons, Lecture Using
function of different
and check boxes. Pull down menus: SELECT and OPTION Chalk-Board
2 controls to be used in
tags. Buttons: submit, reset and generalized buttons, Form Presentations
web form.
Validation Hands-on
TLO 2.4 Implement the
2.3 AngularJS Data Binding :Two-way Binding and ng-
filters and directives in
model directive
given page.
2.4 Filters: Built-In Filters, Custom Filter, Chaining Multiple
TLO 2.5 Write AngularJS
Filters
program to handle the
2.5 AngularJS Events: ng-mousedown, ng-mouseup, ng-click
web page events.
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 2/7
29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
Theory Learning Suggested
Learning content mapped with Theory Learning
[Link] Outcomes (TLO's)aligned Learning
Outcomes (TLO's) and CO's.
to CO's. Pedagogies.
TLO 3.1 Identify the table
attributes to organize
data in web page. Unit - III Working with AngularJS
TLO 3.2 Write CSS code 3.1 AngularJS Tables: Display Data in a Table, Adding style
for applying type of to the Table data, orderBy Filter, uppercase Filter, Table
formatting in web page. Index, using $even and $odd
Lecture Using
TLO 3.3 Describe the use 3.2 AngularJS Controllers: Initializing the Model with
Chalk-Board
3 of controllers and its Controllers, Role of a Controller, Controllers & Modules,
Presentations
method. Controller Business Logic, Presentation Logic and
Hands-on
TLO 3.4 Write AngularJS Formatting Data
program using filters. 3.3 Attaching Properties and functions to scope
TLO 3.5 Write AngularJS 3.4 Nested Controllers, Using Filters in Controllers
program to show use of 3.5 Controllers in External Files
external files in
controller.
TLO 4.1 State the features
of React. Unit - IV Introduction of React Framework
TLO 4.2 Describe the life 4.1 Introduction to React Framework, features, architecture
Lecture Using
cycle of React. & Form
Chalk-Board
4 TLO 4.3 Explain the use 4.2 Components: Functional components, Class
Presentations
of different components components, Passing and using props
Hands-on
in a form. 4.3 Lifecycle – Mounting, Updating and Unmounting
TLO 4.4 Implement the 4.4 React Hooks – useState,useEffect, useContext
state of React Hooks.
TLO 5.1 Write JavaScript
to design a form to accept Unit - V Working with React Framework
input values using React. 5.1 Event handling, Binding event handlers, Arrow
TLO 5.2 Write event functions vs. regular functions
driven program for the 5.2 Working with Forms - Adding components, Handling Lecture Using
given problem using form, Submitting Forms, Form validation Chalk-Board
5
React. 5.3 Lists and Keys - Rendering Lists, List with Key, Using Presentations
TLO 5.3 Explain the use map() to render lists of elements Hands-on
of list and keys in web 5.4 Cascading Style Sheets- Different types of Style Sheets,
pages. Styling Libraries, Popular CSS frameworks (e.g., Bootstrap,
TLO 5.4 Write CSS for Material-UI)
React application.
VI. LABORATORY LEARNING OUTCOME AND ALIGNED PRACTICAL / TUTORIAL EXPERIENCES.
Practical / Tutorial / Laboratory Sr Laboratory Experiment / Practical Titles / Number Relevant
Learning Outcome (LLO) No Tutorial Titles of hrs. COs
* Write a program to display " Hello World
LLO 1.1 Create web page using " using:
structure tags to display sample 1 • [Link]() 2 CO1
message. • [Link]( )
• alert ()
LLO 2.1 Create Python script to Write a program to display "Welcome " using
2 2 CO1
display sample message. Python script
LLO 3.1 Write programs a JSON
Create objects for the given problem with
Object with properties and access the 3 4 CO1
JSON
object using JSON.
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 3/7
29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
Practical / Tutorial / Laboratory Sr Laboratory Experiment / Practical Titles / Number Relevant
Learning Outcome (LLO) No Tutorial Titles of hrs. COs
1. Setup Angular development environment
using:
• Installation of [Link] and npm
LLO 4.1 Install Angular software
4 2 CO2
application.
• Installation of Angular CLI
2. Write a program to display "Good Morning
" Message on web page
* Write AngularJS program to design form
LLO 5.1 Use forms controls. 5 using various controls and apply validations 4 CO2
on input
LLO 6.1 Implement data binding in * Write a program to display data model view
6 2 CO2
AngularJS. and display data for given problem
LLO 7.1 Implement data binding
Write a program to display two - way data
synchronization between the model 7 2 CO2
binding
and the view.
*Write a program to implement different
LLO 8.1 Use filters in AngularJS. 8 2 CO2
filters in AngularJS
LLO 9.1 Implement various keys and * Write a program to implement different
9 2 CO2
mouse events. events in Angular JS
LLO 10.1 Create a web page to
10 Write a program displaying data in a table 2 CO3
implement table.
LLO 11.1 Implement table operation * Write a program to implement CSS to table
11 2 CO3
using filters. data-odd and even rows
LLO 12.1 Develop Angular JS * Write programs for implementation of
12 2 CO3
applications using controllers. different methods of AngularJS Controllers
LLO 13.1 Use concept of controllers * Write programs to demonstrate use of
13 4 CO3
external files. controllers in external files
LLO 14.1 Execute after writing
* Write a program to handle data using React
program to handle data using React 14 2 CO4
form
form.
LLO 15.1 Execute after writing
Write a program to pass function argument
program passing function argument 15 2 CO4
into React component
into React component.
*Write a program to pass function argument
LLO 16.1 Implement the concept of
16 into React program and implemnt the life 2 CO4
React life cycle.
cycle of React
LLO 17.1 Implement states of React * Write a program to implement states of
17 4 CO4
Hooks. React Hooks
LLO 18.1 Use React components to Write a program to design real time form
18 4 CO5
design real time form. using react components
LLO 19.1 Apply validations for React Write a program to apply validations for
19 4 CO5
form. React form
LLO 20.1 Use concept of List using * Write a program to manipulate List using
20 2 CO5
React. key and without key in React
LLO 21.1 Create a page to use map Write a program to render a list using map
21 2 CO5
function in React. function in React
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 4/7
29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
Practical / Tutorial / Laboratory Sr Laboratory Experiment / Practical Titles / Number Relevant
Learning Outcome (LLO) No Tutorial Titles of hrs. COs
* Write a program to apply following
approaches of css to a React web page
LLO 22.1 Implement different
approaches for styling a React web 22 Inline styling 2 CO5
page. CSS stylesheets
CSS Modules
* The microproject has to be web based real
time application suggested by teacher such as
:
Develop a web "Chat Application" having CO2
LLO 23.1 Carry out a microproject on Chat window with send and recive the CO3
23 4
the given problem statement. text,image etc. CO4
Develop a web "Music Player application" CO5
where user can get the Album with signer
and play the music.
Note : Out of above suggestive LLOs -
'*' Marked Practicals (LLOs) Are mandatory.
Minimum 80% of above list of lab experiment are to be performed.
Judicial mix of LLOs are to be performed to achieve desired outcomes.
VII. SUGGESTED MICRO PROJECT / ASSIGNMENT/ ACTIVITIES FOR SPECIFIC LEARNING / SKILLS
DEVELOPMENT (SELF LEARNING) : NOT APPLICABLE
VIII. LABORATORY EQUIPMENT / INSTRUMENTS / TOOLS / SOFTWARE REQUIRED
[Link] Equipment Name with Broad Specifications Relevant LLO Number
Computer system with all necessary peripherals and internet connectivity
[Link] and npm
1 All
Angular CLI
OR Visual Studio Code IDE
IX. SUGGESTED WEIGHTAGE TO LEARNING EFFORTS & ASSESSMENT PURPOSE (Specification Table)
Aligned Learning R- U- A- Total
[Link] Unit Unit Title
COs Hours Level Level Level Marks
Fundamental of Client Side
1 I CO1 5 0 0 0 0
Scripting
2 II Angular Basics CO2 6 0 0 0 0
3 III Working with AngularJS CO3 6 0 0 0 0
4 IV Introduction of React Framework CO4 6 0 0 0 0
5 V Working with React Framework CO5 7 0 0 0 0
Grand Total 30 0 0 0 0
X. ASSESSMENT METHODOLOGIES/TOOLS
Formative assessment (Assessment for Learning)
Continous assessment based on process and product related performance [Link] practical will be
assessed considering-
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 5/7
29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
-60% weightage to process
-40% weightage to product
Summative Assessment (Assessment of Learning)
End Semester Examination (Lab. performance),Viva-voce
XI. SUGGESTED COS - POS MATRIX FORM
Programme
Specific
Programme Outcomes (POs)
Outcomes*
(PSOs)
Course PO-5
Outcomes PO-1 Basic Engineering
(COs) and PO-2 PO-3 Design/ PO-4 Practices for PO-7 Life
PO-6 Project PSO- PSO- PSO-
Discipline Problem Development Engineering Society, Long
Management 1 2 3
Specific Analysis of Solutions Tools Sustainability Learning
Knowledge and
Environment
CO1 1 - 1 1 - - 1
CO2 2 2 2 2 1 - 1
CO3 2 2 3 3 2 - 1
CO4 2 2 2 3 2 - 1
CO5 2 2 3 3 2 - 1
Legends :- High:03, Medium:02,Low:01, No Mapping: -
*PSOs are to be formulated at institute level
XII. SUGGESTED LEARNING MATERIALS / BOOKS
[Link] Author Title Publisher with ISBN Number
McGraw Hill Education; 5th edition
Thomas A.
1 HTML & CSS: The Complete Reference (1 July 2017), ISBN-13 : 978-
Powell
0070701946
Valeri Karpov, Wiley (1 January 2015), ISBN-13 :
2 Professional AngularJS (WROX)
Diego Netto 978-8126556434
Brad Green, AngularJS: Less Code, More Fun, And Enhanced Shroff/O'Reilly; First Edition (1
3 Shyam Productivity With Structured Web Apps January 2013), ISBN-13 : 978-
Seshadri (Greyscale Indian Edition) 9351101260
Notion Press (11 January 2023),
4 Mayur Patil [Link] For Beginners
ISBN-13 : 979-8889355106
Learning React: Modern Patterns for Developing Shroff/O'Reilly; Second edition (16
5 Alex Banks
React Apps July 2020), ISBN-13 : 978-9385889158
XIII . LEARNING WEBSITES & PORTALS
[Link] Link / Portal Description
Designing web page using AngularJS.(All
1 [Link]
contents)
2 [Link] AngularJS Tutorial for beginners
3 [Link] React Tutorial for beginners
Designing web page using React.(All
4 [Link]
contents)
5 [Link] The Modern JavaScript Tutorial
Providing React,AngularJS and
6 [Link]
Javascript contents.
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 6/7
29-11-2025 01:53:02 AM
CLIENT SIDE SCRIPTING Course Code : 316005
[Link] Link / Portal Description
7 [Link] Angular JS for Beginners
Note :
Teachers are requested to check the creative common license status/financial implications of the suggested
online educational resources before use by the students
MSBTE Approval Dt. 04/09/2025 Semester - 6, K Scheme
Page 7/7