JAMstack: The Total Victory of JavaScript (js.la Feb 2019)

Please download to get full document.

View again

of 65
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Similar Documents
Information Report
Category:

Engineering

Published:

Views: 0 | Pages: 65

Extension: PDF | Download: 0

Share
Description
A lot has happened in the five years since Val Karpov coined the MEAN stack to describe "Full Stack" Javascript stacks. React rose to dominance, AWS Lambda started the Serverless movement, and Static Site Generators came back in a big way. What is driving this new stack of Javascript, APIs, and Markup? This is the story of how a JAM Stack cynic finally turned into a believer. Presented at js.la Feb 2019
Transcript
  • 1. JAMSTACK @swyx // @jsdotla THE TOTAL VICTORY OF JAVASCRIPT
  • 2. @swyx #LearnInPublic
  • 3. jamstack JAVASCRIPT / API’S / MARKUP
  • 4. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 1. !IN THE BEGINNING
  • 5. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify THE FIRST WEBSITE
  • 6. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVER
  • 7. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVERPROGRAM
  • 8. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVERPROGRAM DATA- BASE
  • 9. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 1990’S - 2000’S
  • 10. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify LATE - 2000’S
  • 11. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 2. 🧞LAMP PROBLEMS
  • 12. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVERPROGRAM DATA- BASE
  • 13. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVERPROGRAMDATABASE cache cache
  • 14. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVER PROGRAMDATABASE cache cache CDN
  • 15. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify PROBLEMS 1. MONITORING 2. VERSIONING 3. REPLICATION / MIGRATION 4. CONSISTENT HASHING 5. FINGERPRINTING
  • 16. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify PROBLEMS 1. MONITORING 2. VERSIONING 3. REPLICATION / MIGRATION 4. CONSISTENT HASHING 5. FINGERPRINTING 6. SECURITY UPDATES 7. AUTOSCALING 8. RELEASE ENGINEERING 9. CACHE INVALIDATION 10.CLOUD PROVISIONING
  • 17. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 18. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify LAMP PROBLEMS SECURITY RELIABILITY COMPLEXITY/COST
  • 19. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 3. 😈 MEAN STACK
  • 20. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify JAVASCRIPT GOT SERIOUS
  • 21. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify EARLY 2010’S
  • 22. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 23. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify MID 2010’S
  • 24. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 25. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 4. 👿 MEAN PROBLEMS
  • 26. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify cache cache CDN
  • 27. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify PERFORMANCE!!!!!
  • 28. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 29. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 30. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 31. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 32. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 33. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify PERFORMANCE!!!!! TTI VERSION
  • 34. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 35. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 36. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify CLIENT-SIDE RENDERING https://developers.google.com/web/updates/2019/02/rendering-on-the-web
  • 37. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify CLIENT-SIDE RENDERING https://developers.google.com/web/updates/2019/02/rendering-on-the-web SERVER-SIDE RENDERING
  • 38. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify MEAN PROBLEMS SECURITY RELIABILITY COMPLEXITY/COST +
 PERFORMANCE
  • 39. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify https://developers.google.com/web/updates/2019/02/rendering-on-the-web
  • 40. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 5. 🗺 THE CHANGING ENVIRONMENT
  • 41. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify THE API ECONOMY
  • 42. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVERLESS
  • 43. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify SERVERLESS
  • 44. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify GIT WORKFLOW
  • 45. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify BUILD TOOLS
  • 46. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify STATIC SITE GENERATORS
  • 47. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify STATIC SITE GENERATORS JS (Templating, Components, Styling) Rehydration (SS + SPA)
  • 48. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify REHYDRATION https://addyosmani.com/blog/rehydration/
  • 49. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify HMM…. 🤔 Git Workflow + Build Tools + Serverless + API Economy + Static Sites
  • 50. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 6. 🏀 BRING ON THE JAM
  • 51. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP USER EXPERIENCE
  • 52. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 53. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify CLIENT-SIDE RENDERING https://developers.google.com/web/updates/2019/02/rendering-on-the-web SERVER-SIDE RENDERING STATIC RENDERING
  • 54. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify https://developers.google.com/web/updates/2019/02/rendering-on-the-web
  • 55. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify THESE ARE JAMSTACK GitHub Pages S3 Bucket Zeit Now v2
  • 56. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify THE UNBREAKABLE WEB
  • 57. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify 7. ⚡NETLIFY
  • 58. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT DEVELOPER EXPERIENCE
  • 59. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS HEADLESS CONTENT
  • 60. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify
  • 61. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify https://www.gatsbyjs.org/blog/2018-10-04-journey-to-the-content-mesh/ CONTENT MESH
  • 62. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify Instant roll backs Deploy previews Branch deploys Functions Forms
  • 63. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify Instant roll backs Deploy previews Branch deploys Functions Forms Identity Redirects A/B Testing Large Media Managed DNS
  • 64. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify ALWAYS BET ON JAMSTACK
  • 65. JAMstack: The Total Victory of JavaScript February 2019 @swyxnetlify THANKS QUESTIONS? @SWYX | SWYX@NETLIFY.COM
  • Recommended
    View more...
    We Need Your Support
    Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

    Thanks to everyone for your continued support.

    No, Thanks
    SAVE OUR EARTH

    We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

    More details...

    Sign Now!

    We are very appreciated for your Prompt Action!

    x