Educational Notes

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