Course Objectives:
The course will enable the students to
1. Create web pages and dynamic client‐side & server‐side web applications.
2. Create web sites using HMTL5, Advanced CSS, JavaScript and PHP
3. Web design and development using various techniques on client-side
Course | Learning Outcome (at course level) | Learning and teaching strategies | Assessment Strategies | |
Course Code | Course Title | |||
25CBCA 404 |
Web Application Development- II Lab (Practical) | CO217. Apply styles to web pages in context of Navigation bar, borders, image gallery and transition effects. CO218. Create webpages by Dynamic webpages through Document Object Model and Browser Object Model. CO219. Implement arrays, functions and pattern matching in real-life application scenarios CO220. Create responsive website using Bootstrap. CO221. Write PHP code to produce outcomes and solve problems. CO222. Contribute effectively in course- specific interaction. | Approach in teaching: Interactive Lectures, Discussion, Demonstration, Learning activities for the students: Self-learning assignments, Practical questions | Class test, Semester end examinations, Quiz, Presentation of website/webpages, Individual and group Assignments, viva- voce |
Web pages should be designed with the following features:
1. Revision of HTML, CSS, Javascript in 25CBCA303
2. 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. Regular expressions, Creating patterns, RegExp object- its properties and methods, String methods for Regular Expressions.
3. Introduction to Bootstrap: Advantages, Downloading, BS Grid Basic, Typography, Tables, Images, Jumbotron, Page Header, Alerts, Bootstrap Buttons, Glyphicon, Pagination, Panels, Dropdowns, Collapse, Navbar, Forms. Scripts and Styles, Core Concepts. Layout with Bootstrap.
4. PHP: Introduction, XAMPP environment, Basic syntax, inserting comments, Data types, Variables, Constants, Strings, Operators, Conditional statements and looping constructs.
5. PHP: Array/Functions/String & pattern matching
ESSENTIAL READINGS:
1. Ivan Bayross, “HTML 5 and CSS 3 Made Simple”, BPB Publications.
2. Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition Kindle Edition.
SUGGESTED READINGS:
1. Master HTML and CSS: Along with 100 projects Kindle Edition
2. HTML 5 Black Book, Covers CSS 3, JavaScript, XML, XHTML, AJAX, PHP and jQuery, Dreamtech Press; 2nd edition (13 October 2016)
3. A Navarro, “Effective Web Design”, John Wiley & Sons.