Svelte 3 Up and Running: A practical guide to building production-ready static web apps with Svelte 3

Segala, Alessandro

  • 出版商: Packt Publishing
  • 出版日期: 2020-08-28
  • 定價: $1,040
  • 售價: 9.0$936
  • 語言: 英文
  • 頁數: 168
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 1839213620
  • ISBN-13: 9781839213625
  • 相關分類: UI/UX
  • 立即出貨 (庫存=1)

相關主題

商品描述

Key Features

  • Get up and running with the Svelte framework in no time with this quick introductory guide
  • Build faster and leaner frontend and static web apps using the JAMstack
  • Deploy your Svelte 3 app to production using cloud services and DevOps principles such as automated testing and CI/CD

Book Description

Svelte is a modern JavaScript framework used to build static web apps that are fast and lean, as well as being fun for developers to use. This book is a concise and practical introduction for those who are new to the Svelte framework which will have you up to speed with building apps quickly, and teach you how to use Svelte 3 to build apps that offer a great app user experience (UX).

The book starts with an introduction to Svelte 3, before showing you how to set up your first complete application with the framework. Filled with code samples, each chapter will show you how to write components using the Svelte template syntax and the application programming interfaces (APIs) of the Svelte framework. As you advance, you'll go from scaffolding your project and tool setup all the way through to production with DevOps principles such as automated testing, continuous integration, and continuous delivery (CI/CD). Finally, you'll deploy your application in the cloud with object storage services and a content delivery network (CDN) for best-in-class performance for your users.

By the end of this book, you'll have learned how to build and deploy apps using Svelte 3 to solve real-world problems and deliver impressive results.

What you will learn

  • Understand why Svelte 3 is the go-to framework for building static web apps that offer great UX
  • Explore the tool setup that makes it easier to build and debug Svelte apps
  • Scaffold your web project and build apps using the Svelte framework
  • Create Svelte components using the Svelte template syntax and its APIs
  • Combine Svelte components to build apps that solve complex real-world problems
  • Use Svelte's built-in animations and transitions for creating components
  • Implement routing for client-side single-page applications (SPAs)
  • Perform automated testing and deploy your Svelte apps, using CI/CD when applicable

Who this book is for

The book is for frontend or full-stack developers looking to build modern web apps with Svelte. Web developers with experience in leading frontend JavaScript frameworks who wish to learn Svelte will find this book useful. The book assumes a solid understanding of JavaScript and core HTML5 technologies. Basic understanding of modern frontend frameworks will be beneficial, but not necessary.

商品描述(中文翻譯)

主要特點


  • 使用這本快速入門指南,快速上手 Svelte 框架

  • 使用 JAMstack 建立更快、更輕量的前端和靜態網頁應用程式

  • 使用自動化測試和 CI/CD 等 DevOps 原則,將你的 Svelte 3 應用程式部署到生產環境

書籍描述

Svelte 是一個現代的 JavaScript 框架,用於建立快速、輕量且對開發人員來說有趣的靜態網頁應用程式。本書是一本簡潔實用的入門指南,針對那些對 Svelte 框架尚不熟悉的人,讓你快速掌握建立應用程式的技巧,並教你如何使用 Svelte 3 建立提供出色應用程式使用者體驗(UX)的應用程式。

本書首先介紹 Svelte 3,然後向你展示如何使用該框架建立第一個完整的應用程式。每個章節都充滿了程式碼示例,將向你展示如何使用 Svelte 模板語法和 Svelte 框架的應用程式編程接口(API)來編寫組件。隨著你的進展,你將從項目脚手架和工具設置一直到使用自動化測試、持續集成和持續交付(CI/CD)的 DevOps 原則進行生產。最後,你將使用物件儲存服務和內容傳遞網絡(CDN)在雲端部署應用程式,為用戶提供最佳性能。

通過閱讀本書,你將學習如何使用 Svelte 3 解決現實世界的問題並獲得令人印象深刻的結果。

你將學到什麼


  • 了解為什麼 Svelte 3 是建立提供出色 UX 的靜態網頁應用程式的首選框架

  • 探索使建立和調試 Svelte 應用程式更容易的工具設置

  • 使用 Svelte 框架搭建網頁專案並建立應用程式

  • 使用 Svelte 模板語法和其 API 創建 Svelte 組件

  • 結合 Svelte 組件,構建解決複雜現實世界問題的應用程式

  • 使用 Svelte 內建的動畫和過渡效果來創建組件

  • 為客戶端單頁應用程式(SPA)實現路由

  • 執行自動化測試並部署你的 Svelte 應用程式,適用於 CI/CD 的情況

本書適合對象

本書適合前端或全端開發人員,希望使用 Svelte 建立現代網頁應用程式。有經驗使用主流前端 JavaScript 框架的網頁開發人員希望學習 Svelte 的人也會發現本書有用。本書假設讀者對 JavaScript 和核心 HTML5 技術有扎實的理解。對現代前端框架有基本的理解將是有益的,但不是必需的。

目錄大綱

Table of Contents

  1. Meet Svelte
  2. Scaffolding your Svelte project
  3. Building reactive Svelte components
  4. Putting your app together
  5. Single-Page Applications with Svelte
  6. Going to production
  7. Looking forward

目錄大綱(中文翻譯)

```

目錄


  1. 認識 Svelte

  2. 建立 Svelte 專案的腳手架

  3. 建立具有反應性的 Svelte 元件

  4. 組合您的應用程式

  5. 使用 Svelte 建立單頁應用程式

  6. 上線產品

  7. 展望未來


```