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.