Aprender VueJS con 100 ejercicios prácticos

Оглавление

Angel Vazquez Vazquez. Aprender VueJS con 100 ejercicios prácticos

Presentación

Cómo leer. los libros “Aprender...”

Índice

¡Hola, Vue! LOS COMIENZOS

Configurar el entorno. PRIMEROS PASOS CON ATOM

Instancia Vue. MANEJO DE VARIABLES

Instancias Vue. GESTIONANDO MÁS DE UNA INSTANCIA

Ciclo de vida. FASES DEL CICLO DE VIDA

Data binding. VALORES Y VARIABLES

Watch. PROPIEDADES OBSERVADAS

Computed properties. EVITANDO EL RECÓMPUTO

Métodos. OPERANDO CON LAS PROPIEDADES

Componentes de la instancia. INSTANCIA VUE

Eventos. ESCUCHANDO EVENTOS

Renderizar HTML. HTML EN UNA PROPIEDAD

Vincular propiedades. USO DE V-BIND

Condicionales. USO V-IF Y V-ELSE

Listas. RENDERIZADO DE LISTAS

Enumeración de propiedades. V-FOR PARA OBJETOS

Filtros. MODIFICADORES DE VALOR

Renderizar solo una vez. DIRECTIVA V-ONCE

Mouse move. DIRECTIVA V-ON:MOUSEMOVE

Directivas personalizadas. DEFINIENDO UNA DIRECTIVA GLOBAL

Directivas personalizadas II. DIRECTIVAS CON ARGUMENTOS

Directivas personalizadas III. UTILIZANDO MODIFICADORES

Directivas personalizadas IV. DIRECTIVAS EN LA INSTANCIA

Componente. COMPONENTE

Componente parametrizables. REUTILIZABLES

Componente Tipo Propiedades. TIPOS DE PROPIEDADES

Cambiar valor de props. CAMBIO VALOR

Reactividad Data. REACTIVIDAD

Reactividad NextTick. NEXTTICK

Directiva v-show vs v-if. V-SHOW

V-CLOAK

Bucle v-for y key. V-FOR

Bucle atributos y rango. V-FOR

Peticiones Fetch. FETCH

ASYNC

Contexto This. THIS - FUNCIONES REGULARES Y ARROW

Promesas. PROMISE

Conjunto de Promesas. PROMISE ALL

Inline templates. DEFINIENDO PLANTILLAS DE COMPONENTES

Slots. CREANDO SLOTS

Transiciones/Animaciones I. USANDO CSS

Transiciones/Animaciones II. USANDO JAVASCRIPT

Instalación NodeJs. CONOCIENDO EL ENTORNO DE TRABAJO

Nuevo proyecto con Vue CLI 3

Estructura del proyecto. ESTRUCTURA DEL DIRECTORIO CREADO

Compilar en desarrollo y producción. MODOS

COMANDOS DE EJECUCIÓN

Variables de entorno y ejecución. VARIABLES DE ENTORNO

CLI Service scripts y servidor http. SCRIPTS

SERVIDOR HTTP

REPORT

MODERN

Componente – App, Librería y WC. TIPO DE COMPILACIÓN DE COMPONENTES

APP

LIB

WEB COMPONENT

Despliegue en Servidor de Aplicaciones. SERVIDOR DE APLICACIONES

Instalación Vue Router y Modos. SINGLE PAGE APPLICATION - SPA

VUE ROUTER

Carga óptima de Ruta y navegación. RUTAS

NAVEGACIÓN

Rutas dinámicas. DEFINICIÓN

RECEPCIÓN DEL PARÁMETRO

Rutas anidadas. RUTAS

Navegación desde código. NAVEGACIÓN

REPLACE

PUSH

GO

Protección global de rutas. GLOBAL BEFOREEACH

AFTEREACH

Protección en ruta y componente. NIVEL RUTA

NIVEL COMPONENTE

Vuetify Diseño menú lateral. INSTALACIÓN

MENÚ LATERAL

V-Toolbar y rutas de navegación. V-TOOLBAR

RUTAS

Crear Tablas. V-DATA-TABLE

Selección de filas en tabla. ACTUALIZAR CAMBIOS

SELECCIÓN FILAS

Comunicación Hijo a Padre y Snackbar $EMIT

SNACKBAR

Diseñar y visualizar ficha. ELEMENTOS VUETIFY

Vuex, primeros pasos. INSTALACIÓN

Vuex – Getters. GETTERS

Vuex – Mutaciones. MUTATIONS

Vuex – Acciones. ACTIONS

Vuex – Módulos. MÓDULOS

Vuex – Plugin Logger. VUEX LOGGER

Vuex – Persistencia estados al refrescar. VUEX-PERSIST

Vuex – Persistencia en Cookies. COOKIES

Vuex – Subscriptores. SUBSCRIBE

SUBSCRIBEACTION

Axios – Comunicación con Servidor. INSTALAR AXIOS

AXIOS GET

Axios – Cancelar solicitud. CANCELTOKEN

Axios – Interceptor de solicitudes. SOLICITUDES

Axios – Interceptor Respuestas. RESPUESTAS

ERRORES

Axios – Post. POST

Axios – PUT. PUT

Axios – Delete. DELETE

Comunicación – Padre – Hijo. PADRE - HIJO

Comunicación – Hijo – Padre. HIJO - PADRE

Comunicación – Hijo – Padre por Callback. FUNCIÓN CALLBACK

Comunicación – Entre hermanos. ENTRE HERMANOS

Comunicación – Bus de eventos. BUS DE EVENTOS

Comunicación – Mensajería Global. MENSAJERÍA GLOBAL

Comunicación bidireccional. BIDIRECCIONALIDAD

Formulario – Campo Texto. TEXTO

Formularios – Email con validación. EMAIL

Formularios – Fechas moment. FECHAS

Formularios – Opciones Checkbox. CHECKBOX

Formularios – Opción única Radiobutton. RADIOBUTTON

Formularios – Combobox. COMBOBOX ÚNICA OPCIÓN

COMBOBOX MÚLTIPLE OPCIÓN

Formularios – Campo Personalizado. CAMPO DIRECCIÓN

Formularios – Validación Vuelidate. VUELIDATE

Formularios – Validación personalizada. VUELIDATE PERSONALIZADO

VALIDAR FORMULARIO

Pruebas Unitarias – Jest. INSTALAR JEST

EJECUTAR PRUEBA UNITARIA

Pruebas Unitarias – Creación. PRUEBA UNITARIA

Pruebas Unitarias – Props. PROPSDATA

Pruebas Unitarias – Aislar componentes. VUETIFY

AISLAMIENTO

Pruebas Unitarias – Mock de Vuex. VUEX

Pruebas Unitarias – Router. ROUTER

Pruebas desde UI. INTERFAZ DE USUARIO

Отрывок из книги

APRENDER VUEJS CON 100 EJERCICIOS PRÁCTICOS

Los 100 capítulos que contiene este libro realizan un recorrido por los principios de desarrollo utilizando el framework de Vue. Es recomendable realizar los ejercicios en orden, sobre todo a partir del ejercicio 40, donde empieza la aplicación SPA mediante el CLI. Puede apoyarse en los ejercicios, ya implementados subidos en la plataforma Marcombo, plenamente funcionales.

.....

Rutas dinámicas

Rutas anidadas

.....