10.5.

2 Elective Courses

GOVERNMENT POLYTECHNIC, AMRAVATI

(AUTONOMOUS INSTITUTE OF GOVERNMENT OF MAHARASHTRA)

CURRICULUM DEVELOPMENT CELL

----------------------------------------------------------------------------------------------------------------
PROGRAMME TITLE: DIPLOMA IN COMPUTER ENGINEERING /
INFORMATION TECHNOLOGY
COURSE CODE: FC5471
COURSE TITLE: CLIENT SIDE SCRIPTING USING JAVA SCRIPT
TEACHING SCHEME:
TOTAL CONTACT
LEVEL OF PRERE-
WEEKLY TOTAL TOTAL HOURS
COURSE QUISITE
CONTACT HRS. CREDITS WEEKS
L T P L T P
V FC3408 03 - 02 05 16 48 - 32
EXAMINATION SCHEME:
THEORY(Marks) PRACTICAL(Marks)
ESE ESE PA TOTAL ESE PA TOTAL
PAPER (Marks)
HOURS
3Hrs MAX. 70 30* 100 25# 25^ 150
MIN. 28 --- 40 10 10
@: Internal Assessment #: External Assessment: Practical Based
(*) Under the Theory PA, Out Of 30 Marks, 20 Marks is the Average of Two Tests and 10 Marks are for Micro project-
(^) Under practical PA Continuous Assessment of Practical Work is to be done by Course Teacher as per CDC norms.
For the courses having only practical examination, PA has two parts (i) Continuous Assessment of Practical work - 60% and (ii)
microproject-40%.
RATIONALE:
JavaScript is limited featured client side programming language. JavaScript runs at the client end
through the user’s browser without sending massages back and forth to the server. It is widely
used by the web developers to do things such as build dynamic web pages, respond to event,
create interactive forms, validate data that the visitor enters into a form, control the browsers etc.
This course helps student to create highly interactive web application using these features.
2. COURSE OUTCOMES (COs)
At the end of this course, student will be able to: -
1. Create interactive web pages using program flow control structure.
2. Implement Arrays and functions in JavaScript.
3. Create event based web forms using JavaScript.
4. Use JavaScript for handling cookies.
5. Create interactive web page using regular expression for validation.
6. Create menus and navigations in web pages.

339
 3.DETAILED CONTENTS: THEORY

Unit Unit Outcomes (UOs) Topic and Sub-topics CO Hr Mar

(In cognitive domain) No. ks
Unit 1 1a. Create object to solve 1.1. Features of JavaScript. 1 10 12
Basics of the given problem. 1.2. Object Name, Property, Method,
JavaScript 1b. Develop JavaScript to Dot Syntax, main event.
Programming implement the 1.3. Values and Variable.
switch-case statement 1.4. Operators and Expression- Primary
for the given Expression, Object and Arrays
problem. initializers, function definition
1c. Develop JavaScript to expression, property access
implement loop for expression, and invocation
solving the given expressions.
iterative problem. 1.5. if Statement, if...else, if...else if,
1d. Display properties of Nested if Statement.
the given object using 1.6. switch...case Statement
getters and setters. 1.7. Loop Statement-for Loop, for in
1e. Develop program Loop, while Loop, do...while
using basic features Loop, continue Statement.
of JavaScript to solve 1.8. Querying and setting properties
the given Problem. and deleting properties, property
getters and setters.
Unit 2 2a. Create arrays to solve 2.1 Arrays - Declaring an Array, 2 10 14
Arrays, given problem. Initializing an Array, Defining
Function 2b. Perform the specified Array Elements, Looping the Array,
and String string manipulation Adding an Array Element, Sorting
operation on the Array Elements, Combining Array
given Strings. Elements into a String, Changing
2c. Develop JavaScript to Elements of the Array, Object as
implement the given Associative Arrays.
function. 2.2 Functions - Defining a Function,
2d. Develop JavaScript to Writing a Function, Adding
convert the given arguments, Scope of Variables and
character to Unicode Arguments.
and Vice –Versa. 2.3 Calling a Function - Calling a
Function with or without an
Argument, Calling a Function from
HTML, Functions Calling Another
Function, Returning Values from a
Function.
2.4 Strings - Manipulate a String,
Joining Strings, Retrieving a
character from given position,
position of character in given string
,Dividing Text, Copying a

