Web Application Development-II Lab

Paper Code: 
25CBCA404
Credits: 
03
Periods/week: 
06
Max. Marks: 
100.00
Objective: 

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 Outcomes: 

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

 

Unit I: 

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: 

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.

 

REFERENCES: 

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.

 

Academic Year: