Upload
emad-elmogy
View
208
Download
0
Embed Size (px)
Citation preview
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