03 BigPicture
03 BigPicture
2
https://en.wikipedia.org/wiki/Front_and_back_ends
Three Tier Architecture
Concerned with UI
related issues
Presentation layer
Data validation,
dynamic content Full stack
processing
Business Logic layer
Data persistence, Data Access layer
data access
through an API
https://en.wikipedia.org/wiki/Multitier_architecture#Three-tier_architecture
3
http://www.tonymarston.net/php-mysql/3-tier-architecture.html
Traditional Web Development
HTML, CSS, JS Ruby, Python, Java, C++, PHP DBMS
Server-side
rendering
4
Full Stack JavaScript Development
Single page Apps NodeJS and MongoDB
using JavaScript frameworks NodeJS modules JSON documents
like Angular
REST API
serving JSON
5
Full Stack Web Development
UI JS
Framework Framework
Bootstrap 4 Angular
BaaS
JS CSS NodeJS Modules
HTML
NodeJS MongoDB
6
Full Stack Web and Hybrid Mobile Development
• Course 1: Front-End Web UI Frameworks and
Tools
– Bootstrap 4
– Web Development Tools
• Course 2: Front-end JavaScript Frameworks:
Angular
7
Full Stack Web and Hybrid Mobile Development
• Course 3: Multiplatform Mobile App Development with
Web Technologies: Ionic and Cordova
– Ionic Framework
– Cordova
• Course 4: Multiplatform Mobile App Development with
Web Technologies: Nativescript
8
Full Stack Web and Hybrid Mobile Development
• Course 5: Server-side Development with NodeJS
and Express
– Node JS
– NodeJS modules
– Express
– MongoDB
– BaaS