Course Objectives:
The course will enable the students to
Course Outcomes (COs):
Learning Outcome (at course level)
| Learning and teaching strategies | Assessment Strategies |
CO 148 Describe advance concepts of CSS. CLO 149 Apply various text effects and transitions in web pages. CO 150 Comprehend and apply Document Object Model in order to create more interactive websites. CO 151 Implement regular expressions using JavaScript and PHP. CO 152 Apply the concepts of Built-in functions provided by JavaScript and PHP to websites. | Interactive Lectures, Discussion, Tutorials, Reading assignments, Demonstration, Team teaching | Class test, Semester end examinations, Quiz, Solving problems in tutorials, Assignments, Presentation, Individual and group projects and peer review. |
CSS Advanced: CSS Grouping/Nesting, Box Model CSS Dimension, CSS Display, CSS Positioning, CSS Floating, CSS Align, CSS Pseudo-class, CSS Pseudo-element, CSS Navigation Bar, CSS Image Gallery, CSS Image Opacity, CSS Attribute Selectors, Styling Links.
Introduction to CSS 3- Border: border-image, border-radius. Box-Shadow. Text effects: text-shadow. Background: background-clip, background-size. Outline, Transition: transition, transition-delay, transition-duration, transition-property.
JAVA Script: Creating one and two-dimensional arrays. Built-in objects - Array, Date, Math and String. Document Object Model, Events, Properties and Methods, Event handling. The concept of Regular expressions, Creating patterns, RegExp object- its properties and methods, String methods for Regular Expressions.
HTML 5: Video and Audio: <audio>, <video>, <source>. Structural Elements: <details>, <dialog>, <summary>, <meter>.
Introduction to HTML API:HTML Geolocation: Locate the User’s Position, Handling Errors and Rejections, Displaying the Result in a Map, HTML Drag/Drop: Making an Element Draggable
PHP: Arrays. PHP functions (with parameters, functions returning values). Built-in functions- Date, Time, Arrays, String. String matching with regular expression, Pattern matching in PHP.