Svelte.js 3 and Sapper Projects

Svelte.js 3 and Sapper Projects, available at $59.99, has an average rating of 4.3, with 33 lectures, 7 quizzes, based on 24 reviews, and has 175 subscribers.

You will learn about 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 This course is ideal for individuals who are 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. It is particularly useful 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.

Enroll now: Svelte.js 3 and Sapper Projects

Summary

Title: Svelte.js 3 and Sapper Projects

Price: $59.99

Average Rating: 4.3

Number of Lectures: 33

Number of Quizzes: 7

Number of Published Lectures: 33

Number of Published Quizzes: 7

Number of Curriculum Items: 40

Number of Published Curriculum Objects: 40

Original Price: $109.99

Quality Status: approved

Status: Live

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

Who Should Attend

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.

Target Audiences

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.

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.

About the Author

Germán Mené Santa Olaya is an engineer and a software developer. He loves programming and building web applications using Svelte and Sapper. These front-end tools allow him to build modern and complete web apps in a modular and approachable way. There are endless possibilities when it comes to web applications, and many frameworks and ways to approach them, but he believes that Svelte makes the process easy and scalable. That is the reason why he believes that it will become a mainstream and widely used tool for front-end web development in years to come.

Course Curriculum

Chapter 1: Introduction and Starting Our First Project

Lecture 1: Course Overview

Lecture 2: What Is Svelte and Why Should We Learn It?

Lecture 3: Setting Up Our Work Environment

Lecture 4: Analyzing the Svelte Workspace

Lecture 5: Creating a Hierarchy of Components

Lecture 6: Starting Our First Project: vCard Generator

Chapter 2: Reactivity and Events

Lecture 1: Adding Reactivity with Dynamic Attributes

Lecture 2: Reacting to DOM Events

Lecture 3: More On Events

Lecture 4: Two-Way Binding

Lecture 5: Conditional Classes

Chapter 3: Enhancing Our Application

Lecture 1: Dispatching Events

Lecture 2: Two-Way Binding Between Components

Lecture 3: Using Slots

Lecture 4: Conditional Rendering

Lecture 5: Reactive Statements

Chapter 4: Transitions, Animations, and Our Second Project

Lecture 1: Basic Transitions

Lecture 2: Enhancing Transitions

Lecture 3: Animating Elements

Lecture 4: Using Lifecycle Functions

Chapter 5: State Management

Lecture 1: State Management with Stores

Lecture 2: Using Stores in Our Application

Lecture 3: Motion with the Svelte/Motion Module

Lecture 4: Connecting To a Database

Lecture 5: Options On Deploying Svelte Apps

Chapter 6: Sapper Framework

Lecture 1: Starting with Sapper

Lecture 2: The Sapper App Structure

Lecture 3: Routing

Lecture 4: Preloading

Chapter 7: Testing and Deploying Our App

Lecture 1: Introduction to Testing with Cypress

Lecture 2: Deploying Our App as a Pre-Rendered Static Site

Lecture 3: Deploying Our App as a Dynamic SSR App

Lecture 4: Course Review

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 0 votes

2 stars: 1 votes

3 stars: 4 votes

4 stars: 6 votes

5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!