JAMstack عملی: توسعه وب سریع، ساده و امن به شیوه مدرن

Learn what JAMstack is all about, what those three big letters in the front mean and why it’s so beneficial. This book shows you how to create sites and apps on the JAMstack using GatsbyJS, a tool made specifically for generating them. As part of that, you’ll learn about React, one of the hottest front-end development tools out there today. You will build three separate projects, starting with a relatively simple site to get your feet wet, then a more robust and dynamic application to see more advanced topics like API usage and data storage. Finally, you’ll build a game on the JAMstack to get a whole different perspective on how all the pieces can fit together. JAMstack, a modern take on best practices, is taking the web development world by storm and allowing developers to create web site and apps that are blazingly fast and highly secure. In many ways JAMstack is a throwback to web development of yesteryear, all while providing a simpler development experience that is streamlined by many years of best practices being brought to bear. **What You'll Learn** * Review the principles of JAMstack: Javascript, APIs and Markup * Use React to build a front-end * Set up a GitHub account and hosting using GitHub Pages * Host in Netlify (the creators of JAMstack!) * Understand Netlify functions and FaunaDB for persistent data storage * Explore GraphQL usage for querying data * Work with the Phaser game library **Who This Book Is For** Web developers with some HTML, CSS and JavaScript experience, who want to apply best practices to build web sites that have no back-end server infrastructure while still providing dynamic content along with a streamlined development process. Architects who just want to learn JAMstack, even if they aren’t going to be hacking code all day. Learn what JAMstack is all about, what those three big letters in the front mean, and why it's so beneficial. This book shows you how to create sites and apps on the JAMstack using GatsbyJS, a tool made specifically for generating them. As part of that, you'll learn about React, one of the hottest front-end development tools out there today. You will build three separate projects, starting with a relatively simple site to get your feet wet, then a more robust and dynamic application to see more advanced topics like API usage and data storage. Finally, you'll build a game on the JAMstack to get a whole different perspective on how all the pieces can fit together. JAMstack, a modern take on best practices, is taking the web development world by storm and allowing developers to create web site and apps that are blazingly fast and highly secure. In many ways JAMstack is a throwback to web development of yesteryear, all while providing a simpler development experience that is streamlined by many years of best practices being brought to bear. You will: Review the principles of JAMstack: Javascript, APIs and Markup Use React to build a front-end Set up a GitHub account and hosting using GitHub Pages Host in Netlify (the creators of JAMstack!) Understand Netlify functions and FaunaDB for persistent data storage Explore GraphQL usage for querying data Work with the Phaser game library Front Matter ....Pages i-xvii What Is JAMstack All About? (Frank Zammetti)....Pages 1-17 Making a Simple Sandwich with JAMstack (Frank Zammetti)....Pages 19-58 Bringing in the Big Guns: Gatsby (Frank Zammetti)....Pages 59-104 A Deeper Dive into React (Frank Zammetti)....Pages 105-149 Building JAMboard (Frank Zammetti)....Pages 151-199 The “A” in JAMstack (Frank Zammetti)....Pages 201-239 JAMstack for Fun and... Well, Just FUN! (Frank Zammetti)....Pages 241-275 Completing the Game (Frank Zammetti)....Pages 277-299 Back Matter ....Pages 301-307