Svelte.js 3 and Sapper Projects

This front-end compiler and its Framework allow you to create powerful, responsive, and great-looking UI web experiences.

About This Video

• Svelte allows you to create modern, responsive web apps that are real-life and real-time using its small footprint (thanks for its compilation step).
• Sapper is a framework built on Svelte that allows you to create complex web apps. It provides powerful and useful features, making it even easier to develop Svelte apps.
• To improve your Svelte skills, learn a web technology (whose popularity has risen thanks to its great developer experience & powerful features).

This course will guide you through three core projects that will help you create effective, reactive and attractive apps using Svelte. It also demonstrates its intrinsic benefits such as less code and impressive state management.

Our first project, a mobile vCard generator app will show the modularity and reactivity of web applications that you can create with Svelte. We will create reusable and dynamic components which we will enhance with advanced features. To make applications look as good and perform as they do, we have sections on animations and transitions.

Our second project will be a Kanban board application that is fully functional, similar to Trello. This application will allow for state management by using stores and other key Svelte features.

Our final application will use the Kanban board application, but we will also use Sapper, the official Svelte framework. This application will be built using Sapper, the official Svelte Framework. We will learn how Sapper can be used to create web apps and master its most important features like routing and prefetching.

We will also give an introduction to testing Sapper apps with Cypress. Finally, we will end the course by deploying our application in one of two ways: as a static webpage or as an SEO-optimized, server-side rendered (SSR), application.

Audience

This course is designed for web developers who are familiar in Svelte and wish to explore full-length applications using svelte with sapper.