Svelte.js 3 and Sapper Projects: Build web applications using Svelte and Sapper

Germán Mené Santa Olaya

Mex$2830.99

Video May 2020 5hrs 28mins 1st Edition

Germán Mené Santa Olaya

Mex$2830.99

Video May 2020 5hrs 28mins 1st Edition

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Download Code

Key benefits

Build modern, real-life, responsive web applications with Svelte by taking advantage of its small footprint (thanks to its compilation step)
Develop complex web applications with Sapper, the framework based on Svelte that provides useful and powerful features thus, making developing Svelte apps even easier
Learn a web technology (whose popularity is on the rise thanks to its great developer experience and powerful features) to improve your Svelte skills

Description

This course will take you through three core projects to help you build effective, reactive, and attractive apps with Svelte, demonstrating its intrinsic benefits, including less code and impressive reactivity/state management along the way. Our first project, a vCard generator app, will demonstrate the modularity and reactivity web applications you can develop with Svelte. We will build reusable and dynamic components that we will later enhance with more advanced features. Sections on animation and transitions are included to make applications look as good as they perform! Our second project will be a fully functional Kanban board application, similar to Trello. This application will also have effective state management, by making use of stores and other key Svelte features. Our final application will be based on the previous Kanban board application but making use of Sapper, the official Svelte framework. However, we will build this application with Sapper, the official Svelte framework. We will learn how to create web apps with Sapper and master its most useful features, such as routing and prefetching. We will also provide an introduction to testing Sapper applications with Cypress, and we finish the course by deploying our application in two different ways: as a static page, and as an SEO-optimized server-side rendered (SSR) application. The code bundle for this video course is available at - https://github.com/PacktPublishing/Sveltejs-3-and-Sapper-Projects

Who is this book for?

This course is primarily suited for web developers who are familiar with Svelte and want to explore full-length applications in svelte along with sapper.

What you will learn

Build real-life web applications using Svelte and its associated framework, Sapper
Create highly reactive and modular Svelte components that are scalable and reusable within one or more web applications
Explore Svelte's advanced features that allow us to create and design beautiful and smooth user experiences
Discover Sapper's great features such as routing, service workers, code-splitting, single-page applications (SPA) or server-side rendered (SSR) applications optimized for SEO
Deploy your apps while connecting them to services such as a database or RESTful APIs
Test Sapper-built applications using Cypress to avoid any regressions

What do you get with a video?