MCA_Sem1_25

Course: 
Web App Development 
MCA506 – Web App Development 
L
 T 
P
 X
 C
 Total hours 
2 
Pre-requisite: NIL
 0 
2 
0 
3 
4 
Course Category/Type: Program Courses 
Elective / IC-T 
Course Objective(s): 
1. To understand the basics of HTML, CSS, and XML for designing structured and styled 
web pages. 
2. To learn the core concepts of JavaScript for implementing interactivity and client-side 
logic. 
3. To develop dynamic web applications using PHP and MySQL for server-side 
processing and database integration. 
4. To apply jQuery for DOM manipulation, event handling, and creating interactive UI 
elements. 
5. To implement AJAX and JSON to build responsive, real-time web applications with 
asynchronous data exchange. 
Course Outcome(s): 
After completing this course, the student will be able to: 
CO1: Understand the structure and styling of web pages using HTML, CSS, and XML. 
CO2: Implement client-side interactivity and logic using core JavaScript concepts. 
CO3: Develop server-side functionality with PHP and MySQL for data-driven web 
applications. 
CO4: Utilize jQuery to manipulate the DOM, handle events, and enhance UI interactivity. 
CO5:Build responsive web applications using AJAX and JSON for asynchronous data 
exchange. 
Articulation matrix 
CO 
PO 
1 
2 
PSO 
3 4 5 6 7 8 1 2 3 
CO1 S M S S     
S  
CO2 S S S M     
S 
S  
CO3 S M S S     
S 
S 
CO4 S S S     
S 
S 
S 
CO5 S S S     
S  
S 
S 
S 
S 
S 
11 
12 
 
 
Syllabus: 
 
Unit Contents Hrs. COs 
 
1 
UNIT – I: HTML & CSS  
 Introduction to HTML: Headings - Linking- Internal linking - Images- 
Special Characters and horizontal Rules- Lists- Tables- Forms- Meta 
elements- Cascading Style sheets: Inline Styles Embedded Style Sheets 
Conflicting Styles - Linking External Style Sheets, Introduction XML 
Basics-Structuring Data- Document, Type Definitions-Bootstrap.  
6  
CO1 
 
2 
UNIT – II: JAVASCRIT  
Java Script: Introduction to Scripting-Simple Program-Control 
Statements: if Selection Statement- If…else Selection Statement -switch 
Multiple-Selection Statement -do…while Repetition Statement -while 
Repetition Statement -for Repetition Statement-break and continue 
Statements- Functions: Program Modules in JavaScript - Programmer
Defined Functions -Function Definitions–Array: Declaring and 
Allocating Arrays - Passing Arrays to Functions - Sorting Arrays. 
JavaScript Events - Modifying CSS of elements using JavaScript- 
JavaScript Classes 
6  
CO2 
3 
UNIT – III: PHP SCRIPTING  
PHP Scripting: Create a Simple PHP Program -Using Variables in PHP- 
Operators and Expressions -Conditional and Branching Statements - 
Loops and Arrays - HTML Form fields and PHP.  
Database programming with PHP and MySQL Basic MySQL 
commands, PHP functions for database connectivity, Implementation of 
CRUD operations using PHP, Prepared Statement and stored procedure 
execution in PHP 
6 
 
 
CO3 
 
4 
UNIT IV:JQUERY  
Introduction to JQuery – JQuery Selectors - Using JQuery to add 
interactivity - JQuery Events-Modifying CSS 68 with JQuery -Adding 
and removing elements with JQuery 
6  
CO4 
UNIT – V: AJAX  
5
 AJAX withJQuery-Animations with JQuery - hide, show, animate, fade 
methods, Slide Method -AJAX, Views, Services, Dependency Injection, 
Need of AJAX in real web sites, Getting database data using 
jQueryAJAX, Inserting, Updating, Deleting database data using jQuery
AJAX Grid Development using jQueryAJAX Intro to JSON JSON 
syntax, Need of JSON in real web sites, JSON object, JSON array, 
Complex JSON objects, Reading JSON objects using jQuery. 
List of Experiments: 
hours:30  
1. Designing a webpage using an html that contains a time table 
2. Create a form for Registration Page 
6  
Total 
3. Design a Webpage using Basic CSS Tags. Demonstrate Inline, Internal and External 
Style sheets using advanced CSS 
4. Create a java script that collects numbers from a page and then adds them up and 
prints them to a blank field on the page 
5. Write a script for Palindrome checking for number and string 
6. Write a script for form validation. 
7. Write PHP code to print the first 10 Fibonacci numbers. 
8. Develop a PHP Program Using Arrays, Control Structures, Looping Structures 
9. Develop a PHP Program with database access 
10. Using AJAX design Alumni Registration form of your college. 
11. Create dynamic web pages using HTML5, CSS, JavaScript, Ajax. 
12. Using jQuery find all textareas, and makes a border.Then adds all paragraphs to the 
jQuery object to set their borders red. 
13. Using jQuery add a new class to an element that already has a class. 
14. Convert three headers and content panels into an accordion. Initialize the accordion 
And specify the animate option 
15. Create a simple jQuery UI Datepicker. Now pick a date and store it in a textbox. 
CO5

Suggested learning resources: 
Text Books: 
1.
 2.
 3.
 Web development: by Andy Vickler , Ladoo Publishing LLC, 2021  
Internet and World Wide Web – How to Program, Deitel, , Fourth Edition, Pearson 
Prentice Hall,2009.  
HTML & CSS: The Complete Reference Thomas A. Powell, , Fifth Edition, 
Tata McGraw Hill, 2023 
Reference Books: 
1. WEB PROGRAMMING with HTML5, CSS and JavaScript, John Dean, Jones & 
Bartlett Learning, First Edition 2022.