This module is designed to help students in incorporating event handling in the web pages.
Learning outcome :
Students will be able to:
Learning and teaching strategies:
Approach in teaching: Interactive Lectures, Discussion, Reading assignments, Demonstrations, Group activities, Teaching using advanced IT audio-video tools
Learning activities for the students: Self-learning assignments, Effective questions, Seminar presentation, Giving tasks.
Assessment Strategies
Class test, Semester end examinations, Quiz, Solving problems in tutorials, Assignments, Presentation.
Flowchart based on simple computations, iterations. Execution Trace. Introduction to client-server technologies, comparison between client-side and server-side scripting, JavaScript: Introduction, Advantages of using JavaScript, Writing JavaScript in HTML, Basic Programming Techniques: Data Types and Literals, Creating variables.
JavaScript Operators (Arithmetic, Logical, Comparison, String and Assignment operator and special operators: delete, new and void) and Expressions in JavaScript. Creating one and two-dimensional arrays.
JavaScript Programming Constructs: Conditional checking (if-then-else statement), Loops (for loop and While loop)
Functions Basics: parameter-passing basics return statements, global and local variables.
Dialog Boxes (Alert, Prompt and Confirm Dialog Box), Built-in objects - Array, Date, Math and String, Document Object Model, Events, Properties and Methods, Event handling.
Window: Opening and closing windows, window features, controlling windows- moving, resizing and scrolling, setting window location, accessing Window’s History, Controlling window’s status bar, Setting Window Timeouts and Intervals. Document object, Forms used by a Website, Form Object’s Methods, Form Actions and Form Validation.
The concept of Regular expressions, creating patterns, RegExp object- its properties and methods, String methods for Regular Expressions.
Introduction to jQuery, Adding the jQuery Library to web Pages, Syntax, Selectors, jquery events: on(), blur(), change(), dblclick(), die(), error(), hover(), ready(), resize(), scroll(), select(), submit(), toggle(), trigger(), triggerhandler(), off(), unload(), jquery Effects, jquery Callback function, jquery HTML manipulation, jquery CSS methods.