Aprender Vuejs con 100 Ejercicios Prácticos
Vázquez Vázquez, Ángel / Serrano Valero, Ramón
¿Se ha planteado en algún momento desarrollar aplicaciones SPA pero no ha sabido con qué framework iniciarse? Existen muchos, ¿verdad? Si le contara que la curva de aprendizaje de desarrollar aplicaciones en Vue es mucho menor que el tiempo invertido en aprender React o Angular, ¿se animaría? Vue, pese a llegar el último al mercado, ha adoptado las buenas prácticas de Angular...
Synopsis
¿Se ha planteado en algún momento desarrollar aplicaciones SPA pero no ha sabido con qué framework iniciarse? Existen muchos, ¿verdad? Si le contara que la curva de aprendizaje de desarrollar aplicaciones en Vue es mucho menor que el tiempo invertido en aprender React o Angular, ¿se animaría? Vue, pese a llegar el último al mercado, ha adoptado las buenas prácticas de Angular y React, además de aportar su granito de arena. Con Vue rápidamente podrá desarrollar desde las aplicaciones más sencillas hasta las más complejas. Solo deberá aprender el framework e incorporar otros conocimientos, como TypeScript. Gracias a los 100 ejercicios prácticos de este libro: o Aprenderá los principios básicos de Vue o Estudiará el framework o Conocerá el desarrollo orientado a componentes o Aprenderá la comunicación entre eventos o Utilizará almacenes de estados de los componentes mediante Vuex o Conectará con servidores remotos mediante Axios o Estudiará los distintos modos de compilación de aplicación y componentes o Reutilizará los componentes desarrollados en Vue, en otros frameworks o Realizará pruebas unitarias mediante Jest Si ya conoce otros frameworks, verá que Vue tiene muchas similitudes con el resto y le costará muy poco aprenderlo. Si no conoce ninguno, solo necesita saber JavaScript y HTML. Fácil, ¿no? ¡Anímese y aprenda Vue de un modo sencillo!
Í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
Artículos relacionados