340
 Substring, Converting String to
Numbers and Numbers to Strings,
Changing the Case of the String,
Strings and Unicode.
Unit 3 3a. Write a JavaScript to 3.1. Building Blocks of a Form, 3 06 10
Form and design a form to Properties and methods of form,
Event accept input values button, text, text area, check box,
Handling for the given problem radio button, select element.
3b. Use JavaScript to 3.2. Form Events- mouse event, key
implement form event.
events to solve the 3.3. Form Objects and Elements.
given problem. 3.4. Changing Attribute Values
3c. Develop JavaScript to Dynamically.
dynamically assign 3.5. Changing an Option List
specified attribute Dynamically.
values to the given 3.6. Evaluating Check Box Selections
form control. 3.7. Changing Labels Dynamically
3d. Use the given 3.8. Manipulating form Elements.
intrinsic function with 3.9. Using Intrinsic JavaScript
specified parameters. Functions, Disabling Elements,
Read-Only Elements.
Unit 4 4a. Create cookies 4.1 Cookies - Cookie Basics, Creating 4 06 08
Cookies based on given a Cookie, Writing a Cookie value,
and problem. Reading a Cookie value, Setting the
Browser 4b. Develop JavaScript Expiration Date of cookie, Deleting
Data to manage a cookie a Cookie
in the given manner. 4.2 Browser - Open the Window,
4c. Develop JavaScript Giving the New Window Focus,
to manipulate the Window Position, Changing the
specified attributes Contents of a Window, Closing the
of window object in Window, Scrolling a Web Page,
the given manners. Opening Multiple Windows at
4d. Write JavaScript to Once, Creating a Web Page in a
create browser New Window, JavaScript URLs,
history of the given JavaScript Security, Timers,
object. Browser Location and History.
Unit 5 5a Compose relevant 5.1.Regular Expressions - Language 5 08 14
Regular regular expression of a Regular Expression, Finding
Expressio for the given Non matching Characters, Entering
n, character pattern a Range of Characters, Matching
Rollover search. Digits and Non digits, Matching
and 5b Develop JavaScript Punctuation and Symbols,
Frames to implement Matching Words, Replace Text
validations using the Using a Regular Expression, Return
given regular the Matched Characters, Regular
expression. Expression Object Properties.

341
 5c Create frames based 5.2.Frames – Create a Frame, Invisible
on the given Borders of frame, Calling a Child
problem. Window’s, Changing the Content
5d Create window and focus of a Child Window,
object as per the Writing to a Child Window,
given problem. Accessing Elements of Another
5e Develop JavaScript Child Window.
for creating rollover 5.3.Rollovers-Creating a Rollover,
effect or the given Text Rollovers, Multiple Actions
situation. for a Rollover, More Efficient
Rollovers
Unit 6 6a. Develop JavaScript 6.1.Status Bar- Building a Static 6 08 12
Menus, to manage the given Message, Changing the Message
Navigation status bar. Using Rollovers, Moving the
and Web 6b. Develop JavaScript Message Along the Status Bar.
Page to create a given 6.2.Banners- Loading and Displaying
Protection banner. Banner Advertisements, Linking
6c. Develop JavaScript Banner Advertisements to URLs.
to create the given 6.3.Slideshows- Creating a Slideshow
slide show. 6.4.Menus- Creating a Pull-Down
6d. Develop JavaScript Menu, Dynamically Changing a
to create the given Menu, Validating Menu Selections,
Menu. Floating Menu, Chain Select Menu,
6e. Write JavaScript to Tab Menu, Popup Menu, Sliding
protect a webpage in Menu, Highlighted Menu, Folding
the specified Tree Menu, Context Menu,
Manners. Scrollable Menu, Side Bar Menu.
6.5.Protecting Your Web Page -
Hiding Your Code, Disabling the
Right Mouse Button, Hiding
JavaScript, Concealing Your E-mail
Address.
6.6.Framework of JavaScript and its
Application

