Curso sobre programación con Vue.JS

En este curso sobre programación, darás tus primeros pasos con Vue.js en ejercicios, trabajarás con el framework JavaScript Vue.js de la manera más fácil para que puedas aprender desde cero.

Este curso gratuito está creado e impartido por Andrés Cruz Yoris a través de Udemy. Aquí aprenderás a conocer los elementos fundamentales como condicionales, ciclos, atributos, métodos y eventos.

¿A quién está dirigido el curso sobre programación con Vue.JS?

Este curso está dirigido a cualquier persona que quiera tener una visión rápida de Vue, pero es recomendable que tenga ciertos conocimientos básicos sobre HTML y JavaScript, al igual que de Bootstrap. Es decir, puede estar dedicado sobretodo a aquellos que estudian o trabajan áreas de programación y desarrollo de aplicaciones.

Además deberás contar con un ordenador y conexión estable a Internet para poder realizar el contenido de forma online.

¿Qué aprenderás en el curso sobre programación con Vue.JS?

En este curso de 7 secciones, 51 clases, 5 horas de duración total y de la mano de Andrés Cruz Yoris, como instructor y profesor principal, aprenderás a hacer pequeños ejercicios con Vue explotando sus componentes básicos como lo son los condicionales, los ciclos, los eventos, los enrutados, los atributos, los métodos, los componentes, los watch, los binding, los v-show, routing, los slots y los props en Vue; todas las semanas un nuevo vídeo.

Con el objetivo de brindar una entrada rápida y directa al desarrollo de aplicaciones progresivas con Vue. En poco tiempo podrás hacer pequeños ejercicios y resolver problemas sencillos que con otros framework como jQuery, podrían requerir desarrollar más códigos.

Dispondrás tanto de materiales y recursos para poder acceder y realizar el contenido del curso de forma online.

Los temas a tratar a lo largo del curso:

Vue básico:

• Mini Curso para Vue: Extensión de Master CodeIgniter
• Primeros pasos con Vue
• Computados y métodos con Vue
• Condicionales y bucles con Vue
• Renderizado HTML y atributos en Vue
• Eventos en Vue
• Los v-modals en Vue
• Los watch (observadores) en Vue
• v-bind class en Vue
• v-show vs v-if

Componentes y Rutas:

• Enrutado y SPA en Vue
• Router y componentes
• Instalar Bootstrap y clonar componente
• Embeber componentes
• Cómo hacer redirecciones con Vue Router
• Rooting por defecto
• Mounted() para obtener información sobre el path
• Los Slots en Vue parte 1 y parte 2

Más características de Vue:

• Índices de los for
• Filtro para los arrays
• Filtro para los arrays de objetos
• Los Props en Vue para pasar datos entre componentes
• Valor por defecto en los props
• Atributo index de los for

Filtros de componentes:

• Crear un filtro para los select
• Creación de un filtro para un array de objetos parte 1 y 2
• Filtro para las edades compuestos parte 1 y 2

Códigos fuentes

Vue NPM primeros pasos y entendiendo la estructura de un proyecto Vue Cli:

• Introducción – Instalar Node.js y Vue Cli
• Primera y segunda aplicación en Vue CLI: terminal y UI
• Manejo de paquetes y dependencias en Node (NPM)
• Crear e importar módulos en Node
• Module Bundler (WebPack) para empaquetar nuestras aplicaciones
• Incluyendo Vue en nuestra aplicación
• Empaquetando archivos con extensión Vue
• Vue, Babel y el JavasCript 6 y superior
• Creando una sencilla micro app en NPM/Vue
• Instalar y emplear el webpack-dev-server
• Instalación babel y derivados en nuestro proyecto

Primeros pasos con Vue Cli:

• Entendiendo el Hot Module Replacement de Vue
• Aplicación de contador
• Transiciones en Vue
• Aplicación de modal: Definir el botón
• La aplicación de modal: Crear el overlay del modal
• Aplicación de modal: Crear el modal
• La aplicación de modal: Crear las transiciones
• Código fuente de la sección
• Más contenido!

Acceso al curso sobre programación con Vue.JS

Accede al curso sobre programación con Vue.JS siguiendo el enlace anterior. Tanto la inscripción como la participación están habilitadas de forma completamente gratuita.

Al finalizar el curso, no podrás obtener un certificado de tus estudios.