¿Qué quieres aprender?

Curso de Vue.JS

Curso de Vue.JS

EducacionIT

Curso online


Precio a consultar

Desde el auge del mobile, las empresas prefieren desarrollar aplicaciones reactivas. Este tipo de desarrollos ha predominado, lo vemos tanto en un sitio web, como en una app mobile; ya sea al 100% o en algunas partes. En cualquier caso necesitamos una herramienta que nos facilite este tipo de creaciones y nos permita reusar lo que ya hayamos hecho. El curso comienza con una introducción a los aspectos fundamentales del framework: los componentes, el ciclo de vida de los mismos, y el renderizado. Aprenderemos distintas formas de consumir información desde afuera y desde adentro del componente, y como la reactividad permite cambiar el estado de toda la aplicación. Usaremos los manejadores de eventos para comunicar cambios a otros componentes. También agregaremos mixins para incorporar funcionalidades en común a los componentes, sin repetir código.

Si ya estás usando una librería o framework (Ej.: jQuery, Angular), Vue JS es 100% compatible e incluso puedes usarlo en un desarrollo existente sin entrar en conflicto, y sin tener que volver a hacer todo desde cero.

¿Quieres hablar con un asesor sobre este curso?

A quién va dirigido

Este curso está orientado a maquetadores y desarrolladores Front-end, y a todas aquellas personas que deseen crear aplicaciones reactivas.

Requisitos

Se necesitan conocimientos básicos en: HTML5 o haber realizado el curso HTML5: Fundamentos de una página web JavaScript o haber realizado el curso Introducción a la programación en JavaScript

Temario completo de este curso

1. Introducción a Vue JS Estructura de una aplicación componentizada DOM Virtual y componentes Eventos Datos Aplicaciones reactivas del mundo real Facebook Whatsapp Componentes Utilización Concepto. Cómo crearlos ? Por qué conviene usarlos ? La aplicación como un componente de componentes Ciclo de vida Montaje vs. creación Actualización y sincronización Activacion y desactivacion 2. Vista Templates La necesidad de un ?parent? Template como parte del componente Usando un template externo Sintaxis para el template Atributos Expresiones Directivas Manejo de Datos Propiedades Usar atributos para setear propiedades Validación y valores por defecto Propiedades computadas o virtuales vs observadas Scopes Acceder a los datos del root y del parent Entregar datos a otros componentes Datos compartidos 3. Comportamientos Métodos Heredar y crear comportamientos Detectar eventos del teclado Mixins: técnica para importar comportamientos Eventos Invocar métodos en un evento Emitir eventos Escuchar eventos Formularios Directivas Asociar un campo a una propiedad Renderizar campos dependientes de otros Valores por defecto Eventos Validación en tiempo real Persistir datos Reconstruir el último estado formulario 4. Animaciones Manejo de estilos Estilos como atributos Clases CSS dinamicas Directivas Transiciones Renderizado condicional Utilidades Extension Incorporar una librería externa Enviar y recibir datos con AXIOS Herramientas Configuraciones iniciales para debug Extensión Vue Devtools para Chrome
Ver más