4. LIST OF PRACTICALS:
Sr PRACTICAL OUTCOMES (PrOs) CO
No. NO.
1. Write a simple JavaScript with HTML for arithmetic expression evaluation and 1
message printing.
2. Develop JavaScript to use decision making and looping statement. 1
3. Develop JavaScript to implement Array functionalities. 2*
4. Develop JavaScript to implement function. 2
5. Develop JavaScript to implement String. 2
6. Create a webpage using Form Element. 3*
7. Create a webpage to implement Form Event 3

342
8. Develop a webpage using Intrinsic JavaScript Function 3
9. Develop a webpage for creating session and persistent cookies. 4
Observe the effect with Browser cookie setting.
10. Develop a webpage for placing the Window on the screen and working with child 4
window.
11. Develop a webpage for validation of form field using regular expressions. 5
12. Develop a webpage with Rollover effect. 5
13. Develop a webpage for implementing Menus. 6
14. Develop a webpage for implementing Status bars and Web Page Protection. 6*
15. Develop a webpage for implementing Slideshow. 6
16. Develop a webpage for implementing Banners. 6*
Note
1.The entire above listed practical’s need to be performed compulsorily except star (*) marked,
so that the students reach the ‘Precision level of Dave’s Psychomotor Domain Taxonomy.
2.The Process and Product related skills associated with each practical outcome shall be
assessed on basis of following performance indicators.
S. No. Performance Indicators Weightage in %
1. Use of relevant tags and attribute 20
2. Correctness of Coding 30
3. Testing and Debugging of program 30
4. Quality of input and output displayed (messaging and 10
formatting)
5. Submit Practical report in time 10
Total 100%
The above PrOs also comprise of the following social skills/attitudes which are Affective
Domain Outcomes (ADOs) that are best developed through the laboratory/field based
experiences:
1. Follow safety practices.
2. Practice good housekeeping.
3. Demonstrate working as a leader/a team member.
4. Follow ethical Practices.
The ADOs are not specific to any one PrO, but are embedded in many PrOs. Hence, the
acquisition of the ADOs takes place gradually in the student when s/he undertakes a series of
practical experiences over a period of time. Moreover, the level of achievement of the ADOs
according to Krathwohl’s ‘Affective Domain Taxonomy’ should gradually increase as planned
below:
 ‘Valuing Level’ in 1st year
 ‘Organising Level’ in 2nd year and
 ‘Characterising Level’ in 3rd year
5. SUGGESTED STUDENT ACTIVITIES
Other than the classroom and laboratory learning, following are the suggested student-related co-
curricular activities which can be undertaken to accelerate the attainment of the various
outcomes in this course: Students should conduct following activities in group and prepare
reports of about 5 pages for each activity, also collect/record physical evidences for their
(student’s) portfolio which will be useful for their placement interviews:
343
 1. Prepare journal of practical’s.
2. Undertake micro-projects using application development concept of advance java.
6. SUGGESTED INSTRUCTIONAL STRATEGIES
Following are suggested instructional strategies, which the teacher can adopt for the attainment
of the various outcomes in this course:
 Massive open online courses (MOOCs) may be used to teach various topics/sub topics.
 About 10-15% of the topic/ subtopic/ content which is relatively simple an descriptive in
nature may given to the students for self learning, for self directed learning and asses the
development of CO’s through class room presentation.
 Guide student(s) in undertaking micro-projects.
 Demonstrate students thoroughly before they start doing the practice.
 Use different instructional strategies in classroom teaching.
 Observe continuously and monitor the performance of student in lab.
