Vuejs 2 y Vuex desde 0 con las mejores prácticas
Información
Udemy
Online
Curso
Conocer las bases de Vuejs 2 de forma correcta y completa paso a paso Utilizar Vuex de forma completa para manejar el estado de datos de forma centralizada Manejar el Router de forma completa, eventos, proteger rutas y todo lo necesario Utilizar Vue Cli 3 y la nueva interfaz de Vuejs para manejar los proyectos de forma completa Conectar con API's para realizar todas las operaciones HTTP, GET, POST, PUT y DELETE Desarrollar una página de productos con un carrito de compras y actualizar los datos sin refrescar Poner nuestra aplicación en producción utilizando un Bucket de Amazon en pocos minutos Persistir datos con Vuex en el navegador utilizando LocalStorage o IndexedDB Desarrollar un sistema para autenticar usuarios y persistir con Vuex Trabajo con formularios avanzados utilizando el Plugin VeeValidate Desarrollar un completo buscador con Vuex y Getters Trabajando con Transitions en Vuejs A quién va dirigido Desarrolladores que deseen aprender a utilizar Vuejs 2 con Vuex, posiblemente el mejor Framework JavaScript en la actualidad para el desarrollo de aplicaciones SPA, SSR, PWA y MOBILE de forma rápida, ordenada y optimizada. Requisitos Conocimientos de HTML Conocimientos de JavaScript y ES6 Experiencia en desarrollo web Temario completo de este curso Contenido del curso ¿Qué vamos a hacer? Archivos de la sección Instalar dependencias Entendiendo Vuejs 2 IDE's y editores de texto recomendados Hola Mundo Nuestro primer componente Computed Properties Métodos Data Binding con v-model Data Binding con v-model utilizando Arrays Emitir eventos a componentes padres con $emit Acceso a datos del componente padre Acceso a datos del componente hijo utilizando referencias Ejecutar métodos del componente hijo utilizando referencias Introducción a los formularios, ejemplo básico de login Bucles con la directiva v-for Condicionales con la directiva v-if Slots, definiendo secciones para poder sobrescribir, ejemplo de Layout Watchers, haciendo cosas cuando algún dato cambie, peticiones HTTP GET con Fetch Computed Properties con getters y setters Carga de componentes dinámicos con el componente component Mixins, añadiendo funcionalidad extra a nuestros componentes Desarrollar nuestra primera directiva, dando el foco a inputs Directiva para aplicar estilos a componentes pasando parámetros Desarrollar un filtro con paso de parámetros para establecer la Currency Desarrollar un plugin con argumentos para mostrar el perfil de un usuario Props, paso de datos a componentes al utilizarlo, tipos y validación Props VS Data y reactividad Archivos de la sección Instalar Vue Cli 3 y crear nuestro primer proyecto con Vue UI Entendiendo un proyecto creado con Vue Cli Introducción a Vuex Definir la tienda de datos con Vuex, state y mutations Crear el componente Counter y cómo lo podemos utilizar en otros componentes Primera sión del componente Counter accediendo a Vuex Segunda sión componente Counter, mapState y mapMutations Archivos de la sección Crear proyecto con Vue UI Instalar VuePaginate, BootstrapVue y configurar ambas dependencias cómo plugins Iniciar un módulo con Vuex para manejar los productos de la aplicación Acciones del módulo Products haciendo petición HTTP con Async y Await Definir la lógica del listado de productos Primera sión del listado de productos paginados con Bootstrap 4 Crear componente que representa un producto y utilizarlo en un bucle v-for Componente con Slots para definir un Layout para nuestra tienda Iniciar el módulo Vuex del carrito de compras y desarrollar mutaciones Crear un Getter con Vuex en el módulo Cart para calcular el coste total Añadir productos al carrito con Vuex desde el listado de productos Iniciar componente Carrito y definir la lógica Finalizar componente Cart, trabajo en la template con b-table Archivos de la sección Crear y levantar servidor Fake con JSON SERVER Crear proyecto con Vue UI, instalar Axios, VueAxios, BootstrapVue y Vuelidate Explicación del proyecto y el Router de Vuejs Desarrollar plugins para utilizar las dependencias instaladas Iniciar módulo Todos, definir estado, getters y mutaciones Consumir la API utilizando VueAxios a través de Acciones con Vuex Finalizar Acciones para consumir la API y pasar el módulo Todos a la Store Vistas, rutas y modificar el componente APP con la nueva navegación Iniciar el componente TodoList para listar tareas Iniciar componente TodoItem y escribir la lógica necesaria Finalizar componente TodoItem, escribir la template y utilizar en TodoList Finalizar la vista de Todos con botones de Acción Desarrollar lógica del Componente TodoForm Desarrollar template del Componente TodoForm con Vuelidate Alta de todos utilizando el Componente TodoForm Actualizar todos utilizando el Componente TodoForm Archivos de la sección Persistir Vuex en LocalStorage Persistir Vuex en IndexedDB, ideal para PWA's Información importante: Configuración CORS Cloudfront S3 y Política Bucket Solucionar problema política bucket público en S3 Poner la aplicación en Producción en un Bucket de Amazon S3 Utilizar CloudFront con Bucket de S3 para añadir certificado HTTPS Archivos de la sección ¿Qué vamos a hacer? Crear proyecto e instalar dependencias a utilizar Middleware JSON SERVER para iniciar sesión Configurar plugins VeeValidate, VuexPersist y Bootstrap Vue Iniciar módulo de autenticación, estado y mutaciones Acción para iniciar sesión con Vuex Lógica para añadir un preloader al iniciar sesión Desarrollar navegaciones para invitados y usuarios identificados Utilizar navegaciones para invitados y usuarios identificados en App Configurar preloader en App Iniciar componente formulario de login con paso y validación de props Finalizar componente formulario de login, template Crear View Login y utilizar componente login form Crear mixin para mostrar errores de formulario con VeeValidate y BootstrapVue Extender VeeValidate con validación para fortaleza de password Procesar formulario de login y persistir módulo Auth en localStorage Rutas y rutas hijas, desarrollando los componentes Secret y Notes Refactorizar rutas en un archivo separado Evento BeforeEach de VueRouter para controlar rutas públicas y privadas Archivos de la sección ¿Qué vamos a hacer? Crear proyecto y Setup rápido para iniciar Componente activity personal data y utilizar Mixins desde componentes hijos Inyectar VeeValidate en componentes hijos para que funcione Alias en VeeValidate Componente tipos de actividad Carga de componentes dinámicos a través de campo de selección Campo checkbox para aceptar condiciones Botones para restablecer datos, limpiar errores y hacer submit Enviar formulario a servidor para guardar datos Poner el formulario en modo edición recuperando datos de JSON SERVER Archivos de la sección ¿Qué vamos a hacer? Crear proyecto e instalar dependencias a utilizar Trabajo con Vuex, estado y mutaciones Definir un Getter para realizar búsquedas sobre el estado Aprender a utilizar y cargar hojas de estilo Stylus con Vue Desarrollar la lógica del componente Buscador Desarrollar la template del Buscador, formulario con varios tipos de campos Desarrollar la lógica del componente Listado de coches Desarrollar la template del componente Listado de coches más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Aprender qué es una red ip, y realizar operaciones básicas con direcciones ip: calcular dirección de red/host/broadcast... sentar una base sólida sobre el modo en...
Mainframe IBM en tu PC
(Udemy)
Crear entorno en la pc... alojamientos de las bibliotecas a usar... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Temario completo de este curso contenido del curso... ¿qué son los host virtuales?... configuración de host virtuales... configuración básica de apache...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Temario completo de este curso contenido del curso... modificación de conducta (parte 4): desensibilización de las salidas... implementación conjunta de la modificación...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Temario completo de este curso contenido del curso... requisitos curso 1: de preferencia tener un nivel básico de francés... niños y adultos que quieran leer y escuchar...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Temario completo de este curso contenido del curso... las métricas del call center... tener idea de qué es un call center... crearán visualizaciones analíticas de...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
Podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente disfrutar dibujando...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Graphql configurando los resolvers instalando mongodb en windows 10 instalando mongodb en mac instalando mongoose mutation: crear registros en mongodb instalando...