Aprender Vuejs con 100 Ejercicions Practicos

Índice

¡Hola, Vue!..................................................................... 14
Configurar el entorno................................................... 16
Instancia Vue................................................................ 18
Instancias Vue............................................................... 20
Ciclo de vida................................................................. 22
Data binding................................................................. 24
Watch............................................................................ 26
Computed properties.................................................... 28
Métodos........................................................................ 30
Componentes de la instancia....................................... 32
Eventos.......................................................................... 34
Renderizar HTML.......................................................... 36
Vincular propiedades.................................................... 38
Condicionales............................................................... 40
Listas.............................................................................. 42
Enumeración de propiedades....................................... 44
Filtros............................................................................ 46
Renderizar solo una vez................................................ 48
Mouse move.................................................................. 50
Directivas personalizadas.............................................. 52
Directivas personalizadas II.......................................... 54
Directivas personalizadas III......................................... 56
Directivas personalizadas IV......................................... 58
Componente................................................................. 60
Componente parametrizables....................................... 62
Componente Tipo Propiedades.................................... 64
Cambiar valor de props................................................. 66
Reactividad Data........................................................... 68
Reactividad NextTick.................................................... 70
Directiva v-show vs v-if................................................ 72
Bucle v-for y key........................................................... 74
Bucle atributos y rango................................................. 76
Peticiones Fetch............................................................ 78
Contexto This............................................................... 80
Promesas....................................................................... 82
Conjunto de Promesas.................................................. 84
Inline templates............................................................ 86
Slots............................................................................... 88
Transiciones/Animaciones I.......................................... 90
Transiciones/Animaciones II......................................... 92
Instalación NodeJs........................................................ 94
Nuevo proyecto con Vue CLI 3..................................... 96
Estructura del proyecto................................................. 98
Compilar en desarrollo y producción......................... 100
Variables de entorno y ejecución................................ 102
CLI Service scripts y servidor http.............................. 104
Componente - App, Librería y WC............................ 106
Despliegue en Servidor de Aplicaciones..................... 108
Instalación Vue Router y Modos................................. 110
Carga óptima de Ruta y navegación........................... 112
Rutas dinámicas.......................................................... 114
Rutas anidadas............................................................ 116
Navegación desde código............................................ 118
Protección global de rutas........................................... 120
Protección en ruta y componente.............................. 122
Vuetify Diseño menú lateral....................................... 124
V-Toolbar y rutas de navegación................................. 126
Crear Tablas................................................................. 128
Selección de filas en tabla........................................... 130
Comunicación Hijo a Padre y Snackbar..................... 132
Diseñar y visualizar ficha............................................ 134
Vuex, primeros pasos.................................................. 136
Vuex - Getters............................................................. 138
Vuex - Mutaciones...................................................... 140
Vuex - Acciones.......................................................... 142
Vuex - Mo?dulos.......................................................... 144
Vuex - Plugin Logger ................................................. 146
Vuex - Persistencia estados al refrescar....................... 148
Vuex - Persistencia en Cookies................................... 150
Vuex - Subscriptores................................................... 152
Axios - Comunicación con Servidor.......................... 154
Axios - Cancelar solicitud........................................... 156
Axios - Interceptor de solicitudes............................... 158
Axios - Interceptor Respuestas.................................... 160
Axios - Post................................................................. 162
Axios - PUT................................................................. 164
Axios - Delete.............................................................. 166
Comunicación - Padre - Hijo..................................... 168
Comunicación - Hijo - Padre..................................... 170
Comunicación - Hijo - Padre por Callback................ 172
Comunicación - Entre hermanos............................... 174
Comunicación - Bus de eventos................................. 176
Comunicación - Mensajería Global........................... 178
Comunicación bidireccional...................................... 180
Formulario - Campo Texto......................................... 182
Formularios - Email con validación........................... 184
Formularios - Fechas moment.................................... 186
Formularios - Opciones Checkbox............................. 188
Formularios - Opción única Radiobutton.................. 190
Formularios - Combobox........................................... 192
Formularios - Campo Personalizado.......................... 194
Formularios - Validación Vuelidate............................ 196
Formularios - Validación personalizada..................... 198
Pruebas Unitarias - Jest............................................... 200
Pruebas Unitarias - Creación...................................... 202
Pruebas Unitarias - Props............................................ 204
Pruebas Unitarias - Aislar componentes..................... 206
Pruebas Unitarias - Mock de Vuex.............................. 208
Pruebas Unitarias - Router.......................................... 210
Pruebas desde UI......................................................... 212

Comentarios