Client Side Scripting Language detailed Syllabus for Computer Technology (CM), I – scheme has been taken from the MSBTE official website and presented for the diploma students. For Subject Code, Subject Name, Lectures, Tutorial, Practical/Drawing, Credits, Theory (Max & Min) Marks, Practical (Max & Min) Marks, Total Marks, and other information, do visit full semester subjects post given below.
For all the other Computer Technology CM syllabus for 5th Sem, do visit Diploma in Computer Technology 5th Sem I – Scheme. For all the Computer Technology Elective-I subjects refer to Computer Technology Elective-I Scheme. The detail syllabus for client side scripting language is as follows.
Rationale:
For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.
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.
Course Outcomes:
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:
- Create interactive web pages using program flow control structure.
- Implement Arrays and functions in Java script.
- Create event based web forms using Java script.
- Use JavaScript for handling cookies.
- Create interactive webpage using regular expressions for validations.
- Create Menus and navigations in web Pages.
Suggested Exercises:
For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier..
Instruments Required:
The major equipment with broad specification mentioned here will usher in uniformity in conduct of experiments, as well as aid to procure equipment by authorities concerned.
Equipment Name with Broad Specifications
- Browser and Notepad/any Text editor
- Free Web page Designing Tool
- Any IDE like Eclipse
Unit 1
Basics of JavaScript Programming
Total Teaching Hours – 10
Distribution of Theory Marks
R Level – 04
U Level – 04
A Level – 04
Total Marks – 12
Unit Outcomes (UOs) (in cognitive domain.
- Create object to solve the given problem.
- Develop JavaScript to implement the switch-case statement for the given problem.
- Develop JavaScript to implement loop for solving the given iterative problem.
- Display properties of the given object using getters and setters.
- Develop program using basic features of JavaScript to solve the given problem.
Topics and Sub-topics
- Features of JavaScript
- Object Name, Property, method, Dot syntax, main event.
- Values and Variables
- Operators and Expressions- Primary Expressions, Object and Array initializers, function definition expression, property access expressions, invocation expressions.
- If Statement, if…else, if..elseif, nested if statement.
- Switch…case statement
- Loop statement – for loop, for…in loop, while loop, do…while loop, continue statement.
- Querying and setting properties and deleting properties, property getters and setters.
Unit 2
For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier..
Unit 3
Form and Event Handling
Total Teaching Hours – 06
Distribution of Theory Marks
R Level – 02
U Level – 04
A Level – 04
Total Marks – 10
Unit Outcomes (UOs) (in cognitive domain.
- 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.
Topics and Sub-topics
- Building blocks of a Form, properties and methods of form, button, text, text area, checkbox, radio button, select element.
- 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
- Intrinsic JavaScript functions, disabling elements, read only elements.
Unit 4
Cookies and Browser Data
Total Teaching Hours – 06
Distribution of Theory Marks
R Level – 02
U Level – 02
A Level – 04
Total Marks – 08
Unit Outcomes (UOs) (in cognitive domain.
- Create cookies based on the given problem.
- Develop JavaScript to manage a cookie in the given manner.
- Write JavaScript to manipulate the specified attributes of window object in the given manner.
- Write JavaScript to create browser history of the given object.
Topics and Sub-topics
- 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.
Unit 5
For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier..
Unit 6
Menus, navigation and web page protection
Total Teaching Hours – 08
Distribution of Theory Marks
R Level – 02
U Level – 04
A Level – 06
Total Marks – 12
Unit Outcomes (UOs) (in cognitive domain.
- Develop JavaScript to manage the given status bar.
- Develop JavaScript to create the given banner.
- Develop JavaScript to create the given slide show.
- Develop JavaScript to create the given Menu.
- Write JavaScript to protect a webpage in the specified manner.
Topics and Sub-topics
- Status bar- builds a static message, changing the message using rollover, moving the message along the status bar
- Banner -loading and displaying banner advertisement. Linking a banner advertisement to url
- Slide Show – creating a slide show
- Menus- 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.
- Protecting web page – hiding your code, disabling the right mouse button, JavaScript, concealing email address.
- Frameworks of javasript and its application
Note: To attain the COs and competency, above listed UOs need to be undertaken to achieve the Application Level of Blooms ‘Cognitive Domain Taxonomy
Note:
Legends: R=Remember, U=Understand, A=Apply and above (Blooms Revised taxonomy)
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.
Suggested Student Activities:
Other than the classroom and laboratory learning, following are the suggested student-related co-curricutar activities which can be undertaken to accelerate the attainment of the various outcomes in this course:
- Prepare journals based on practical performed in laboratory.
- Prepare powerpoint presentation or animation for understanding different Client side scripting Concepts.
Suggested Special Instructional Strategies:
For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier..
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. Llowever, 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 micro-projects, the number of students in the group should not exceed three.
The micro-project could be industry application based, internet-based, workshopbased, 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 maintain 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 are given here. Similar micro-projects could be added by the concerned faculty:
- Create a web page that displays buyers information entry form containing 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.
- Build a simple slide 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 moving 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:
- JavaScript Demystified Keogh, Jim McGraw-Hill, 2015, New Delhi ISBN:0-07-060347-2
- Beginning JavaScript Wilton, Paul Wily India, New Delhi, 2015, ISBN:0-7645-5587-l
- Beginning JavaScript McPeak, Jeremy and Wilton, Paul Wily India, New Delhi, 2015, ISBN:81-265-1304-7
- JavaScript in 24 hours (SAMS teach yourself. Moncur, Michael TechMedia, New Delhi, 2015, ISBN:978-0-672-33608-9
Software/Learning Websites:
For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier..
For detail Syllabus of all other subjects of Computer Technology, 5th Sem, scheme I -, visit Computer Technology 5th Sem Syllabus for I – Scheme.
For all Computer Technology results, visit MSBTE Computer Technology all semester results.