Jumpstart Jamstack Development


Book Description

Leverage Jamstack principles, techniques, and best practices to build dynamic websites and web apps focused on speed, security, and accessibility Key FeaturesUnderstand how JavaScript integrates with reusable application program interfaces (APIs) and browser markup to build a serverless web applicationGain a solid understanding of static site development with Gatsby and its importance in JamstackFind out how to deploy a Jamstack event website directly from GitHub using NetlifyBook Description Jamstack (JavaScript, API, and Markup) enables web developers to create and publish modern and maintainable websites and web apps focused on speed, security, and accessibility by using tools such as Gatsby, Sanity, and Netlify. Developers working with Jamstack will be able to put their knowledge to good use with this practical guide to static site generation and content management. This Jamstack book takes a hands-on approach to implementation and related methodologies that will have you up and running with modern web development in no time. Complete with step-by-step explanations of essential concepts, practical examples, and self-assessment questions, you'll begin by building an event and venue schema structure, and then expand the functionality, exploring all that the Jamstack has to offer. You’ll learn how an example Jamstack is built, build structured content using Sanity to create a schema, use GraphQL to expose the content, and employ Gatsby to build an event website using page and template components and Tailwind CSS Framework. Lastly, you’ll deploy the website to both, a Netlify server and the Microsoft Static Web Apps Service, and interact with it using Amazon Alexa. By the end of this book, you'll have gained the knowledge and skills you need to install, configure, build, extend, and deploy a simple events website using Jamstack. What you will learnDiscover the Jamstack approach and build speedy, secure, and accessible websites and web apps with its component technologiesBuild an events website by using the Jamstack and the Gatsby static site generatorCreate and modify your templates and pages to build creative web appsBuild, modify, and extend structured content schemas in SanityUnderstand Gatsby plugins, project structure, and files, and how it can be used to build Jamstack appsFind out how GatsbyJS uses GraphQL to source contentWho this book is for This book is for web developers looking to implement Jamstack practically. JavaScript developers who want to build modern speedy and secure web apps will also find this book useful. Familiarity with JavaScript and Database programming is assumed.




The Jamstack Book


Book Description

Jamstack = JavaScript, APIs, and Markup. Use established standard technologies to build super-fast static websites without sacrificing rich, dynamic features. In The Jamstack Book, you will learn how to: Use different static site generators to build websites Deploy Jamstack sites with 11ty, Next.js, Hugo, and Jekyll Add dynamic capabilities like form processing and eCommerce Enhance your Jamstack site with serverless capabilities Integrate a CMS with a Jamstack site Jamstack sites use JavaScript, APIs, and Markup to create fast, dynamic pages without the overhead of heavyweight frameworks. The Jamstack Book is your essential guide to this exciting new web architecture. Written by renowned Jamstack experts Raymond Camden and Brian Rinaldi, it's filled with real-world projects to develop and hone your skills. You'll learn how to lay out and generate a site, set up your own CMS, and add dynamic features like user logins and search functionality. Confusing jargon is demystified. Plus, you'll get the chance to try out different static site generators and find the one that works best for you. Pick up this book today, and you'll discover how the Jamstack answers your need for speed and simplicity. About the Technology JavaScript, APIs, and pre-rendered Markup put the JAM in Jamstack. This modern web architecture delivers the quick load times of static sites along with the dynamic functionality you need for user-friendly interactive features. Built with lightweight standards and tools, Jamstack sites are fast, secure, easy to maintain, and naturally optimized for mobile and SEO. About the Book The Jamstack Book teaches effectively by creating a portfolio of sites, ranging from a simple blog to an eCommerce store. Each new project introduces important skills, including cloud deployment, user logins, and search. You'll get hands-on experience with tools like 11ty, Next.js, and Netlify. As your skills grow, the examples become more sophisticated, including serverless technology, dynamic forms, and an integrated CMS. What's Inside Use different static site generators to build websites Add dynamic capabilities like form processing and eCommerce Enhance your Jamstack site with serverless capabilities Integrate a CMS with a Jamstack site About the Reader For web developers and CMS site developers. About the Authors Raymond Camden is the author of multiple books on web development and has been blogging and presenting for almost twenty years. Brian Rinaldi has been involved in static site and Jamstack development since the early days. Quotes Very much a practitioner's guide to the Jamstack. Take a tour with two experienced Jamstack developers, and learn how to get productive. - From the Foreword by Mathias Biilmann Christensen, CEO and Cofounder, Netlify Gives you all the resources you need to build lightning-quick Jamstack sites using familiar technologies. - Theo Despoudis, WP Engine Great for building your first Jamstack website, from choosing the correct framework to deployment and production. - Matej Strašek, Exoticca Clear and complete....If you want to master the Jamstack, this is the book to read! - Fabrice Gouédard, Cinéville.




