Web Application Development-II Lab

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

 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

24CBCA

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 24CBCA303
  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.

 

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: 
2024-25
  • Printer-friendly version