7. SUGGESTED MICRO-PROJECTS.
Only one micro-project is to be undertaken by a student in the beginning of the semester. S/he
ought to submit it by the end of semester. Each micro-project should include two or more Cos.
The micro-project could be industry application based, internet based, laboratory based, field
based and survey based. In the all semesters, it could be group-based (5 to 6 Student) to build up
skill and confidence in every student. Each student will have to maintain dated work diary
consisting of individual contribution in the project work and give a seminar presentation of it
before submission. The student ought to submit micro-project by the end of the semester to
develop the industry orientedCOs. A suggested list is given below.
1. Develop web Application for Library.
2. Develop web Application for Hotel.
3. Develop web Application for Income Tax (Return/ filling).
4. Develop web Application for small Bank.
5. Develop web Application for Proprietor.
6. Develop web Application for Hospital.
7. Develop web Application for Student.(Attendance/ TC/ Hostel/ Book Bank/ etc)
8. Develop web application for Personal Asset Management.
9. Develop web Application for Inventory Management and Order Placing.
10. Develop Web application for Energy Billing.
11. Any other micro-project suggested by subject faculty on similar line.

8. MAJOR EQUIPMENTS/INSTRUMENTS REQUIRE

Sr Equipment Name with Broad Specification Practical No.
No.
1 Computer System (any computer system with basic configuration)
2 Browser and Text Editor
All Practical
3 IDE like eclipse, etc
4 Web Page design tools.

344
9. SUGGESTED SPECIFICATION TABLE FOR QUESTION PAPER DESIGN

Unit Unit Title Marks Distribution of Theory Marks Total

No. per Unit R U A Marks
Level Level Level
1 Basics of JavaScript 12 4 4 4 12
Programming
2 Arrays, Function and 14 2 4 8 14
String
3 Form and Event Handling 10 2 4 4 10
4 Cookies and Browser Data 08 -- 4 4 08
5 Regular Expression, 14 2 4 8 14
Rollover and Frames
6 Menus, Navigation and 12 4 4 4 12
Web Page Protection
Total 70 14 24 32 70

R= Remember, U= Understanding, A=Application and above (Bloom’s Revised taxonomy)

Note: This specification table provides general guidelines to assist student for their learning and
to teachers to teach and assess students with respect to attainment of UOs. The actual
distribution of marks at different taxonomy levels (of R, U and A) in the question paper may vary
from above table.

10. SUGGESTED LEARNING RESOURCES:

Sr. Title of Book Author Publication

No.
1. JavaScript DeMYSTiFied Keogh. Jim McGraw Hill, 2015 New Delhi.
ISBN: 0-07-060347-2
2. Beginning JavaScript Wilton, Paul Wily India, New Delhi, 2015
ISBN:0-7645-5587-1
3. Beginning JavaScript McPeak. Jeremy and Wily India, New Delhi, 2015
Wlton. Paul ISBN:81-265-1304-7
4. JavaScript in 24 Hours Moneur, Michael Tech Media, New Delhi, 2015
(SAMS Teach Yourself) ISBN: 978-0-672-33608-9

11. SOFTWARE/LEARNING WEBSITES.

1. https://www.w3schools.com/js/
2. http://www.nptelvodeos.com
3. https://www.tutorialspoint.com/javascript/index.htm
4. https://www.geeksforgeeks.org/javascript-tutorial/

345
12. COURSE CURRICULUM DEVELOPMENT COMMITTEE:

SR. NAME DESIGNATION INDUSTRY/INSTITUTE

NO.
1 Mr. R. R. Bhoge Lecturer in Information Govt. Polytechnic
Technology Amravati
2 Mr. M. R. Torney Lecturer in Computer Govt. Polytechnic
Engineering. Amravati
3 Ms. S. A. Kale Lecturer in Information Govt. Polytechnic
Technology Amravati

Govt. Polytechnic, Programme Board of Studies (Information Technology) has approved the
above course curriculum on 22/01/2021 and is adopted for Information TechnologyProgramme.

CHAIRMAN
PROGRAMME BOARD OF STUDIES,
INFORMATION TECHNOLOGY
GOVERNMENT POLYTECHNIC,
AMRAVATI.

The General Board of Studies has approved the above course curriculum on 06/02/2021
The Governing Body has approved the above course curriculum on13/08/2021

346