| title | theme |
|---|---|
JAMStack presentation for @codernauts_es |
league |
Sponsored by
at @codernatus_es 01/02/2020
Notes:
- Thanks
- About Comalatech
- Pledge 1%
- what is the preso about:
- message 1: overview
- message 2: practicallity of what we are going to see
- message 2: money wasted on hosting
- No need for taking notes or photos
- Ask question about pronuntiation
- It means it can be served straight from a CDN
- It means best load times and scalability
- It means reduced complexity
- It means simple, reliable and reproducible deployments
- And way CHEAPER!!!
Notes:
- Mention FTP releases
Notes:
- let's see how architecutures and stacks have evolved over time
- they are all still relevant as of today
Notes:
- Ask how many have tried this stack
- Talk about server side rendering, AJAX, web 2.0, ...
- Talk about experience and PHP
Notes:
- Ask how many know about SPIs. EG: GMail, Google Maps
- Talk about Angular and client side rendering
- Pre-rendered
- Statically Served
- Progressively Enhanced
Notes:
- What does prerendered mean?
- Talk about progressive enhancement
- This presentation follows this architecture
- Use cases
- Free $$
- Client side rendering
- Headless services
- Progressive apps
Notes:
- What does client side rendering mean?
- More complex
- Talk about pprogressive apps
- Use cases: eCommerce
- Not free but cheap
It is a new "philosophy" which defines a high level architecture for static web development:
- Non-prescriptive
- High performant
- Cheap and easy to scale
- Secure
- Developer friendly
| Edition | Date published | Name |
|---|---|---|
| ES6 | June 2015 | ECMAScript 2015 (ES2015) |
| ES7 | June 2016 | ECMAScript 2016 (ES2016) |
| ES8 | June 2017 | ECMAScript 2017 (ES2017) |
| ES9 | June 2018 | ECMAScript 2018 (ES2018) |
| ES10 | June 2019 | ECMAScript 2019 (ES2019) |
Notes:
- ECMA = European Computer Manufatures Association for standards
- ES5 is from 2009
- javascripts versions < ES6 are not equal
- incremental minor updates after ES6
- standards are not adopted straight away by browsers
- Modules
- Classes
- Promises
- Block-Scoped Constructs "let" and "const"
- Arrow Functions
- Destructuring
- Default parameters
- String interpolation and multi-line literals.
- ...
npm 👉 biggest library repository in the world with ~500K packages
- Microservices
Notes:
- Dog shit analogy
- REST / {json:api} / GraphQL
- API Economy
Notes:
- Representational State Transfer
- Content APIs => Headless CMS
- Digital Assests
- Authentication
- Files
- eCommerce
- Banking
- ...
- Hardware maintenance overhead
- Software management overhead
- Networking and Security
- Horizontal and vertical scaling
| Azure Functions | AWS Lambdas | GCP Cloud Functions | |
|---|---|---|---|
| Runtimes Available | Node.js Java .NET (C#,F#) Python |
Node Java .NET (C#) Python Go Ruby |
Node.js Python Go |
| Execution Timeout | 5 min / 10 min | 5min / 15min | 1min / 9min |
Notes:
- Ajaxanywhere with JBake + Asciidoctir
- Oskar resume
- Documentation
- Book authoring
- Gastby
Presentation can be found at: