WhatisFullStackWebDevelopment?

JogeshK.Muppala

FrontendandBackend•  Frontend/Client-side– HTML,CSSandJavascript

•  Backend/Server-side– Varioustechnologiesandapproaches– PHP,Java,ASP.NET,Ruby,Python

2hNps://en.wikipedia.org/wiki/Front_and_back_ends

ThreeTierArchitecture

3

PresentaSonlayer

BusinessLogiclayer

DataAccesslayer

hNps://en.wikipedia.org/wiki/MulSSer_architecture#Three-Ser_architecturehNp://www.tonymarston.net/php-mysql/3-Ser-architecture.html

Fullstack

ConcernedwithUIrelatedissues

DatavalidaSon,dynamiccontent

processing

Datapersistence,dataaccess

throughanAPI

TradiSonalWebDevelopment

4

PresentaSonlayer BusinessLogiclayer DataAccesslayer

Ruby,Python,Java,C++,PHP DBMSHTML,CSS,JS

Server-siderendering

FullStackJavaScriptDevelopment

5

PresentaSonlayer BusinessLogiclayer DataAccesslayer

Node.jsandNode.jsmodules

MongoDBJSONdocuments

SinglepageAppsusingJavaScriptframeworkslikeAngularJS

RESTAPIservingJSON

FullStackWebDevelopment

6

PresentaSonlayer BusinessLogiclayer DataAccesslayer

CSS

HTML

JS

UIFrameworkBootstrap

JSFrameworkAngularJS

Node.js

Node.jsModules

BaaS

MongoDB

FullStackWebDevelopment•  Course1:HTML,CSSandJavaScript•  Course2:Front-EndWebUIFrameworksandTools– Bootstrap– Bower,Grunt,Gulp,Yo,Yeoman

7

FullStackWebDevelopment•  Course3:Front-endJavaScriptFrameworks:AngularJS

•  Course4:MulSplacormMobileApplicaSonDevelopmentusingHTML,CSSandJavaScript–  Cordova–  IonicFramework

8

FullStackWebDevelopment•  Course5:Server-sideDevelopmentwithNodeJS– NodeJS– NodeJSmodules–  BaaS

•  Course6:FullStackWebDevelopmentCapstoneProject

9