Scribd
Cargar
240 vistas8 páginas

Curso de Curso de Vue Js PDF

Este curso enseña el framework Vue.js para crear aplicaciones web reactivas usando componentes. Cubre temas como creación de componentes, ciclo de vida, manejo de datos, eventos, formularios, animaciones y más. Incluye prácticas para desarrollar un chat y formulario.

Cargado por

montblack_o2
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
240 vistas8 páginas

Curso de Curso de Vue Js PDF

Este curso enseña el framework Vue.js para crear aplicaciones web reactivas usando componentes. Cubre temas como creación de componentes, ciclo de vida, manejo de datos, eventos, formularios, animaciones y más. Incluye prácticas para desarrollar un chat y formulario.

Cargado por

montblack_o2
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 8

Vue.

JS

Programa de Estudio

www.educacionit.com
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.

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 online - en vivo

www.educacionit.com
¿Qué aprenderás?
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

www.educacionit.com
Plan de Estudios

www.educacionit.com
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
www.educacionit.com
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
www.educacionit.com
Extensión Vue Devtools para Chrome

www.educacionit.com
Lavalle 648 Piso 8, Microcentro, CABA
TEL_PRINCIPAL
[email protected] www.educacionit.com
EducaciónIT. Copyright 2005-2022

También podría gustarte