Frontend Masters – Svelte 2020-7

Description

Frontend Masters - Svelte is the name of a Svelte training course. Svelte is a framework with which you can build high-performance web applications. This course is a sufficient introduction to this framework.

What you will learn in the Frontend Masters - Svelte course

Understand an overview of Svelte

Binding and durability cycle in Svelte

Animation and Stores

Classes and components

Project-oriented training by building a program

Project-oriented training by building a game

Learn Sapper

Course information

Publisher: FrontendMasters Instructor: Rich Harris English language Level of training: basic to advanced Number of courses: 44 Duration: 4 hours and 47 minutes

Topics

Introduction

Introduction

Svelte Overview

Why svelte svelte basics data reactivity props if else blocks each keyed each blocks asynchronous await blocks events

Binding & Lifecycle

Input template binding media dimension binding this component binding onmount ondestroy lifecycle beforeupdate afterupdate tick

Stores & Animation

Stores derived state custom stores store bindings adding motion with easing spring transitions custom transitions events local deferred transitions animations actions

Classes & Components

Classes directive composing components with slots context api special elements modules context for sharing code debugging creating a svelte app from scratch

Building an Application

Building an application frame creating the welcome screen creating categories navigation fetching api data

Building the Game

Creating the game screen game layout buttons wiring up interactivity game activity display game completion state displaying game data polishing ui adding transitions adding meta making an installable pwa

Sapper

Sapper server rendering in sapper

Wrapping Up

Wrapping up

Installation

After Extract, watch with your favorite Player.

English subtitle

Quality: 1080p