Svelte و Sapper در عمل ۲۰۲۰
Svelte and Sapper in Action 2020

کتاب «Svelte and Sapper in Action» به شما می‌آموزد که چگونه برنامه‌های وب سریع و زیبا طراحی و ایجاد کنید. شما بلافاصله با ساخت یک برنامه جذاب “بسته‌بندی سفر” شروع خواهید کرد و در حین کار، ایجاد کامپوننت‌های Svelte و توسعه UX عالی را یاد خواهید گرفت. شما بر مدل مدیریت حالت منحصر به فرد Svelte مسلط می‌شوید، از Sapper برای مسیریابی صفحه ساده‌تر استفاده می‌کنید و بهترین روش‌های مدرن مانند تقسیم کد، پشتیبانی آفلاین و نماهای رندر شده در سرور را به کار می‌گیرید.

**خلاصه**

برنامه‌های وبی را تصور کنید که زمان بارگذاری سریع در مرورگر دارند، بهره‌وری فوق‌العاده‌ای را برای توسعه‌دهندگان ارائه می‌دهند و به کد کمتری برای ایجاد نیاز دارند. این همان چیزی است که Svelte و Sapper ارائه می‌دهند! Svelte بسیاری از کارهایی را که یک فریم‌ورک فرانت‌اند انجام می‌دهد، به مرحله کامپایل منتقل می‌کند، بنابراین کامپوننت‌های برنامه شما به صورت ماژول‌های جاوا اسکریپت فشرده و خوش‌سازماندهی شده در می‌آیند. Sapper یک فریم‌ورک وب سبک است که اندازه برنامه را از طریق رندر کردن صفحات فرانت‌اند در سرور و فقط بارگذاری جاوا اسکریپت مورد نیاز به حداقل می‌رساند. نتیجه نهایی، برنامه‌های کارآمدتر با UX عالی و مدیریت حالت ساده‌تر است.

با خرید نسخه چاپی کتاب، یک نسخه الکترونیکی رایگان در قالب‌های PDF، Kindle و ePub از Manning Publications دریافت خواهید کرد.

**درباره این فناوری**

بسیاری از فریم‌ورک‌های وب صدها خط کد “فقط در صورت نیاز” را بارگذاری می‌کنند که برنامه‌های شما را شلوغ و کند می‌کنند. Svelte، یک ابزار نوآورانه و کاربرپسند، در عوض برنامه‌ها را به بسته‌های بسیار کوچک کامپایل می‌کند تا زمان بارگذاری فوق‌العاده سریعی داشته باشد و با کد کمتر، کارهای بیشتری انجام دهد. جفت کردن Svelte با فریم‌ورک Sapper ویژگی‌هایی را برای مسیریابی صفحه منعطف و ساده، رندر سمت سرور، توسعه سایت استاتیک و موارد دیگر اضافه می‌کند.

**درباره کتاب**

کتاب «Svelte and Sapper in Action» به شما می‌آموزد که چگونه برنامه‌های وب سریع و زیبا طراحی و ایجاد کنید. شما بلافاصله با ساخت یک برنامه جذاب “بسته‌بندی سفر” شروع خواهید کرد و در حین کار، ایجاد کامپوننت‌های Svelte و توسعه UX عالی را یاد خواهید گرفت. شما بر مدل مدیریت حالت منحصر به فرد Svelte مسلط می‌شوید، از Sapper برای مسیریابی صفحه ساده‌تر استفاده می‌کنید و بهترین روش‌های مدرن مانند تقسیم کد، پشتیبانی آفلاین و نماهای رندر شده در سرور را به کار می‌گیرید.

**آنچه در داخل خواهید یافت**

* ایجاد کامپوننت‌های Svelte
* استفاده از storeها برای داده‌های به اشتراک گذاشته شده
* پیکربندی مسیریابی صفحه
* اشکال‌زدایی، آزمایش و استقرار برنامه‌های Svelte
* استفاده از Sapper برای سایت‌های پویا و استاتیک

**درباره خواننده**

برای توسعه‌دهندگان وبی که با HTML، CSS و JavaScript آشنا هستند.

**درباره نویسنده**

**Mark Volkmann** شریک Object Computing است، جایی که از سال 1996 به ارائه مشاوره و آموزش نرم‌افزار مشغول بوده است.

**فهرست مطالب**

بخش 1 – شروع به کار

1 آشنایی با بازیکنان
2 اولین برنامه Svelte شما

بخش 2 – عمیق‌تر در SVELTE

3 ایجاد کامپوننت‌ها
4 ساختارهای بلوکی
5 ارتباط کامپوننت‌ها
6 استورها
7 تعاملات DOM
8 توابع چرخه حیات
9 مسیریابی سمت کلاینت
10 انیمیشن
11 اشکال‌زدایی
12 آزمایش
13 استقرار
14 Svelte پیشرفته

بخش 3 – عمیق‌تر در SAPPER

15 اولین برنامه Sapper شما
16 برنامه‌های Sapper
17 مسیرهای سرور Sapper
18 خروجی گرفتن سایت‌های استاتیک با Sapper
19 پشتیبانی آفلاین Sapper

بخش 4 – فراتر از SVELTE و SAPPER

20 پیش‌پردازنده‌ها
21 Svelte Native

Svelte and Sapper in Action teaches you to design and build fast, elegant web applications. You’ll start immediately by creating an engaging Travel Packing app as you learn to create Svelte components and develop great UX. You’ll master Svelte’s unique state management model, use Sapper for simplified page routing, and take on modern best practices like code splitting, offline support, and server-rendered views.

Summary
Imagine web apps with fast browser load times that also offer amazing developer productivity and require less code to create. That’s what Svelte and Sapper deliver! Svelte pushes a lot of the work a frontend framework would handle to the compile step, so your app components come out as tight, well-organized JavaScript modules. Sapper is a lightweight web framework that minimizes application size through server-rendering front pages and only loading the JavaScript you need. The end result is more efficient apps with great UX and simplified state management.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the technology
Many web frameworks load hundreds of “just-in-case” code lines that clutter and slow your apps. Svelte, an innovative, developer-friendly tool, instead compiles applications to very small bundles for lightning-fast load times that do more with less code. Pairing Svelte with the Sapper framework adds features for flexible and simple page routing, server-side rendering, static site development, and more.

About the book
Svelte and Sapper in Action teaches you to design and build fast, elegant web applications. You’ll start immediately by creating an engaging Travel Packing app as you learn to create Svelte components and develop great UX. You’ll master Svelte’s unique state management model, use Sapper for simplified page routing, and take on modern best practices like code splitting, offline support, and server-rendered views.

What’s inside

– Creating Svelte components
– Using stores for shared data
– Configuring page routing
– Debugging, testing, and deploying Svelte apps
– Using Sapper for dynamic and static sites

About the reader
For web developers familiar with HTML, CSS, and JavaScript.

About the author
Mark Volkmann is a partner at Object Computing, where he has provided software consulting and training since 1996.

Table of Contents

PART 1 – GETTING STARTED

1 Meet the players

2 Your first Svelte app

PART 2 – DEEPER INTO SVELTE

3 Creating components

4 Block structures

5 Component communication

6 Stores

7 DOM interactions

8 Lifecycle functions

9 Client-side routing

10 Animation

11 Debugging

12 Testing

13 Deploying

14 Advanced Svelte

PART 3 – DEEPER INTO SAPPER

15 Your first Sapper app

16 Sapper applications

17 Sapper server routes

18 Exporting static sties with Sapper

19 Sapper offline support

PART 4 – BEYOND SVELTE AND SAPPER

20 Preprocessors

21 Svelte Native