2. /Me
Dad
BSc. Telematic Engineering
@ UC3M
Frontend Engineer
@ IBM Research
#JavaScript #Vue #Node #WebComponents
Co-Organizer of
Cloud Developer Community Madrid
NodeSchool Madrid
MadridTech Alliance
#EStreamerCoders
3. What is a Stack?
A tech stack is a combination of software
products and programming languages used
to create a web or mobile application.
“
4. What is a Stack?
A tech stack is a combination of software
products and programming languages used
to create a web or mobile application.
“LAMP
Linux
Apache
MySQL
PHP
MEAN
Mongo
Express
Angular
Node
MERN
Mongo
Express
React
Node
VENoM
Vue
Express
Node
Mongo
9. How works?
JavaScript API Markdown
Reactive Web
Page
Data Source /
User Interaction /
Third party API
Source:
https://www.youtube.com/watch?v=Y8PXMbr0Kqo
Content
10. How works?
JavaScript API Markdown
Reactive Web
Page
Data Source /
User Interaction /
Third party API
Source:
https://www.youtube.com/watch?v=Y8PXMbr0Kqo
Content
SPA - Fetch data at
runtime
- Store data
Pull
Content
11. How works?
JavaScript API Markdown
Reactive Web
Page
Data Source /
User Interaction /
Third party API
Source:
https://www.youtube.com/watch?v=Y8PXMbr0Kqo
Content
SPA - Fetch data at
runtime
- Store data
Pull
Content
12. How works?
JavaScript API Markdown
Reactive Web
Page
Data Source /
User Interaction /
Third party API
Source:
https://www.youtube.com/watch?v=Y8PXMbr0Kqo
Content
SPA - Fetch data at
runtime
- Store data
Pull
Content
Static
Page
GeneratorStatically Generated Webpage
Generate
static HTML
Turns into
SPA
after
initial
load
26. More Resources
What is JAMStack:
https://www.youtube.com/watch?v=Y8PXMbr0Kqo
JAMStack: New kid on the block
https://www.youtube.com/watch?v=PzXpCNBcofw
JAMStack HTTP 203
https://www.youtube.com/watch?v=QXsWaA3HTHA
JAMStack the total victory of JavaScript
https://www.youtube.com/watch?v=vOUcPI2mljU&t=823s
jamstack.org