Tutorial Vuejs: Evaluación test de conocimientos Vuejs

Te presentamos una evaluación tipo test que abarcará desde los conceptos más básicos hasta los más avanzados que hemos visto juntos.

Este reto está diseñado para que puedas identificar tus fortalezas y detectar áreas donde aún puedes mejorar. Te invitamos a que repases si lo consideras necesario, y luego afrontes la evaluación con confianza. Es una excelente oportunidad para consolidar tus conocimientos y asegurarte de que estás listo para avanzar al siguiente nivel en el desarrollo con Vue.js. 

Temas que se tratarán en el test:

1. Introducción a Vuejs y su ecosistema
   • Conceptos básicos de Vuejs
   • Ecosistema de Vuejs
   • Comparaciones frente a otros frameworks de programación
2. Instalar y configurar Vue con Vite
   • Requisitos previos (Node.js y npm)
   • Introducción a Vite
   • Creación de proyecto hola mundo en Vue con Vite
   • Estructura de un proyecto Vue
3. Introducción a la sintaxis de plantillas
   • ¿Qué es la Sintaxis de Plantillas en Vue.js?
   • Expresiones en Plantillas
   • ¿Qué es una directiva y para qué sirve?
   • Uso de la directiva v-bind
4. Introducción a componentes
   • ¿Qué es un componente en Vuejs?
   • Componentes de un único archivo (SFC)
   • Registro y renderizado de componentes
   • Convenciones de nombres y organización de archivos y carpetas
5. Componentes con Options API
   • ¿Qué es la Options API?
   • Estructura Básica de un Componente con Options API
   • Definición del Estado con data
   • Definición de Métodos con methods
   • Propiedades computed
   • Observadores con watch
6. Componentes con Composition API
   • ¿Qué es la Composition API?
   • Estructura básica de un componente con Composition API
   • Uso de reactividad con ref y reactive
   • Propiedades computed
   • Observadores con watch y watchEffect
7. Renderizado condicional con v-if
   • ¿Qué es el Renderizado Condicional?
   • Uso básico de v-if
   • Manejo de múltiples condiciones con v-if, v-else y v-else-if
   • Diferencia entre v-if y v-show
   • Buenas prácticas y consideraciones
8. Renderizado iterativo con v-for
   • ¿Qué es el Renderizado Iterativo?
   • Uso básico de v-for
   • Manejo de claves únicas con key
   • Iteración sobre objetos
   • Manipulación de elementos en listas
9. Props y comunicación entre componentes
   • Introducción a las Props en Vuejs
   • Declaración y Uso de Props
   • Tipos de Props y Validación
   • Manipulación de Datos Recibidos como Props
   • Ejemplos de Comunicación entre Componentes
10. Manejo de eventos en Vue con v-on * Introducción a la directiva v-on * Manejo de eventos de clic * Manejo de eventos de teclado * Uso de modificadores de eventos * Eventos personalizados con $emit
11. Binding bidireccional con v-model y defineModel * ¿Qué es el Binding Bidireccional? * Uso Básico de v-model * Introducción a defineModel * Cuándo usar v-model y cuándo defineModel
12. Estilización de componentes * Introducción a la Estilización en Vue.js * Estilos en Línea * Clases CSS dinámicas, computed * Estilos scoped * Introducción y uso de CSS Modules
13. Reactividad con ref y reactive * Introducción a la Reactividad en Vuejs * Uso de ref para Variables Reactivas * Uso de reactive para Objetos y Estructuras Complejas * Diferencias entre ref y reactive
14. Ciclo de vida con Composition API * ¿Qué es el Ciclo de Vida de un Componente? * Comparación de Composition API con la Options API * Lista de todos los hooks de ciclo de vida de API Composition * Uso de onMounted y uso de onUnmounted
15. Uso avanzado de Composition API provide e inject * Introducción a provide e inject y para qué sirven * Uso Básico de provide e inject en la Composition API * Uso avanzado de provide e inject en la Composition API
16. Introducción a los Composables * ¿Qué son los Composables? * Creación de un Composable Básico * Uso de reactive en Composables * Uso de computed en Composables
17. Uso avanzado de Composables * Composición y Encadenamiento de Composables * Inyección de Dependencias en Composables * Creación de Composables con async y await
18. Introducción a Vue Router * ¿Qué es Vue Router? * Instalación y Configuración de Vue Router * Creación de rutas simples * Uso de router-view para renderizar vistas
19. Definición y manejo de rutas * Configuración y definición de rutas en el archivo router.js * Definición de rutas con nombres * Uso de parámetros de rutas y query strings * Manejo de rutas con props * Creación de rutas con alias
20. Rutas anidadas y dinámicas * Definición de rutas anidadas y su utilidad en aplicaciones complejas * Configuración de rutas hijo (child routes) * Uso de múltiples <router-view> para manejar vistas anidadas * Configuración de rutas dinámicas con parámetros variables (params) * Manejo de rutas dinámicas con múltiples parámetros * Carga condicional de componentes basada en parámetros de rutas
21. Navegación programática y redirección * Uso de métodos router.push() y router.replace() para navegación programática. * Pasar parámetros y query strings en la navegación programática. * Navegación programática con rutas dinámicas. * Control de la navegación con beforeEach y beforeResolve. * Implementación de redirecciones automáticas y condicionales.
22. Solicitudes HTTP con Fetch API * ¿Qué es la API Fetch? * Realizar una solicitud GET * Realizar una solicitud POST * Realizar una solicitud PUT y PATCH * Realizar una solicitud DELETE * Manejo de errores con API Fetch
23. Solicitudes HTTP con Axios * Qué es Axios y cómo se instala en un proyecto de Vuejs * Realizar una solicitud GET * Realizar una solicitud POST * Realizar una solicitud PUT y PATCH * Realizar una solicitud DELETE * Manejo de errores con Axios
24. Introducción a Suspense * ¿Qué es Suspense en Vue.js? * Configuración Básica de Suspense * Uso de Suspense con Componentes Asíncronos * Integración de Suspense con Fetching de Datos * Combinación de Suspense con Otros Composables