Svelte.js y Firebase: edición Pokedex

¿Qué es Svelte?

Al igual que React y Vue, Svelte es un marco de JavaScript que ofrece un enfoque productivo para hacer que las interfaces frontend sean fáciles de construir. La mayor ventaja técnica de Svelte es JavaScript de alto rendimiento, compatible con el navegador, con paquetes pequeños.

¿Por qué utilizar Svelte.js?

Si está buscando un marco de Javascript eficiente con una buena curva de aprendizaje para crear aplicaciones de front-end, le encantará jugar con Svelte. Este marco proporciona un enfoque de codificación fluido y ligero que abre nuevos horizontes para desarrolladores principiantes y mayores.

Svelte / Firebase, ¿una buena combinación?

Como ya sabrá, Firebase le ofrece la oportunidad de crear una aplicación sin servidor. Significa que no necesita codificar ningún back-end. Es más, esto es gratis! ¿Qué tan asombroso es eso? Combinado con Svelte hace que este curso sea aún más interesante para aquellos que desean crear una aplicación de front-end.

Cual es nuestro programa?

En este curso, te enseñaré a manejar Esbelto y Firebase codificando un Pokedex! ¿Por qué? Porque nos proporciona una base de datos ya hecha (Te proporcionaré un JSON para usar durante el curso.) que inyectaremos dentro de nuestra aplicación Front-End directamente desde Firebase.

En cuanto a Svelte, aprenderá:

• Mecánica, lógica y ciclos de vida esbeltos,
• Añadiendo datos,
• Atributos dinámicos,
• Condiciones, clave, eventos DOM ...
• Estilo
• Componentes anidados,
• Relaciones de componentes y vistas,
• Asignaciones, declaraciones, declaraciones,
• Actualizando valores,
• Declarando accesorios,
• Administrar tiendas ...

Pero no solo. Utilizaré mis habilidades superiores para mostrarte cómo diseñar correctamente una aplicación de front-end. En detalle, esta es nuestra hoja de ruta:

• Instalación y configuración esbelta,
• Enrutamiento con Routify,
• Configuración del proyecto de Firebase,
• Inicialización de FireAuth, FireStore y FireDatabase,
• Autenticación, guardias de rutas y sesiones,
• Módulos JavaScript y arquitectura Front-End,
• Diseño de interfaz API,
• Vistas y lógica de componentes en Svelte,
• Diseño CSS con Tailwindcss,
• Autocompletar para pokemons,
• Listado de pokemons,
• Los pokemons favoritos de la tienda…

Este es un programa completo y todo esto en menos de 2 horas.

Svelte es un enfoque radicalmente nuevo para crear interfaces de usuario […] Como todos sabemos, la popularidad de Svelte es en este momento mucho menor que otros frameworks / bibliotecas JS como React.js o Vue.js, pero esa no es razón para que Svelte pierda el juego.

Esbelto. ¿Cuál es su opinión sobre el framework JS ligero? por Dennis Frijlink

Entonces, si está listo, ¡únase a este curso!