FULL STACK DEVELOPMENT
(R20A0516)
LECTURE NOTES
B.TECH III YEAR – II SEM (R20)
(2022-2023)
DEPARTMENT OF COMPUTATIONAL INTELLIGENCE
(CSE-AIML,AIML,AI&DS)
MALLA REDDY COLLEGE OF ENGINEERING & TECHNOLOGY
(Autonomous Institution – UGC, Govt. of India)
(Affiliated to JNTUH, Hyderabad, Approved by AICTE - Accredited by NBA & NAAC – ‘A’ Grade - ISO 9001:2015
Certified) Maisammaguda, Dhulapally (Post Via. Hakimpet), Secunderabad – 500100, Telangana State, INDIA.
1|P ag e
, (R20A0516) FULL STACK DEVELOPMENT
COURSE OBJECTIVES:
1. To become knowledgeable about the most recent web development
technologies.
2. Idea for creating two tier and three tier architectural web applications.
3. Design and Analyse real time web applications.
4. Constructing suitable client and server side applications.
5. To learn core concept of both front end and back end programming.
UNIT - I
Web Development Basics: Web development Basics - HTML &
Web servers Shell - UNIX CLI Version control - Git &Github
HTML, CSS
UNIT - II
Frontend Development: Javascript basics OOPS Aspects of
JavaScript Memory usage and Functions in JS AJAX for data
exchange with server jQuery Framework jQuery events, UI
components etc. JSON data format.
UNIT - III
REACT JS: Introduction to React React Router and Single Page
Applications React Forms, Flow Architecture and Introduction to
Redux More Redux and Client-Server Communication
UNIT - IV
Java Web Development: JAVA PROGRAMMING BASICS,
Model View Controller (MVC) Pattern MVC Architecture using
Spring RESTful API using Spring Framework Building an
application usingMaven
UNIT - V
Databases & Deployment: Relational schemas and normalization
Structured Query Language (SQL) Data persistence using Spring
JDBC Agile development principles and deploying application in
Cloud
2|P ag e
,TEXT BOOKS:
1. Web Design with HTML, CSS, JavaScript and JQuery Set Book by
Jon Duckett ProfessionalJavaScript for Web Developers Book by
Nicholas C. Zakas
2. Learning PHP, MySQL, JavaScript, CSS & HTML5: A Step-by-
Step Guide to CreatingDynamic Websites by Robin Nixon
3. Full Stack JavaScript: Learn Backbone.js, Node.js and MongoDB.
Copyright © 2015 BYAZAT MARDAN
REFERENCE BOOKS:
1. Full-Stack JavaScript Development by Eric Bush.
2. Mastering Full Stack React Web Development Paperback – April 28,
2017 by TomaszDyl , Kamil Przeorski , Maciej Czarnecki
COURSE OUTCOMES:
1. Develop a fully functioning website and deploy on a web server.
2. Gain Knowledge about the front end and back end Tools
3. Find and use code packages based on their documentation to produce
working results ina project.
4.Create web pages that function using external data.
5.Implementation of web application employing efficient database access.
3|P ag e
, UNIT TOPIC PAGE
UNIT - I Web development Basics - HTML 6
Web servers Shell - UNIX CLI 90
Version control - Git &Github HTML 92
CSS 124
Unit-II Javascript basics 170
OOPS Aspects of JavaScript 179
Memory usage and Functions in JS 183
AJAX for data exchange with server 187
jQuery Framework 191
jQuery events 193
JSON data format. 194
Unit-III REACT JS: Introduction to React 195
React Router and Single Page Applications 198
React Forms 199
Introduction to Redux 211
More Redux 214
Client-Server Communication 215
UNIT-IV Java Web Development: 221
JAVA PROGRAMMING BASICS 225
Model View Controller (MVC) 237
MVC Architecture using Spring 242
RESTful API using Spring Framework 244
Building an application usingMaven 261
Unit-V Databases & Deployment 266
Relational schemas and normalization 268
Structured Query Language 269
4|P ag e
(R20A0516)
LECTURE NOTES
B.TECH III YEAR – II SEM (R20)
(2022-2023)
DEPARTMENT OF COMPUTATIONAL INTELLIGENCE
(CSE-AIML,AIML,AI&DS)
MALLA REDDY COLLEGE OF ENGINEERING & TECHNOLOGY
(Autonomous Institution – UGC, Govt. of India)
(Affiliated to JNTUH, Hyderabad, Approved by AICTE - Accredited by NBA & NAAC – ‘A’ Grade - ISO 9001:2015
Certified) Maisammaguda, Dhulapally (Post Via. Hakimpet), Secunderabad – 500100, Telangana State, INDIA.
1|P ag e
, (R20A0516) FULL STACK DEVELOPMENT
COURSE OBJECTIVES:
1. To become knowledgeable about the most recent web development
technologies.
2. Idea for creating two tier and three tier architectural web applications.
3. Design and Analyse real time web applications.
4. Constructing suitable client and server side applications.
5. To learn core concept of both front end and back end programming.
UNIT - I
Web Development Basics: Web development Basics - HTML &
Web servers Shell - UNIX CLI Version control - Git &Github
HTML, CSS
UNIT - II
Frontend Development: Javascript basics OOPS Aspects of
JavaScript Memory usage and Functions in JS AJAX for data
exchange with server jQuery Framework jQuery events, UI
components etc. JSON data format.
UNIT - III
REACT JS: Introduction to React React Router and Single Page
Applications React Forms, Flow Architecture and Introduction to
Redux More Redux and Client-Server Communication
UNIT - IV
Java Web Development: JAVA PROGRAMMING BASICS,
Model View Controller (MVC) Pattern MVC Architecture using
Spring RESTful API using Spring Framework Building an
application usingMaven
UNIT - V
Databases & Deployment: Relational schemas and normalization
Structured Query Language (SQL) Data persistence using Spring
JDBC Agile development principles and deploying application in
Cloud
2|P ag e
,TEXT BOOKS:
1. Web Design with HTML, CSS, JavaScript and JQuery Set Book by
Jon Duckett ProfessionalJavaScript for Web Developers Book by
Nicholas C. Zakas
2. Learning PHP, MySQL, JavaScript, CSS & HTML5: A Step-by-
Step Guide to CreatingDynamic Websites by Robin Nixon
3. Full Stack JavaScript: Learn Backbone.js, Node.js and MongoDB.
Copyright © 2015 BYAZAT MARDAN
REFERENCE BOOKS:
1. Full-Stack JavaScript Development by Eric Bush.
2. Mastering Full Stack React Web Development Paperback – April 28,
2017 by TomaszDyl , Kamil Przeorski , Maciej Czarnecki
COURSE OUTCOMES:
1. Develop a fully functioning website and deploy on a web server.
2. Gain Knowledge about the front end and back end Tools
3. Find and use code packages based on their documentation to produce
working results ina project.
4.Create web pages that function using external data.
5.Implementation of web application employing efficient database access.
3|P ag e
, UNIT TOPIC PAGE
UNIT - I Web development Basics - HTML 6
Web servers Shell - UNIX CLI 90
Version control - Git &Github HTML 92
CSS 124
Unit-II Javascript basics 170
OOPS Aspects of JavaScript 179
Memory usage and Functions in JS 183
AJAX for data exchange with server 187
jQuery Framework 191
jQuery events 193
JSON data format. 194
Unit-III REACT JS: Introduction to React 195
React Router and Single Page Applications 198
React Forms 199
Introduction to Redux 211
More Redux 214
Client-Server Communication 215
UNIT-IV Java Web Development: 221
JAVA PROGRAMMING BASICS 225
Model View Controller (MVC) 237
MVC Architecture using Spring 242
RESTful API using Spring Framework 244
Building an application usingMaven 261
Unit-V Databases & Deployment 266
Relational schemas and normalization 268
Structured Query Language 269
4|P ag e
