logo
Frontend Masters – Svelte 2020-6

Frontend Masters – Svelte 2020-6

Published on: 2021-04-17 19:52:30

Categories: 28

Share:

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:

Course specifications

Publisher: FrontendMasters
Instructor: Rich Harris
Language: English
Level: Introductory to Advanced
Number of Courses: 44
Duration: 4 hours and 47 minutes

Course 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

Prerequisites course:

Pictures

Frontend Masters Svelte

Sample film

Installation guide

After Extract, watch with your favorite Player.

English subtitle

Quality: 1080p

download link

Download Part 1 – 1 GB

Download Part 2 – 614 MB

File password (s): www.abc.com

Size

1.6 GB

Sharing is caring:

Leave a Comment (Please sign to comment)