Svelte

Svelte

Svelte • Cybernetically enhanced web apps Svelte is a free and open-source JavaScript framework written by Rich Harris. Svelte applications do not include framework references. Instead, building a Svelte applications generates code to manipulate the DOM, which may give better client run-time performance.

How to Use Arrays and Objects in Svelte and Sveltekit.

In this video we will learn what is browser variable and how to use arrays and objects in persistent store in Svelte and Sveltekit.

#svelte #sveltekit 

How to Use Arrays and Objects in Svelte and Sveltekit.

How to use persistent storage in Svelte and Sveltekit.

In this video we will learn how to use persistent store in Svelte and Sveltekit.
#sveltekit #svelte 

How to use persistent storage in Svelte and Sveltekit.

How to Create, Update and Delete data in Firebase with Svelte Firebase

In this video we will see how to update and delete Firebase firestore data through our sveltekit app.

#firebase #svelte 

How to Create, Update and Delete data in Firebase with Svelte Firebase

How to Read data from Firebase with Svelte Firebase Todo

In this video I'm going to use Firebase SDK 9 with sveltekit to get live data from firebase firestore.

#firebase #svelte 

How to Read data from Firebase with Svelte Firebase Todo

How to Add Todos with Enter Keystroke and Svelte Firebase Todo

In this video I will be showing how to add todos by hitting enter key and also show an error when the todo input is empty.

#svelte #firebase 

How to Add Todos with Enter Keystroke and Svelte Firebase Todo

How to Deleting Todos in Svelte Firebase Todo

In this one I'm going to delete todo items from the simple Svelte Todo app we created in the previous video.

0:00 Mark Todos as complete
5:26 Delete Todos
9:18 Closing notes

#svelte #firebase 

How to Deleting Todos in Svelte Firebase Todo

How to Create a Simple Svelte Todo App and Svelte Firebase Todo

In this one I'm going to create a simple Svelte Todo app within 30 lines of code.

0:00 Showcase of Todo App
0:42 Sveltekit Installation
3:54 Create Todo App
9:00 Add Todos
16:07 Clear Input after adding a Todo

#svelte 

How to Create a Simple Svelte Todo App and Svelte Firebase Todo

How to create TODO application using svelte

In this series we are going to create a TODO app using svelte. This svelte todo app will use Firebase(firestore) as the backend. 
#svelte 

How to create TODO application using svelte

Intro to Astro + Svelte

Astro is a new Static Site Generator that ships only HTML + CSS and adds Javascript only when absolutely necessary. 
You can use it with Svelte! (or Vue or React)

https://astro.build/

#astro #svelte #webdev 

Intro to Astro + Svelte

Svelte Precios Crypto | Svelte & CoinGecko API

Aprende a crear una aplicación web frontend usando Svelte y una REST API que nos da  información de los precios actuales de las criptomonedas e  información relacionada. Este es un ejemplo muy básico, enfocado en aquellas personas que ya tienen una idea básica de que es Svelte, pero quieren ponerlo en práctica con un proyecto.

Código del Ejemplo:
https://github.com/FaztWeb/svelte-coingecko-api 

#svelte 

 

Svelte Precios Crypto | Svelte & CoinGecko API
Iara  Simões

Iara Simões

1628819733

Curso Intensivo de Svelte - Aprenda SvelteJS em 1 Vídeo

No vídeo de hoje o Léo apresenta pra gente o Svelte. Ele é um compilador que pode ser usar ao trabalhar com JavaScript.

Trazendo uma nova abordagem, o Svelte nos entrega o JavaScript puro ou Vanilla JS, não trabalha com DOM Virtual, nos ajuda a escrever menos código, usa a criação de constantes e variáveis pra te ajudar a ter um conteúdo reativo e ainda tem um processo de criação de projeto simples. Gostou? Então vem conhecer um pouco mais sobre ele e acompanha essa aplicação que o Léo construiu do zero pra esse vídeo.

00:00:00 Fala, pessoal
00:00:23 Disclaimer 
00:01:27 Introdução e Configuração do Projeto
00:05:49 Componente Botão #01
00:12:02 Componente Calculadora
00:17:44 Componente Botão #02
00:26:46 Componente Botão #03
00:30:25 Componente Tela #01
00:36:46 Componente Tela #02
00:43:52 Componente Tela #03
00:45:21 Evento Click e Reatividade
00:51:10 Reatividade na Prática
01:00:16 Calculadora Model #01
01:12:01 Calculadora Model #02
01:19:35 Calculadora Model #03 e Conclusão

#svelte #javascript 

Curso Intensivo de Svelte - Aprenda SvelteJS em 1 Vídeo

Getting Started with Svelte Store: The Readable Store

Getting Started with Svelte Store: The Readable Store

💻 REPL: https://svelte.dev/repl/3a2939da085a42568ff27ef76034322a

#svelte #sveltestore

Thanks for watching 🥰

Getting Started with Svelte Store: The Readable Store

Mastering "The writable store" In Svelte Store

Mastering "The writable store" In Svelte Store

💻 REPL: https://svelte.dev/repl/1d64a42b052d449da6c0ae4dbaa3087c

#svelte #sveltestore

Thanks for watching 🥰 -- with love, Li Hau

Mastering "The writable store" In Svelte Store

Basic Introduction to Svelte Store

Svelte Store: The Introduction
In this video, I'll talk about how to share state across components.

The basic idea of a store, is that it exists beyond the application component structure.

We need a publish-subscribe mechanism in our store, such that we can publish changes from any component or any part of the code, and any component that uses the store can subscribe to those changes.
---

#svelte 

Thanks for watching 🥰

Basic Introduction to Svelte Store

Mastering Svelte Action: Use:lazyimage and Examples

Isn't it great to be able to apply an action to an image, to make it lazily loaded?

💻 REPL: https://svelte.dev/repl/7b15a89fb2dc48dc87a1ee7bce1c0e48

#svelte #svelteactions

Thanks for watching 🥰 -- with love, Li Hau

Mastering Svelte Action: Use:lazyimage and Examples