Vue.JS. Programa de Estudio.

Transcripción

1 Vue.JS Programa de Estudio

2 Vue.JS 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. Contenido del curso 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. PRÁCTICAS EN CLASE :: En este curso comenzaremos desarrollando un formulario de registro, para entender el uso básico de un componente y cómo reacciona ante cada acción del usuario. Veremos como validar datos en tiempo real, formatear los datos ingresados, mostrar u ocultar partes de la aplicación ante determinados eventos, etc. Luego ampliaremos esta funcionalidad haciendo un chat grupal similar a Whatsapp, informando a los usuarios quién está escribiendo, etc. Y finalmente podemos preservar el estado actual del componente, para regenerarlo en otro momento. Público Este curso está orientado a maquetadores y desarrolladores Front-end, y a todas aquellas

3 personas que deseen crear aplicaciones reactivas.cur- Salida Laboral Al finalizar el curso, te convertirás en Desarrollador Javascript con Vue JS. Al finalizar el curso, podrás aplicar a puestos de trabajo que requieran desarrollar aplicaciones web o mobile reactivas y donde se requiera mucha dinámica para el usuario final. 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 Modalidad de cursado Puedes tomar este curso en modalidad presencial o modalidad a distancia

4 En este curso aprenderás a Desarrollar aplicaciones 100% reactivas Crear componentes web reutilizables Manejar eventos entre componentes Actualizar todas las vistas según el estado de la aplicación Enviar y pedir datos a un servidor Compartir datos entre componentes Integrar componentes en una web ya existente

5 Plan de Estudios

6 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

7 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

8

9 Lavalle 648 Piso 8, Microcentro, CABA EducaciónIT. Copyright