Vue.js desde cero

Vue.js desde cero

0%
11 lecciones 1h 10m
En esta serie aprenderemos a utilizar Vue.js desde cero y cómo integrarlo en tus aplicaciones de Laravel.
Introducción a Vue.js
FREE
05:30

1. Introducción a Vue.js

En esta lección veremos lo fácil que es comenzar a utilizar Vue en nuestros proyectos y cómo crear nuestra primera aplicación con Vue.js.
Condicionales y loops
FREE
08:16

2. Condicionales y loops

En esta lección vemos la directiva v-text, los condicionales v-show, vi-if y v-else. Y también revisamos la directiva v-for para recorrer bucles.
Eventos y Métodos
FREE
12:05

3. Eventos y Métodos

En esta lección veremos cómo escuchar eventos, como cuando hacemos click a elementos del DOM o cuando presionamos una tecla.
Herramientas de desarrollo
FREE
03:36

4. Herramientas de desarrollo

En esta lección vemos cómo instalar Vue Devtools para una mejor experiencia de desarrollo con Vue.js.
Propiedades calculadas
FREE
05:52

5. Propiedades calculadas

En esta lección vemos qué son las propiedades calculadas o computed properties, y cuál es la principal diferencia con los métodos.
Clases CSS dinámicas
FREE
06:00

6. Clases CSS dinámicas

En esta lección simplificamos el botón para marcar las tareas como completas e incompletas con la ayuda de clases dinámicas.
Componentes
FREE
07:10

7. Componentes

En esta lección revisamos qué son y cómo utilizar los componentes de VueJS.
Componentes dentro de componentes
FREE
08:03

8. Componentes dentro de componentes

En esta lección creamos 2 componentes, uno para el listado de tareas, y otro para una tarea individual, con el objetivo de encapsular su comportamiento.
Agregando estilos a las tareas
FREE
03:53

9. Agregando estilos a las tareas

En esta lección vamos a agregar estilos a nuestra aplicación de tareas. Los estilos que utilizaremos son los que se utilizan en los ejemplos de TodoMVC.
Eliminar tareas
FREE
02:39

10. Eliminar tareas

En esta lección vemos cómo eliminar tareas accediendo a los datos del componente padre, y ocultamos el parte del html cuando no hay tareas que mostrar.
Editar tareas
FREE
06:58

11. Editar tareas

En esta lección permitimos editar tareas, cancelar una edición y también eliminar la tarea cuando se ha borrado todo el contenido de la misma.

Otros cursos que te pueden interesar

Desarrollo Full-Stack con Laravel, Next.js y Digital OceanFundamentos de Tailwind CSSFundamentos de Laravel 9Aprende Laravel Livewire desde ceroDesarrollo de una API con LaravelAprende Laravel IntermedioDesarrollo de paquetes para Laravel & PHPAprende Laravel desde ceroConstruyendo un SPA con Vue.js & LaravelMastering AuthenticationDesarrollo de un blog con manejo de roles y permisosNotificaciones