B23-CAP-402 Front-end Development
Part A – Introduction | |||
Subject | BCA | ||
Semester | IV | ||
Name of the Course | Front-end Development | ||
Course Code | B23-CAP-402 | ||
Course Type: (CC/MCC/MDC/CC- M/DSEC/VOC/DSE/PC/AEC/
VAC) |
CC | ||
Level of the course (As per Annexure-I | 200-299 | ||
Pre-requisite for the course (if any) | B23-CAP-202 | ||
Course Learning Outcomes(CLO): | After completing this course, the learner will be able to:
1. understand the basic concept of objects and regular expressions in JavaScript; 2. acquire knowledge of JavaScript events and DOM 3. learn to use forms and BOM in JavaScript; 4. get familiar with jQuery 5*. Understand the programming of web pages and handling events using JavaScript and jQuery. |
||
Credits | Theory | Practical | Total |
3 | 1 | 4 | |
Contact Hours | 3 | 2 | 5 |
Max. Marks:100(70(T)+30(P))
Internal Assessment Marks:30(20(T)+10(P)) End Term Exam Marks: 70(50(T)+20(P)) |
Time: 3 Hrs.(T), 3Hrs.(P) | ||
Part B- Contents of the Course | |||
Instructions for Paper-Setter
The examiner will set a total of nine questions. Out of which the first question will be compulsory. The remaining eight questions will be set from four units selecting two questions from each unit. The examination will be of three-hour duration. All questions will carry equal marks. The first question will comprise short answer-type questions covering the entire syllabus. The candidate will have to attempt five questions in all, selecting one question from each unit. The first question will be compulsory. |
The practicum will be evaluated by an external and an internal examiner. Examination will be of three-hour duration. | ||
Unit | Topics | Contact Hours |
I | Objects in JavaScript: Introduction to objects, Type of objects in JavaScript, creating objects, Object methods, Constructor function, Prototype in JavaScript, Inheritance using prototype chain.
Regular Expressions: Introduction to RegExp, Regular expression usage, Modifiers, RegExp patterns, RegExp methods, String methods for RegExp, Type conversion in JavaScript. |
11 |
II | Event handling: JavaScript events, Event handler, Event flow, Event bubbling and capturing, Event listeners, Event types.
Document Object Model (DOM): Introduction to DOM, Types of DOM, DOM standards and methods, Manipulating documents using DOM, Handling images, Table manipulation, Animation, Node and Node-list handling |
11 |
III | Browser Object Model (BOM): Introduction to BOM, DOM vs BOM differences, Window object and methods, BOM navigator, BOM history, BOM location, BOM timer, Introduction to Cookies, Session and persistent cookies.
Form Handling: Introduction to forms, Form processing, Forms object, Accessing data from forms, Form validation, Additional features in forms, Validation APIs |
12 |
IV | Introduction to jQuery: jQuery Syntax, jQuery Selectors, jQuery Events, jQuery Effects, jQuery HTML, jQuery Traversing, jQuery AJAX, jQuery Misc. | 11 |
V* | Practicum:
Students are advised to do laboratory/practical practice not limited to but including the following types of problems: · Use of JavaScript in Web page designing · Effective web page design · Creation of Event listeners in JavaScript · Update and modify website elements dynamically using asynchronously retrieved data · Style HTML content with JavaScript · Iterate over arrays and objects using JavaScript for syntax. · JavaScript Program to Create Objects (4 Different Ways) · JavaScript Program to Iterate Over an Object · JavaScript Program to Find Max/Min Value of an Attribute in an Array of Objects · JavaScript Program to Remove Duplicates from an Array of Objects · Writing programs for event handling in JavaScript. · Write a JavaScript function to add rows to a table. · Write a JavaScript program to remove items from a drop-down list. · Write a JavaScript program to calculate sphere volume. |
30 |
· Write a JavaScript program to get the window width and height
· Using BOM navigation and location · Creating cookies and sessions. · How can you create forms and perform validations on the forms? · How can you use jQuery and perform various functions using jQuery? |
||
Suggested Evaluation Methods | ||
Internal Assessment:
➢ Theory · Class Participation: 5 · Seminar/presentation/assignment/quiz/class test etc.: 5 · Mid-Term Exam: 10 ➢ Practicum · Class Participation: NA · Seminar/Demonstration/Viva-voce/Lab records etc.: 10 · Mid-Term Exam: NA |
End-Term Examination: A three-hour exam for both theory and practicum.
End Term Exam Marks: 70(50(T)+20( P)) |
|
Part C-Learning Resources | ||
Recommended Books/e-resources/LMS:
· David Flanagan, JavaScript: The Definitive Guide: The Definitive Guide. · Kogent Learning, Web Technologies: HTML, JavaScript, PHP, Java, JSP, XML, AJAX – Black Book, Wiley India Pvt. Ltd. · JavaScript and jQuery: Interactive Front-End Web Development by Jon Duckett · Head First JavaScript Programming: A Brain-Friendly Guide by Elisabeth Robson and Eric Freeman |