Web Application Development (WAD)

Web Application Development (WAD)

WEB APPLICATION AND DEVELOPMENT ( WAD) Notes Unit Wise
Unit I	INTRODUCTION
	HTML
	CSS
	WEB APPLICATION FUNDAMENTALS
Unit II	XML
Unit III	JQuery
	JSON
	Java Script
Unit IV	AngularJS
Unit V	MEAN Stack
	SMACK Stack

TEXT BOOK: Click Hear

Course Code	Course Title						Core/Elective
PC 601 IT	WEB APPLICATION DEVELOPMENT						Core
Prerequisite	Contact hours per week				CIE	SEE	Credits
	L	T	D	P
-	3	1	-	-	30	70	3
Course Objective:     Ø  To develop dynamic web applications using the concepts of HTML 5.0 and CSS     Ø  To understand the document structure and schemas and represent data in thatformat     Ø  To develop applications using Query and represent objects in JSON notation     Ø  To implement applications using angular JS     Ø  To understand the MEAN Stack and SMACK stack and develop applications using the framework Course Outcomes: Students will able to     Ø  Design and develop dynamic web sites using Html 5.0, CSS, Query.     Ø  Develop web content publishing applications that accesses data in XML or JSON format     Ø  Develop single page web applications using Angular JS     Ø  Design and develop big data applications using Mean stack and SMACK stack Frameworks.

Unit I

HTML and CSS
Introduction: Web ApplicationFundamentals: protocols and web servers
HTML5.0:Basic tags,Formelementsandattributes, validation
Cascading Style Sheets: CSSselectors, CSSBOXModel, CSS Positioning

Unit II

XML: The Syntax of XML, XML Document Structure, Document Type Definitions, Name Space, XML Schemas

Unit III

Java Script and JQuery: JQuery: Introduction to JQuery, JQuery Syntax, Selectors, HTML Manipulation, Effects and Events
JSON: JSON Introduction, Syntax, Data Types, Objects, Schema, Comparison with XML.
Java Script: Introduction to JavaScript, Selecting elements in the documents, Event handling

Unit IV

Angular JS: Preparing Development Environment, Angular modules and Controllers, Input Validation, Data Binding and Templates, Angular JS Services

Unit V

MEAN Stack, SMACK Stack: Introduction to MEAN Stack, SMACK Stack, Apache, Building Backend and Testing, Angular JS, Node JS, Express and Mongo DB

Suggested Reading:

 1.        Robert W. Sebesta, “Programming with World Wide Web”, Eighth Edition, Pearson Education, 2008.

2.        John Pollak, “JQuery - A Beginners Guide”, McGraw Hill Education, 2014.

3.        AgusKurniawan,”AngularJS Programming by Example”,PE Press, First Edition

4.        Colin J Ihrig, : Full Stack JavaScript Development with MEAN, SitePoint, 2015 Edition

5.        Raul Estrada,:Fast Data Processing Systems with SMACK Stack,Packt, December 2016

________________________________________________________________________________

Course Code	Course Title						Core/Elective
PC632IT	WEB APPLICATION DEVELOPMENT LAB						Core
Prerequisite	Contact hours per week				CIE	SEE	Credits
	L	T	D	P
-	-	-	-	2	25	50	1
Course Objective:     Ø  To develop web pages using HTML tags and perform validation using scripting     Ø  To implement various types of styling using CSS and transform data into various forms     Ø  To implement applications using JQuery and Angular JS     Ø  To understand and implement the concepts of MEAN Stack and SMACK stack Course Outcomes: Student will able to     Ø  Design Web pages and perform form validation using HTML 5.0 inbuilt functions.     Ø  Apply Styles to the web content using CSS.     Ø  Create and process web publishing content using XML and JSON.     Ø  Use JQuery to perform client side Dynamics.     Ø  Create single page applications (Front End) using Angular JS.     Ø  Design Big data applications using Mean stack or SMACK stack Frameworks.

List of Experiments:

a.        Implement Basic HTML Tags

b.        Implement Table Tag

i.       Implement FRAMES

c.        Design a form in HTML (CV/Photos/Data Storage/Publish)

i.       Validation of form Using Java Script.

d.        Implement various types of CSS.

e.        Display the various forms of XML document

i.    Raw XML   ii. XML using CSS     iii. XML using XSLT

f.         Using JQuery implement the following:

i)    Selecting Elements, Getting Values, and Setting Values.

ii)     Events

g.        Using angular JS implement the following

i)   Input Validation

ii)     Backend building

h.        Case study on i) MEAN Stack ii) SMACK Stack