https://github.com/stydenet/curso-vuejs
Código de las lecciones de nuestro primer curso sobre VueJS en https://styde.net
https://github.com/stydenet/curso-vuejs
Last synced: about 1 year ago
JSON representation
Código de las lecciones de nuestro primer curso sobre VueJS en https://styde.net
- Host: GitHub
- URL: https://github.com/stydenet/curso-vuejs
- Owner: StydeNet
- Created: 2016-04-12T10:27:29.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-07-31T15:55:37.000Z (almost 9 years ago)
- Last Synced: 2025-06-10T01:39:28.177Z (about 1 year ago)
- Language: JavaScript
- Size: 90.8 KB
- Stars: 19
- Watchers: 6
- Forks: 26
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
### [Styde](https://styde.net/)
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.
# Curso de Vue.js
Comenzar a aprender y usar Vue.js resulta tan sencillo y divertido como desarrollar con Laravel. Es por ello que la comunidad de nuestro framework favorito de PHP, ha recibido con los brazos abiertos a Vue; de hecho, actualmente Laracasts tiene 2 cursos de Vue, Taylor Otwell lo está utilizando para desarrollar Spark, y cada vez hay más noticias, tutoriales y artículos de este framework de JavaScript.
## Parte 1: Fundamentos de Vue.js
En esta primera parte, aprenderás a utilizar Vue.js desde un ejemplo de hola mundo, hasta la creación de tus propios componentes.
* [Instalación y primeros pasos con Vue.js](https://styde.net/introduccion-a-vue-js/#more-9792) - 14:26
* [Introducción a las directivas de Vue.js con v-if, v-show y v-else](https://styde.net/introduccion-a-las-directivas-de-vue-js-con-v-if-v-show-y-v-else/) - 14:11
* [Clases, estilos y otros atributos dinámicos usando la directiva v-bind de Vue.js](https://styde.net/metodos-y-manejo-de-eventos-con-v-onclick-y-submit/) - 14:45
* [Atributos HTML, clases y estilos de CSS dinámicos con v-bind](https://styde.net/clases-estilos-y-otros-atributos-dinamicos-usando-la-directiva-v-bind-de-vue-js/) - 11:53
* [Introducción a los componentes con Vue.js](https://styde.net/introduccion-a-los-componente-en-vue-js/) - 17:47
* [Crear listas con la directiva v-for](https://styde.net/crear-listas-con-la-directiva-v-for-de-vue-js/) - 11:18
* [Computed properties](https://styde.net/computed-properties-en-vue-js/) - 13:05
* [Uso y creación de filtros](https://styde.net/filtros-en-vue-js/) - 9:20
* [Repaso de interpolaciones, filtros y directivas](https://styde.net/:interpolaciones-v-for-v-if-metodos-y-filtros-con-vue-js/) - 18:49
* [Repaso de componentes](https://styde.net/repaso-de-creacion-y-uso-de-componentes-en-vue-js/) - 20:28
## Parte 2: Crea un API con Laravel 5.2
En esta segunda parte desarrollaremos el API para el módulo de notas, que en la tercera parte implementaremos en nuestro proyecto en Vue.js.
* [Configuración del proyecto](https://styde.net/desarrollo-del-api-con-laravel-5-2-configuracion-del-proyecto/) - 7:07
* [API para listar notas](https://styde.net/desarrollo-del-api-con-laravel-5-2-listar-notas/) - 16:10
* [Creación de registros a través de un API](https://styde.net/creacion-de-registros-a-traves-de-un-api-con-laravel-5-2/) - 20:26
* [Actualizar y eliminar registros de un API](https://styde.net/actualizar-y-eliminar-registros-a-traves-de-un-api-con-laravel-5-2/) - 17:31
## Parte 3: Laravel + AJAX + Vue.js
En esta tercera parte del curso, vamos a consumir una API con Vue.js para finalizar el desarrollo de nuestro módulo CRUD de notas totalmente en AJAX.
* [Laravel + Vue.js = ♥](https://styde.net/listar-registros-con-laravel-y-vue-js/) - 13:45
* [Crear registros con Vue.js y Laravel](https://styde.net/crear-registros-con-vue-js-y-laravel-5-2/) - 11:01
* [Actualizar notas con Laravel y Vue.js](https://styde.net/actualizar-notas-con-ajax-laravel-y-vue-js/) - 19:50
* [Eliminar notas con Laravel y Vue.js](https://styde.net/eliminar-registros-con-vue-js-y-laravel-a-traves-de-ajax/) - 13:14
## Parte 4: Refactorización y nuevos features
En esta parte 4 refactorizaremos el código AJAX para utilizar Vue Resource, realizaremos también animaciones con Vue.js, aprenderemos cómo podemos trabajar con componentes sin depender del “two way binding”, y más.
* [Uso del componente Vue Resource](https://styde.net/uso-del-componente-vue-resource/) - 25:35
* [Animaciones (transitions)](https://styde.net/animaciones-transiciones-en-vue-js/) - 16:55
* [Eventos personalizados en Vue.js](https://styde.net/eventos-personalizados-en-vue-js/) - 10:04
* [Browserify y Vueify con Gulp y Laravel Elixir](https://styde.net/vue-js-browserify-vueify-gulp-y-laravel-elixir/) - 19:35
* [Componente App](https://styde.net/creacion-del-componente-app/) - 12:19
* [Medidas de seguridad con Laravel y Vue.js](https://styde.net/medidas-de-seguridad-con-laravel-y-vue-js/) - 12:06
## Parte 5: Vue.js 2.0
En esta parte 5, vamos a migrar nuestro módulo de notas a la nueva versión de Vue.js.
* [Migrando de Vue 1.x a Vue 2.0](https://styde.net/como-migrar-un-proyecto-de-vue-1-x-a-vue-2-0/) - 18:08
#### Otros cursos
**Laravel desde cero**
- [Primeros pasos con Laravel 5.*](https://styde.net/curso-primeros-pasos-con-laravel-5/)
- [Curso de Laravel 5.1](https://styde.net/curso-introductorio-laravel-5-1/)
- [Crea una aplicación con Laravel 5](https://styde.net/curso-crea-aplicaciones-con-laravel-5/)
- [Curso básico de Eloquent ORM](https://styde.net/curso-basico-de-eloquent-orm-con-laravel-5-1/)
**Laravel y PHP avanzado**
- [Curso de administración de servidores para PHP y Laravel](https://styde.net/curso-configuracion-administracion-de-servidores-php-laravel/)
- [Curso avanzado de Eloquent ORM](https://styde.net/curso-avanzado-de-eloquent-orm/)
- [Crea componentes para PHP](https://styde.net/curso-crea-componentes-para-php-y-laravel/)
- [Interfaces dinámicas con Laravel y jQuery](https://styde.net/curso-de-interfaces-dinamicas-con-laravel-y-jquery/)
**Otras tecnologías**
- [Curso de Gulp](https://styde.net/curso-gulp-y-herramientas-de-automatizacion/)
- [Curso de Vue.js](https://styde.net/curso-de-vue-js/)
- [Curso de Sass](https://styde.net/curso-de-sass/)
- [Curso básico de Swift](https://styde.net/curso-basico-de-swift/)
© 2016 [Styde.net](https://styde.net/)