22CS402 WDF - Syllabus
22CS402 WDF - Syllabus
22CS402 WDF - Syllabus
L T P C
22CS402 WEB DEVELOPMENT FRAMEWORKS
3 0 2 4
OBJECTIVES:
The Course will enable learners to:
• Simplify website development using Spring boot as server-side technologies.
• Build single page applications using REACT as a reusable UI component
technology as client-side technology.
• Assemble REACT as a front end technology and Node js as a server side
technology to develop enterprise applications
• Develop a scalable and responsive web application
• Develop an industry ready application web enterprise feature
UNIT I SPRING BOOT AND STRUTS 9+6
Spring Boot: Introducing Spring Boot, getting started with springboot, Common
springboot task-Managing configuration, creating custom properties, executing code on
Springboot application startup, Database access with Spring data, Securing spring boot
application.
List of Exercise/Experiments:
1. 1.Use Spring Boot to build a Web Application
2. 2. Create REST Service for an Education Site
UNIT II JAVA REACT 9+6
React: Introduction to React, Pure React- The Virtual DOM, React Elements, React
with JSX, Props, State, and the Component Tree, Enhancing Components- Flux.
List of Exercise/Experiments:
1. Build Search filter in React
2. Display a list in React
3. Create Simple Login form in React
UNIT III Node JS 9+6
Node JS: Introduction to Node JS, Setting up Node.js, Node.js Modules- Finding and
loading CommonJS and JSON modules using require, Hybrid CommonJS/Node.js/ES6
module scenarios, npm - the Node.js package management system.
List of Exercise/Experiments:
1. Write a node.js program for making external http calls
2. Write a program in node.js to parse the given url.
UNIT IV WEB FRAMEWORK (ANGULAR) – I 9+6
Introduction- Angular First App, Angular UI with Bootstrap CSS Authentication,
Authentication Service, Unsubscribe, Logout and Route Guard Cleanup, Customer
Service, Http Service, Token Interceptor, Multi Provider, Compile-time Configuration,
Runtime Configuration, Error Handling.
List of Exercise/Experiments:
1. Create a Dropdown using Angular UI bootstrap
2. Modify existing components and generating new components using Angular
UNIT V WEB FRAMEWORK (ANGULAR) – II 9+6
Dependancy injection in Angular,Reactive programming in Angular, Laying out pages
with Flex Layout, Implementing component communications, Change detection and
component lifecycle.
List of Exercise/Experiments:
1. Launching your app with Angular root module
TOTAL: 75 PERIODS
OUTCOMES:
Upon completion of the course, the students will be able to:
CO1: Write Web API/RESTful API application programming interface to
communicate with Spring boot as a serverside technology.
CO2: Build single page applications using REACT as a reusable UI component
technology as client side technology
CO3: Build applications using Node Js as server side technologies
CO4: Able to develop a web application using latest Angular Framework
CO5: Apply various Angular features including directives, components, and
services.
TEXTBOOKS:
1. Somnath Musib, Spring Boot in Practice, Manning publication, June 2022
(https://www.manning.com/books/spring-boot-in-practice)
2. Alex Banks, Eve Porcello , “Learning React”, May 2017, O'Reilly Media, Inc. ISBN:
9781491954621 (https://www.oreilly.com/library/view/learning-
react/9781491954614/)
3. David Herron ,”Node.js Web Development - Fourth Edition”,2018, Packt
Publishing,ISBN: 9781788626859
4. Sukesh Marla, “A Journey to Angular Development Paperback “, BPB
Publications.(https://in.bpbonline.com/products/a-journey-to-angular-
development?_pos=1&_sid=0a0a0e9fb&_ss=r)
5. Yakov Fain Anton Moiseev, “Angular Development with TypeScript”, 2nd
Edition.(https://www.manning.com/books/angular-development-with-typescript-
second-edition)
REFERENCES:
1. Sue Spielman, ‖The Struts Framework 1: A Practical guide for Java Programmers‖,
1st Edition. Elsevier 2002
LIST OF EQUIPMENTS:
VSCode, Angular JS, React JS, Node JS, Ruby, Django