Aprender VueJS con 100 ejercicios prácticos

¿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