0 ratings0% found this document useful (0 votes) 115 views8 pagesClient Side Scripting Language
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here.
Available Formats
Download as PDF or read online on Scribd
Client Side Scripting Language Course Code: 22519
Program Name —_: Computer Engineering Program Group
Program Code : CO/CM/IF/CW
Semester : Fifth
Course Title :
Course Code 222519
jient Side Scripting Language (Elective)
1 RATIONALE
JavaScript is limited featured client side programming language. JavaScript runs at the client
end through the user's browser without sending messages 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
events, create interactive forms, validate data that the visitor enters into a form, control the
browser etc. This course helps student to create highly interactive web pages using these
features.
2. COMPETENCY
The aim of this course is to help the student to attain the following industry identified
competency through various teaching learning experiences:
Develop Dynamic Web Pages using JavaScript.
3. COURSE OUTCOMES (COs)
The theory, practical experiences and relevant soft skills associated with this course are to be
taught and implemented, so that the student demonstrates the following industry oriented
COs associated with the above mentioned competency:
a) Create interactive web pages using program flow control structure,
b) Implement Arrays and functions in Java script.
©) Create event based web forms using Java script.
4) Use JavaScript for handling cookies.
©) Create interactive webpage using regular expressions for validations.
£) Create Menus and navigations in web Pages.
4, TEACHING AND EXAMINATION SCHEME,
Teaching |
Scheme
Creqit Theory I Practical
ces)
Paper
is. [Mtax [atin | tax [Min
s | 3 | 7 [28 50 | 20
): Under the theory PA, Out of 30 marks, 10 marks are for micro-project assessment to
facilitate integration of COs and the remaining 20 marks is the average of 2 tests to be taken
during the semester for the assessment of the UOs required for the attainment of the COs.
Legends: L-Lecture; T~ Tutorial/Teacher Guided Theory Practice; P -Practical; C — Credit,
ESE -End Semester Examination; PA - Progressive Assessment.
5. COURSE MAP(with sample COs, PrOs, UOs, ADOs and topies)
This course map illustrates an overview of the flow and linkages of the topics at various levels
of outcomes (details in subsequent sections) to be attained by the student by the end of the
depicted at the centre of this map,
MSBTE—Final Copy Dt.29032019 Page 1 of 8(Client Side Serpting Language
Riga peter
ee
_ -
Figure 1 - Course Map
6. SUGGESTED PRACTICALS/ EXERCISES
The practicals in this section are PrOs (i.e. sub-components of the COs) to be developed and
assessed in the student for the attainment of the competency.
No. Practical Outcomes (PrOs)
1, | Write simple javascript with HTML for arithmetic expression
evaluation and message printi
Develop JavaScript to implement Array functionalities,
“4, | Develop JavaScript to implement functions.
|_5. | Develop JavaScript to implement strings. -
6._ | Create a webpage using Form Elements.
7._| Create a webpage to implement Form Events. Part-I
| Develop JavaScript to use decision making and looping statements.
MSBTE — Final Copy Dt. 29.03.2019 Page 2 of 8Cie Side Scripting Language Conse Coe: 2519
“| Approx.
Sr. Practical Outcomes (PrOs) Unit | is.
No. No. .
Required
8._ | Create a webpage to implement Form Events, Part-I i | 02
| 9. | Develop a webpage using Intrinsic Java Functions. ~ ja | 02"
10, | Develop a webpage for creating session and persistent cookies. Ww] 0
Observe the effects with Browser cookie settings.
11. | Develop a webpage for placing the Window on the sereen and WwW] 0
working with child window
12. [Develop a webpage for validation of form fields using regular v | oF
expressions.
13. | Create a webpage with Rollovers effect. vi | __02
14. | Develop a webpage for implementing Menus. vi | 02
15. | Develop a webpage for implementing Status bars and Web Page | VI | 02
Protection,
16. | Develop a webpage for implementing Slideshow, banner. v0
Total 2
Note:
i. A suggestive list of PrOs is given in the above table. More such PrOs can be added to attain
the COs and competency. A judicial mix of minimum 12 or more practical need to be
performed, out of which, the practicals. marked as ‘* are compulsory, so that the student
reaches the ‘Application Level’ of Bloom's Taxonomy’ as generally required by the industry.
ii, 50% of Lab assignments must be done using traditional editor and run in different browsers
0 as to build up fundamental understanding capabilities of students.
iii. The ‘Process’ and ‘Product’ related skills associated with each PrO are to be assessed
according to a suggested sample given below.
S.No. Performance Indicators ightage in %
1__[ Use of relevant tags and attributes 10
[2 | Correctness of Coding. _ 40
4 | Testing and Debugging of the Program. [30
5__| Appearance of Program Output 10
6 sion of 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:
a, Follow safety practic
b. Practice good housekeeping
¢. Demonstrate working as a leader/a team member.
d. 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
© ‘Valuing Level’ in 1 year
© ‘Organising Level’ in 2™ year
* ‘Characterising Level’ in 3" year.
MSBTE — Final Copy Dt. 29.03.2019 Page 3 of 8‘iet SideSerptng angunge Covrse Code: 22519
7. MAJOR EQUIPMENT/ INSTRUMENTS REQUIRED
‘The major equipment with broad specification mentioned here will usher in unifor
conduct of experiments, as well as aid to procure equipment by authorities concerned
Be Equipment Name with Broad Specifications
No.
1 | Browser and Notepad/any Text editor/ _
2__|Free Web page Designing Tool
3__| Any IDE like Eclipse
8. UNDERPINNING THEORY COMPONENTS
‘The following topics are to be taught and assessed in order to develop the sample UOs given
below for achieving the COs to attain the identified competency. More UOs could be added.
Unit Gaeta aon ‘apies and Sub-topies
[Unit—1 | Ta. Create object to solve the | 1.1 Features of JavaScript
Basies of given problem. 1.2 Object Name, Property, method, Dot
JavaScript | 1b. Develop JavaScript to syntax, main event.
Programmi | implement the switeh-case | 1,3 Values and Variables
ng statement forthe given | 1-4 Operators and Expressions- Primary
problem, Expressions, Object. and Array
Ie. Develop JavaSeript to initializers, function definition
implement loop forsolving | expression, property access
the given iterative problem. | expressions, invocation expressions.
1d, Display properties of the | 1.5 If Statement, if...else, if.clsef, nested
given object using getters if statement.
and setters. 1.6 Switeh..,case statement
le. Develop program using | 1.7 Loop statement ~ for Joop, for..in loop,
basie features of JavaScript | while loop, do...while loop, continue
to solve the given problem. statement.
1.8 Querying and setting properties and
deleting properties, property getters
and setters,
2a, Create array to solve the | 2.1 Array = declaring an Array, Initializing |
Array, given problem an Array, defining an Array elements,
Function |2b, Perform the specified string | Looping an Array, Adding an Array
and String | manipulation operation on clement, sorting an Array clement,
the given String(s). Combining an Array elements into a
2c. Develop JavaScript to String, changing elements of an Array,
implement the given Objects as associative Atrays
function, 2.2 Function ~ defining a function, writing
2d. Develop JavaScript to 1 function, adding an arguments, scope
convert the given Unicode of variable and arguments,
to character form, 2.3 Calling a fimction ~ calling a function
2c, Develop JavaScript to with or without an argument, calling
convert the given character | function fiom HTML, function cal
to Unicode and viee-versa. fnetion, Returniy
from a function i
24 String = manipnlate af
MSBTE ~ Final Copy Dt. 29.03.2019 Page 4 of 8{ion Side Seviting Language
ose Code: 22519
Unit
Unit Outcomes (UOs)
(in cognitive domain)
Topics and Sub-topies
string, retrieving a character from given
position, retrieving a position of
character in a string, dividing text,
copying a sub string, converting string
to number and numbers to string,
changing the case of string, finding a
Unicode of a character-charCodeAt(),
fromCharCode().
Handling
Cookies and
Browser
Data
Unit -V
Regular
Expression,
Rollover and
Frames
3a, Write JavaScript to design
a form to accept input
values for the given
problem,
Use JavaScript to
implement form events to
solve the given problem.
Develop JavaScript to
dynamically assign
specified attribute value to
the given form control.
Use the given intrinsic
function with specified
parameters.
3c,
3d.
Create cookies based on the
given problem.
Develop JavaScript to
manage a cookie in the given)
manner,
Write JavaScript to
manipulate the specified
aitributes of window object
in the given manner.
Write JavaScript to create
browser history of the given
object.
4a.
4b,
Ac.
4d.
5a, Compose relevant regular
expression for the given
character pattern search.
Develop JavaScript to
implement validations using
the given regular expression.
Create frames based on the
given problem.
5d. Create window object as per
Sb.
Se.
31
32
33
34
35
3.6
37
39
42
3S
MSBTE - Final Copy Dt. 29.03.2019
Page 5 of 8
Building blocks of a Form, properties
and methods of form, button, text, text
area, checkbox, radio button, select
clement.
Form events- mouse event, key events.
Form objects and elements.
Changing attribute value dynamically.
Changing option list dynamically
Evaluating checkbox selection
Changing a label dynamically
Manipulating form elements,
Intinsic JavaScript functions, disabling
elements, read only elements.
Cookies — basic of cookies, reading a
cookie value, writing a cookie value,
creating a cookies, deleting a cookies,
setting the expiration date of cookie
Browser — opening a window, giving
the new window focus, window
position, changing the content of
window, closing a window, scrolling a
web page, multiple windows at once,
creating a web page in new window,
JavaScript. in URLs, JavaScript
security. Timers, Browser location and
history.
Regular Expression - language of
regular expression, finding non
matching characters, entering a range of
characters, matching digits and non
digits, matching punctuations and
symbols, matching words, replacing a
the text using regular expressions,
retuming the — matched
regular expression object pyCliem Side Serptng Language
‘Unit Outcomes (UOs)
a (in cognitive domain)
the given problem.
Se. Develop JavaScript for
creating rollover effect for
the given situation,
Unit-VI_ | 6a. Develop JavaScript to
Menus, manage the given status bar
navigation | 6b. Develop JavaScript to create
and web the given banner.
| page 6. Develop JavaScript to
protection create the given slide show.
6d. Develop JavaScript to create
| the given Menu.
Ge, Write JavaScript to protect a
webpage in the specified
manner.
Note: To attain the COs and competency, above listed UOs need 10 be undertaken to achieve
the ‘Application Level’ of Bloom's ‘Cognitive Domain Taxonomy’
Course Code: 22519
Topics and Sub-topies
5.2Frames — create a frame, invisible
borders of frame, calling a child
windows, changing a content and focus
of a child window, writing to a child
window, accessing elements of another
child window.
5.3 Rollover — creating rollver, text rollver,
Multiple actions for rollover, more
efficient rollover.
6.1 Status bar builds a static message,
changing the message using rollover,
moving the message along the status bar
6.2 Banner —loading and displaying banner
advertisement. Linking a banner
advertisement to url
6.3 Slide Show — creating a slide show
6.4Menus- creating a pulldown menu,
dynamically changing a menu,
validating menu selection, Floating
menu, chain select menu, tab menu,
pop-up menu, sliding menu, highlighted
menu, folding a tree menu, context
menu, scrollable menu, side bar menu.
6.5 Protecting web page — hiding your code,
disabling the right mouse button,
JavaScript, concealing email address,
6.6 Frameworks of javasript and
application
its
MSBTE — Final Copy Dt. 29.03.2019
9. SUGGESTED SPECIFICATION TABLE FOR QUESTION PAPER DESIGN
; “nw |_Distribution of Theory Marks
ait Unit Title Teaching |"R u | A | Total
. - Level_| Level | Level | Marks
I _| Basies of JavaScript Programmin, 10 os | of of 2
(“I Array, Function and String {10 oz |_o4 | os | 14
I1_| Form and Event Handling | 06 02 04 04 10 |
IV_| Cookies and Browser Data 06 | 02 | of | 08
Regular Expression, Rollover &
VN ‘ 08 2 | | 06 | 4 |
\yy_| Menus, navigation and web page a o
|! | protection _
Total 48 4
Page 6 of 8fe Serpe Language Course Code: 22519
Note: This specification table provides general guidelines to assist students 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 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:
a) Prepare journals based on practical performed in laboratory,
b) Prepare powerpoint presentation or animation for understanding different Client side
scripting Concepts
11, SUGGESTED SPECIAL INSTRUCTIONAL STRATEGIES (if any)
These are sample strategies, which the teacher can use to accelerate the attainment of the
various outcomes in this course:
a) Massive open online courses (MOOCs) may be used to teach various topies/sub
topics
b) ‘L’in item No. 4 does not mean only the traditional lecture method, but different types
of teaching methods and media that are to be employed:to develop the outcomes.
©) About 15-20% of the topics/sub-topics which is relatively simpler or descriptive in
nature is to be given to the students for self-directed learning and assess the
development of the COs through classroom presentations (see implementation
guideline for details)
4) With respect to item No.10, teachers need to ensure to create opportunities and
provisions for co-curricular activities.
©) Use different Audio Visual materials for Concept understanding,
1) Guide student(s) in undertaking micro-projeets.
2) Encourage students to refer different websites to have deeper understanding of the
subject.
h) Observe continuously and monitor the performance of students in Lab.
i) 50% of Lab assignments must be done using traditional editor and run in different
browsers so as to build up fundamental understanding capabilities of students.
12, SUGGESTED MICRO-PROJECTS
Only one micro-project is planned to be undertaken by a student that needs to be assigned to
him/her in the beginning of the semester. In the first four semesters, the micro-project are
group-based. However, in the fifth and sixth semesters, it should be preferably be individually
undertaken to build up the skill and confidence in every student to become problem solver so
that s/he contributes to the projects of the industry. In special situations where groups have to
be formed for miero-projects, the number of students in the group should not exceed three.
‘The micro-project could be industry application based, internet-based, workshop-
based, laboratory-based or field-based, Each micro-project should encompass two or more
COs which are in fact, an integration of PrOs, UOs and ADOs. Each student will have to
in dated work diary consisting of individual contribution in the project work and give a
seminar presentation of it before submission. ‘The total duration of the micro-project should
not be less than 16 (sixteen) student engagement hours during the course. The student ought
to submit micro-project by the end of the semester to develop the industry oriented COs.
A. suggestive list of micro-projects is given here. Similar micro-projes
added by the concerned faculty:
MSBTE~
1 Copy Dt. 29.03.2019 Page 7 of 8tiem Side Serpcing Langone
a)
b)
d)
.| Beginning JavaScript
Create a web page that displays buyers information entry form contai
Couse Code 22519
ing name,
address, city, pin code, mail Id, Phone Number, product details , payment mode.
Frame different validation rules for user inputs. Use JavaScript and regular
expressions to perform error checking on user input as per validation rules.
B
a simple sli
show in JavaScript with six unique images. Design appropriate
web page with at least two sections: with slide show in one section, When any image
on this slide show is clicked display information about it in other section, Use features
for controlling window locations.
Design and create web pages of an institute with different sections. Use pulldown.
menus in one section and implement validation of menu selections. Use other sections
for displaying information about respective selected menu item.
Create a simple animation in JavaScript : create a basic page showing circle of white
marble, Using the setTimeout() method create an animation on the page that that
makes an orange marble rotate around this circle by mor
ig the orange marble to the
next location in the circle every second. Allow the user to stop the animation by
placing the cursor on any marble(use clearTimeout()).
SUGGESTED LEARNING RESOURCES.
Title of Book Author
JavaScript Demystified | Keogh. Jim
Beginning JavaSeript_| Wilton, Paul
MePeak, Jeremy and
es . Wilton, Paul
JavaScript in 24 hours | Moneus, Michael
“(SAMS teach yourself)
SOFTWARE/LEARNING WEBSITES
hutps://www.w3schools.com
hutp://www.nptelvideos.com
http://www tutorialspoint.com
Hittp://javapoint.com
MSBTE ~ Final Copy Dt. 29.03.2019 Page 8 of 8
} Publication
McGraw-Hill, 2015, New Delhi
ISBN:0-07-060347-2
Wily India, New Delhi, 2015,
LISBN:0-7645-5587-1
Wily India, New Delhi, 2015,
ISBN:81-265-1304-7
‘TechMedia, New Delhi, 2015
ISBN:978-0-672-33608-9