Practical JAMstack


Book Description

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. The 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 Lamba 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.




Angular Projects


Book Description

Take Angular to the next level – build captivating real-world applications while exploring modern web technologies and best practices Purchase of the print or Kindle book includes a free PDF eBook Key Features Explore Angular's capabilities for cross-platform app development Combine Angular with popular web technologies such as Nx monorepos, server-side rendering, and progressive web apps Build your own libraries and schematics using Angular CDK and Angular CL Book DescriptionAngular Projects isn't like other books on Angular – this is a project-based guide that helps budding Angular developers get hands-on experience while developing cutting-edge applications. In this updated third edition, you’ll master the essential features of the framework by creating ten different real-world web applications. Each application will demonstrate how to integrate Angular with a different library and tool, giving you a 360-degree view of what the Angular ecosystem makes possible. Updated to the newest version of Angular, the book has been revamped to keep up with the latest technologies. You’ll work on a PWA weather application, a mobile photo geotagging application, a component UI library, and other exciting projects. In doing so, you’ll implement popular technologies such as Angular Router, Scully, Electron, Angular service workers, Jamstack, NgRx, and more. By the end of this book, you will have the skills you need to build Angular apps using a variety of different technologies according to your or your client’s needs.What you will learn Set up Angular applications using Angular CLI and Nx Console Create a personal blog with Jamstack, Scully plugins, and SPA techniques Build an issue management system using typed reactive forms Use PWA techniques to enhance user experience Make SEO-friendly web pages with server-side rendering Create a monorepo application using Nx tools and NgRx for state management Focus on mobile application development using Ionic Develop custom schematics by extending Angular CLI Who this book is for This book is for developers with beginner-level Angular experience who want to become proficient in using essential tools and dealing with the various use cases in Angular. Beginner-level knowledge of web application development and basic experience of working with ES6 or TypeScript is essential before you dive in. This book focuses on practical applications of Angular. If you want to deepen your understanding of this framework, we recommend that you also look at Learning Angular from the same author.




Building Micro-Frontends


Book Description

What's the answer to today's increasingly complex web applications? Micro-frontends. Inspired by the microservices model, this approach lets you break interfaces into separate features managed by different teams of developers. With this practical guide, Luca Mezzalira shows software architects, tech leads, and software developers how to build and deliver artifacts atomically rather than use a big bang deployment. You'll learn how micro-frontends enable your team to choose any library or framework. This gives your organization technical flexibility and allows you to hire and retain a broad spectrum of talent. Micro-frontends also support distributed or colocated teams more efficiently. Pick up this book and learn how to get started with this technological breakthrough right away. Explore available frontend development architectures Learn how microservice principles apply to frontend development Understand the four pillars for creating a successful micro-frontend architecture Examine the benefits and pitfalls of existing micro-frontend architectures Learn principles and best practices for creating successful automation strategies Discover patterns for integrating micro-frontend architectures using microservices or a monolith API layer




Working with Static Sites


Book Description

Just like vinyl LPs, static sites are making a comeback, evidenced by the wide array of static-site generators now available. This practical book shows you hands-on how to build these simple sites for blogs and other use cases, and how to make them more powerful. In the process, you’ll work with some of today’s more mature and popular static-site generators. Authors Raymond Camden and Brian Rinaldi explain the advantages of using static-site generators for building fast and secure sites. Web and frontend designers and developers will also explore methods for adding dynamic elements and for migrating an existing CMS to a static site. Build a basic four-page static site with the Harp generator Create a simple blog with Jekyll Develop a documentation site with Hugo by generating site files and creating the layout Add dynamic elements, such as forms, comments, and search Integrate a CMS with tools such as CloudCannon and Netlify CMS Use one of several options to deploy your static files Learn methods for moving an existing CMS to a static site




Learn Python 3 the Hard Way


Book Description

