Curso gratis en línea sobre programación con Vue.JS

En este curso de programación, darás tus primeros pasos con Vue.js en ejercicios y utilizarás el marco JavaScript de Vue.js de la manera más sencilla posible para que puedas aprender desde cero.

Este curso gratuito fue creado e impartido por Andrés Cruz Yoris en Udemy. Aquí aprenderá a comprender elementos básicos como condiciones, bucles, propiedades, métodos y eventos.

Este curso es para cualquier persona que quiera comenzar a usar Vue rápidamente, pero se recomiendan algunos conocimientos básicos de HTML y JavaScript, así como Bootstrap. Es decir, se puede dedicar principalmente a quienes estudian o trabajan en el campo de la programación y el desarrollo de aplicaciones.

También necesita una computadora y una conexión a Internet estable para hacer contenido en línea.

En este curso que consta de 7 partes, 51 lecciones y una duración total de 5 horas, dirigido por el instructor y maestro maestro Andrés Cruz Yoris, aprenderá a utilizar los componentes básicos de Vue (como condiciones, bucles, eventos, enrutamiento) para pequeños ejercicios, propiedades Vue, métodos, componentes, relojes, monturas, espectáculos en V, rutas, tragamonedas y accesorios; vídeo nuevo cada semana.

El objetivo es un desarrollo de aplicaciones progresivas rápido y sencillo con Vue. En poco tiempo, podrá realizar pequeños ejercicios y resolver problemas simples que pueden requerir un desarrollo de código adicional utilizando otros marcos como jQuery.

Tendrá los materiales y recursos para acceder y completar el contenido del curso en línea.

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!

Accede al curso usando este enlace.