Full Stack Development

FULL STACK DEVELOPMENT




LECTURE NOTES

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING


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 ser ver 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




1|Page

, 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



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:


2|Page

,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.




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



3|Page

, 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

Data persistence using Spring 274

JDBC Agile development 276

principles and deploying application in Cloud 281




4|Page