際際滷

際際滷Share a Scribd company logo
What	is	
Full	Stack	Web	Development?	
Jogesh	K.	Muppala
Front	end	and	Back	end	
≒ Front	end	/	Client-side	
HTML,	CSS	and	Javascript	
≒ Back	end	/	Server-side	
Various	technologies	and	approaches	
PHP,	Java,	ASP.NET,	Ruby,	Python	
2	
hNps://en.wikipedia.org/wiki/Front_and_back_ends
Three	Tier	Architecture	
3	
PresentaSon	layer	
Business	Logic	layer	
Data	Access	layer	
hNps://en.wikipedia.org/wiki/MulSSer_architecture#Three-Ser_architecture	
hNp://www.tonymarston.net/php-mysql/3-Ser-architecture.html	
Full	stack	
Concerned	with	UI	
related	issues	
Data	validaSon,	
dynamic	content	
processing	
Data	persistence,	
data	access	
through	an	API
TradiSonal	Web	Development	
4	
PresentaSon	layer	 Business	Logic	layer	 Data	Access	layer	
Ruby,	Python,	Java,	C++,	PHP	 DBMS	HTML,	CSS,	JS	
Server-side	
rendering
Full	Stack	JavaScript	Development	
5	
PresentaSon	layer	 Business	Logic	layer	 Data	Access	layer	
Node.js	and	
Node.js	modules	
MongoDB	
JSON	documents	
Single	page	Apps	
using	JavaScript	frameworks	
like	AngularJS	
REST	API	
serving	JSON
Full	Stack	Web	Development	
6	
PresentaSon	layer	 Business	Logic	layer	 Data	Access	layer	
CSS	
HTML	
JS	
UI	
Framework	
Bootstrap	
JS	
Framework	
AngularJS	
Node.js	
Node.js	Modules	
BaaS	
MongoDB
Full	Stack	Web	Development	
≒ Course	1:	HTML,	CSS	and	JavaScript	
≒ Course	2:	Front-End	Web	UI	Frameworks	and	
Tools	
Bootstrap	
Bower,	Grunt,	Gulp,	Yo,	Yeoman	
7
Full	Stack	Web	Development	
≒ Course	3:	Front-end	JavaScript	Frameworks:	
AngularJS	
≒ Course	4:	MulSplacorm	Mobile	ApplicaSon	
Development	using	HTML,	CSS	and	JavaScript	
 Cordova	
 Ionic	Framework	
8
Full	Stack	Web	Development	
≒ Course	5:	Server-side	Development	with	NodeJS	
 Node	JS	
 NodeJS	modules	
 BaaS	
≒ Course	6:	Full	Stack	Web	Development	Capstone	
Project	
9

More Related Content

6acfbd164b5fb1607d886eaa50548962 fswd-big_picture