DevTalles

Introducción

¿Cómo funcionará el curso?

Instalaciones

Introducción

Temas puntuales

Inicio de proyecto - Bases de VueJS

Componentes, props y variables reactivas

Emitir eventos y manejo de estado

Directivas v-if, v-for

Composable functions

Ciclo de vida y peticiones HTTP

useFetch - Composable

Implementar useFetch

Genéricos y tipado estricto

Reactividad y caché

Código fuente

Repaso interactivo: Reforzamiento sobre Vue.js

Introducción

Temas puntuales

Nuxt - ¿qué es? y ¿por qué?

Mi primer proyecto en Nuxt

Estructura de directorios

Vue.js con SSR - Server Side Rendering

Estilos globales

Despliegue de SPA

Páginas basadas en directorios "File System"

Páginas de error

Navegación entre rutas - NuxtLink

Nuxt Layout - Plantillas

Organización de la carpeta pages

SEO Metatags - Configuraciones globales

Generación estática del sitio web

Código fuente

Repaso interactivo: Nuxt - Primeros pasos

Introducción

Temas puntuales

Demostración de la sección

Continuación

NuxtUI - Instalación y configuración

NuxtUI - Layout y errores

Bonus: iconos de iconify

Diseño principal del sitio web público

Footer - Pie de página

Página de login y registro

Pantalla de inicio - Estructura recomendada

Marquee y separadores

Cambiar el tema global

Extraños atributos - non-props

Diseño del panel administrativo

Páginas de productos

Página de producto individual

Código fuente

Repaso interactivo: NuxtUI - Estructuras y componentes

Introducción

Temas puntuales

Continuación de proyecto

Server endpoints

Aprovisionar base de datos

Prisma - NeonTech - Nuxt

Opcional - pnpm Nuxt y Prisma

Solución a la tarea

Código fuente