You Will Learn Python 3! Zed Shaw has perfected the world’s best system for learning Python 3. Follow it and you will succeed—just like the millions of beginners Zed has taught to date! You bring the discipline, commitment, and persistence; the author supplies everything else. In Learn Python 3 the Hard Way, you’ll learn Python by working through 52 brilliantly crafted exercises. Read them. Type their code precisely. (No copying and pasting!) Fix your mistakes. Watch the programs run. As you do, you’ll learn how a computer works; what good programs look like; and how to read, write, and think about code. Zed then teaches you even more in 5+ hours of video where he shows you how to break, fix, and debug your code—live, as he’s doing the exercises. Install a complete Python environment Organize and write code Fix and break code Basic mathematics Variables Strings and text Interact with users Work with files Looping and logic Data structures using lists and dictionaries Program design Object-oriented programming Inheritance and composition Modules, classes, and objects Python packaging Automated testing Basic game development Basic web development It’ll be hard at first. But soon, you’ll just get it—and that will feel great! This course will reward you for every minute you put into it. Soon, you’ll know one of the world’s most powerful, popular programming languages. You’ll be a Python programmer. This Book Is Perfect For Total beginners with zero programming experience Junior developers who know one or two languages Returning professionals who haven’t written code in years Seasoned professionals looking for a fast, simple, crash course in Python 3




Elevating React Web Development with Gatsby


Book Description

Learn how to create SEO-friendly, powerful static websites using Gatsby by harnessing the power of React Key FeaturesUnderstand how to use Gatsby to build, test, and deploy an end-to-end website and manage SEOBuild reusable templates to streamline your workflowsCreate plugins, add authentication, and work with real-time dataBook Description Gatsby is a powerful React static site generator that enables you to create lightning-fast web experiences. With the latest version of Gatsby, you can combine your static content with server-side rendered and deferred static content to create a fully rounded application. Elevating React Web Development with Gatsby provides a comprehensive introduction for anyone new to GatsbyJS and will help you get up to speed in no time. Complete with hands-on tutorials and projects, this easy-to-follow guide starts by teaching you the core concepts of GatsbyJS. You'll then discover how to build performant, accessible, and scalable websites with the GatsbyJS framework. Once you've worked through the practical projects in the book, you'll be able to build anything from a personal website to large-scale applications with authentication and make your site rise through those SEO rankings. By the end of this Gatsby development book, you'll be well-versed in every aspect of the tool's performance and accessibility and have learned how to build client websites that your users will love. What you will learnUnderstand what GatsbyJS is, where it excels, and how to use itStructure and build a GatsbyJS site with confidenceElevate your site with an industry-standard approach to stylingConfigure your GatsbyJS projects with search engine optimization to improve their rankingGet to grips with advanced GatsbyJS concepts to create powerful and dynamic sitesSupercharge your site with translations for a global audienceDiscover how to use third-party services that provide interactivity to usersWho this book is for This book is for web developers who want to use GatsbyJS with React to build better static and dynamic client-side apps. Prior experience of working with React basics is necessary. Knowledge of Node.js fundamentals will help you to get the most out of this web development book.




Svelte 3 Up and Running


Book Description




Decoupled Drupal in Practice


Book Description

Gain a clear understanding of the most important concepts in the decoupled CMS landscape. You will learn how to architect and implement decoupled Drupal architectures across the stack—from building the back end and designing APIs to integrating with front-end technologies. You'll also review presenting data through consumer applications in widely adopted technologies such as Angular, Ember, React, and Vue.js. Featuring a foreword by Drupal founder and project lead Dries Buytaert, the first part of this book chronicles the history of the CMS and the server–client divide, analyzes the risks and rewards of decoupled CMS architectures, and presents architectural patterns. From there, the book explores the core and contributed landscape for decoupled Drupal, authentication mechanisms, and the surrounding tooling ecosystem before delving into consumer implementations in a variety of technologies. Finally, a series of chapters on advanced topics feature the Drupal REST plugin system, schemas and generated documentation, and caching. Several projects point to a decoupled future for Drupal, including the Contenta CMS and work to modernize Drupal's JavaScript using React. Begin learning about these and other exciting developments with Decoupled Drupal today. What You’ll Learn Evaluate the risks and rewards of decoupled Drupal and classify its architectures Authenticate requests to Drupal using OAuth, JWT, and Basic Authentication Consume and manipulate Drupal content via API through HTTP requests Integrate with other consumer applications for native mobile and desktop as well as set-top boxes (Roku, Apple TV, Samsung TV) Add new resources to Drupal's REST API using the REST plugin system Generate API documentation that complies with the OpenAPI (Swagger) standard Who This Book Is For Those with some exposure to CMSes like WordPress and Drupal and those who wish to follow along with JavaScript application development will benefit. A familiarity with API-first or services-oriented architectures is helpful but not presumed.




Recent Books