Styde es una nueva comunidad de desarrollo web en español. Con nosotros podrás aprender Laravel, PHP y otras tecnologías, desde tutoriales básicos gratuitos hasta cursos avanzados a bajo costo, de la mano de profesionales con años de experiencia.
Vue.js es un framework progresivo de JavaScript que nos permite agregar desde widget dinámicos a páginas y proyectos ya existentes hasta desarrollar un single page application o SPA desde cero. Vue es además muy fácil de aprender y cuenta con una excelente documentación y comunidad, así como con el apoyo de Laravel.
Así que si estás buscando un framework o library de JavaScript para crear proyectos más dinámicos, has llegado al lugar indicado, puesto que en las siguientes lecciones te explicaré paso a paso y de forma muy detallada todos los features que necesitas para crear desde pequeños componentes dinámicos hasta comenzar el desarrollo de un SPA con Laravel y Vue.
- Introducción a Vue.js 2 - 2:52
- Vue.js vs jQuery, parte 1 - 9:55
- Vue.js vs jQuery, parte 2 - 12:59
- Primeros pasos con Vue 2 - 6:40
- Interpolaciones y directivas - 12:40
- Mostrar y ocultar elementos con v-if, v-else, v-else-if y v-show - 16:40
- Estilos y clases de CSS dinámicos - 17:58
- Listado de elementos con v-for - 14:06
- Manejo de eventos - 10:57
- Uso de filtros en interpolaciones - 7:05
- Diferencias entre métodos, computed properties y filtros - 9:43
En las siguientes lecciones aprenderemos a crear una pequeña aplicación CRUD y a manejar arrays de registros de forma dinámica con Vue.
- Introducción - 4:40
- Listado - 7:17
- Creación - 1:31
- Actualización - 5:13
- Eliminación - 2:46
En esta parte del curso aprenderás todo sobre la creación, uso y comunicación entre componentes.
- Creación del primer componente - 4:23
- Representar un registro como un componente - 11:05
- Separación de datos entre el modelo y la vista - 9:25
- Comunicación entre componentes con eventos personalizados - 4:14
- Comunicación entre componentes con "Event Bus" - 5:23
- Introducción a vue-cli y webpack - 13:38
- Componentes de un solo archivo con webpack y vue-loader - 17:43
- Uso de ES6 con webpack y Babel - 10:20
- Práctica adicional de componentes - 9:13
- Agregando estilos a los componentes - 8:56
- Modularizar el CSS con scoped o CSS modules - 8:07
- Uso de Sass - 8:31
- Instalando Bootstrap Sass con webpack - 7:34
- Extraer CSS con webpack y vue-loader - 4:12
- Reduciendo el tamaño del CSS en 90% - 8:09
- Organización de los componentes - 20:00
- Instalación y uso de Vue Router - 9:34
- Personalizar el estilo del menú de Vue Router - 6:09
- Rutas dinámicas con vue-router - 10:15
- Manejo de estado básico con Vue - 8:07
- Manejo de errores 404 con vue-router - 8:40
- Rutas anidadas o sub-rutas con vue-router - 6:14
- Rutas con nombre en vue-router - 9:15
- Modo historia HTML5 - 11:55
- Creación de tareas con vue-router - 14:45
- Acciones para completar y eliminar tareas - 8:05
- Edición de registros con vue-router (SPA) - 7:35
- Render Functions, parte 1 - 11:15
- Render Functions, parte 2 - 4:10
- Reactividad con Vue.js - 10:40
- Introducción a Vuex: El problema - 8:00
- Introducción a Vuex: La solución - 7:35
- Introducción a Vuex: Integración con Vue y helpers - 13:40
- Integrando Vuex en una SPA con Vue.js 2 - 18:15
- Uso de Promesas en JavaScript - 8:40
- Manejo de acciones asíncronas con promesas en Vuex - 14:00
Laravel desde cero
- Programación orientada a objetos
- Primeros pasos con Laravel 5.*
- Curso de Laravel 5.1
- Crea una aplicación con Laravel 5.3
- Curso básico de Eloquent ORM
Laravel y PHP avanzado
- Curso de administración de servidores para PHP y Laravel
- Curso avanzado de Eloquent ORM
- Crea componentes para PHP
- Interfaces dinámicas con Laravel y jQuery
Otras tecnologías
© 2016 - 2017 Styde.net