Autoplay
Autocompletar
Lección previa
Completar y continuar
Svelte Desde Cero
Introducción
Introducción a Svelte (9:21)
Introducción a TypeScript (4:51)
Instalaciones Necesarias (5:08)
Diferencias entre JavaScript y TypeScript (11:29)
Repositorio del Curso
Fundamentos de Svelte
Creando un Proyecto de Svelte (8:25)
Extensiones Necesarias (8:54)
Estructuras de Archivos en Svelte (9:00)
HelloWorld en Svelte (4:42)
Estructura Básica de un Archivo (4:40)
Interpolación de Variables (5:45)
Eventos (8:41)
Estilos CSS (8:35)
Clases Reactivas (5:46)
Agregando TypeScript
Instalación Manual de TypeScript en Svelte (13:10)
Agregando Tipos (3:16)
Refactor con TypeScript (9:28)
Despliegue con GitHub y Netlify
Instalación de GIT (5:01)
Subiendo Proyecto a un Repositorio (10:23)
Desplegando Aplicación a Internet (11:39)
WebComponents
Creando Proyecto con TypeScript (9:51)
Teoría - Componentes Web (6:16)
Mi Primer Componente (8:41)
Props (8:23)
Independencia en Componentes (7:06)
Props Opcionales (4:24)
Estilos CSS y Componentes (7:45)
Bloque IF
Creando Proyecto (5:37)
Componente Necesario (6:32)
Contenido Dinámico (5:31)
Extendiendo Bloque IF (2:50)
Aplicación de Clima - Peticiones HTTP
Creando Proyecto (5:35)
Agregando Bootstrap al Proyecto (8:10)
Plantilla Estática (11:19)
API del Clima (8:12)
Peticiones HTTP (8:29)
Bloque Await (5:55)
Pintando Información Real (8:28)
Obteniendo Icono (3:39)
Aplicación de Clima - Formularios
Creando Formulario de Búsqueda (8:58)
Data Binding (5:25)
Custom Errors (5:40)
Catch (5:00)
Pantalla de Loading (2:57)
Modularizando Componentes (11:18)
Animaciones con Animate.css (7:29)
Error 404 con la API (9:48)
Agregando Tipos a las Peticiones HTTP (14:01)
Despliegue con GitLab y Netlify
Subiendo proyecto a GitLab (9:38)
Desplegando a Internet (3:53)
Aplicación de Cocktails - Bloque Each
Creando Proyecto (5:07)
Estructura de la Aplicación (5:51)
API de Cocktails (4:07)
AXIOS - Peticiones HTTP (9:51)
Consumiendo el API (6:11)
Recorriendo Arreglos en Svelte (7:46)
Contenido Dinámico (3:21)
Formulario de Búsqueda (6:16)
Buscador y Contenido Dinámico (7:10)
Transiciones de Svelte (11:19)
Despliegue en BitBucket y Netlify
Subiendo Archivos al Repositorio (8:53)
Despliegue a Internet (5:32)
Svelte Router
Introducción a la Sección (5:10)
Creando Proyecto (4:32)
Introducción a SPA (5:26)
Svelte SPA Router (6:14)
Mi Primer Ruta en Svelte (10:51)
Rutas Genéricas y Error 404 (5:03)
Componentes Globales (9:44)
Replace (7:05)
Push (6:50)
Login y Register Screen (3:44)
Link - Barra de Navegación (6:32)
Firebase Auth y Svelte
Introducción a Firebase (4:29)
Servicios en Firebase (6:50)
Creando Aplicación en Firebase (2:21)
Configuración de Firebase en Svelte (5:10)
Firebase 9 (6:29)
OAuth 2 - Google Auth Provider (8:50)
Animaciones de Bootstrap (1:56)
Login Screen (9:48)
Archivo Necesario
Google Auth Button (4:29)
Autenticación Real con Google (7:15)
Estados Globales - Primer Store (8:13)
Detección de Usuarios (8:05)
Cierre de Sesión (11:25)
Register Screen - Validaciones Simples (11:32)
Registro de Usuarios (4:55)
Login de Usuarios (5:49)
Store - Estados Globales
Archivo Necesario
Archivo de DB (5:45)
Products Store (10:52)
Lista de Productos (10:49)
Carritos de Compras - Store (6:47)
Carrito Dinámico (7:00)
Protección de Cart Page (9:27)
Detalle Sobre la App (3:25)
Calculando Totales (3:59)
Desglosando precios (9:07)
Botón de Pagos (4:36)
UUID - Generador de ID (4:26)
Página del Pedido (13:39)
Repaso Final de la Aplicación (2:14)
Firebase Hosting - Despliegue del Proyecto
Firebase Tools (8:23)
Configurando el Proyecto para Desplegar (4:51)
Firebase Deploy (6:03)
Sapper - SSR
Introducción a Sapper (4:18)
Sapper con TypeScript (10:50)
Analizando Archivos de Sapper (13:22)
Diferencia entre SPA y SSR (10:11)
Head Dinámico (7:44)
File Routing (6:57)
Subrouting (4:49)
Enlaces y Navegaciones (3:39)
Navegación con Goto (7:29)
Prefetching - Renderizado Previo (7:50)
¿Qué es PWA? (9:23)
Archivo Manifest (11:07)
Svelte, Webpack y LazyLoading
Creando un proyecto de Svelte y Webpack (11:26)
Configurando el Router (6:09)
Necesidad del LazyLoad (4:38)
LazyLoading en Rutas de Svelte (7:51)
Desplegando Aplicación con Webpack en Netlify (6:03)
SvelteKit - El Nuevo SSR
Crear un Proyecto de SvelteKit (8:27)
Demo App de SvelteKit (8:56)
Mi Primer Proyecto de SvelteKit (4:09)
Rutas y Navegaciones (8:51)
Layout (6:40)
Error 404 (3:42)
Page Params y Fallo con TypeScript (9:01)
Rutas Dinámicas (10:41)
Svelte Head - SEO (9:38)
Problema al Desplegar en Netlify (6:25)
SvelteKit en Producción (13:33)
SvelteKit - Proyecto HTTP
Introducción a la Sección (2:54)
Inicializando la App (4:09)
API de Imágenes (8:08)
Navbar de la Aplicación (6:34)
Estilos de Ruta Activa (10:38)
Error 404 (3:44)
Peticiones HTTP (8:42)
Endpoints Necesario (7:41)
Cargando Imágenes (13:53)
Paginación (8:40)
Página de Búsqueda (9:12)
Preparando las Búsquedas (12:10)
Búsqueda de Imágenes (11:40)
Paginación y Detalles Finales (6:48)
Despliegue de la Aplicación (7:18)
Sección Final
Clase Final
Introducción a SPA
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear