{"id":28549005,"url":"https://github.com/stydenet/curso-vuejs","last_synced_at":"2025-07-03T17:32:42.236Z","repository":{"id":66354474,"uuid":"56053416","full_name":"StydeNet/curso-vuejs","owner":"StydeNet","description":"Código de las lecciones de nuestro primer curso sobre VueJS en https://styde.net","archived":false,"fork":false,"pushed_at":"2017-07-31T15:55:37.000Z","size":93,"stargazers_count":19,"open_issues_count":6,"forks_count":26,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-10T01:39:28.177Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StydeNet.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-04-12T10:27:29.000Z","updated_at":"2025-02-09T13:39:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"5889803e-82b1-4445-9873-c8a511f07f49","html_url":"https://github.com/StydeNet/curso-vuejs","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/StydeNet/curso-vuejs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StydeNet%2Fcurso-vuejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StydeNet%2Fcurso-vuejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StydeNet%2Fcurso-vuejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StydeNet%2Fcurso-vuejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StydeNet","download_url":"https://codeload.github.com/StydeNet/curso-vuejs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StydeNet%2Fcurso-vuejs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263369592,"owners_count":23456327,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-10T01:35:26.408Z","updated_at":"2025-07-03T17:32:42.227Z","avatar_url":"https://github.com/StydeNet.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### [Styde](https://styde.net/)\n\nStyde 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.\n\n# Curso de Vue.js\n\nComenzar 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.\n\n## Parte 1: Fundamentos de Vue.js\n\nEn esta primera parte, aprenderás a utilizar Vue.js desde un ejemplo de hola mundo, hasta la creación de tus propios componentes.\n\n*  [Instalación y primeros pasos con Vue.js](https://styde.net/introduccion-a-vue-js/#more-9792) - 14:26\n\n*  [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\n\n*  [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\n\n*  [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\n\n*  [Introducción a los componentes con Vue.js](https://styde.net/introduccion-a-los-componente-en-vue-js/) - 17:47\n\n*  [Crear listas con la directiva v-for](https://styde.net/crear-listas-con-la-directiva-v-for-de-vue-js/) - 11:18\n\n*  [Computed properties](https://styde.net/computed-properties-en-vue-js/) - 13:05\n\n*  [Uso y creación de filtros](https://styde.net/filtros-en-vue-js/) - 9:20\n\n*  [Repaso de interpolaciones, filtros y directivas](https://styde.net/:interpolaciones-v-for-v-if-metodos-y-filtros-con-vue-js/) - 18:49\n\n*  [Repaso de componentes](https://styde.net/repaso-de-creacion-y-uso-de-componentes-en-vue-js/) - 20:28\n\n## Parte 2: Crea un API con Laravel 5.2\n\nEn esta segunda parte desarrollaremos el API para el módulo de notas, que en la tercera parte implementaremos en nuestro proyecto en Vue.js.\n\n*  [Configuración del proyecto](https://styde.net/desarrollo-del-api-con-laravel-5-2-configuracion-del-proyecto/) - 7:07\n\n*  [API para listar notas](https://styde.net/desarrollo-del-api-con-laravel-5-2-listar-notas/) - 16:10\n\n*  [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\n\n*  [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 \n\n## Parte 3: Laravel + AJAX + Vue.js\n\nEn 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.\n\n*  [Laravel + Vue.js = ♥](https://styde.net/listar-registros-con-laravel-y-vue-js/) - 13:45 \n*  [Crear registros con Vue.js y Laravel](https://styde.net/crear-registros-con-vue-js-y-laravel-5-2/) - 11:01 \n*  [Actualizar notas con Laravel y Vue.js](https://styde.net/actualizar-notas-con-ajax-laravel-y-vue-js/) - 19:50 \n*  [Eliminar notas con Laravel y Vue.js](https://styde.net/eliminar-registros-con-vue-js-y-laravel-a-traves-de-ajax/) - 13:14 \n\n## Parte 4: Refactorización y nuevos features\n\nEn 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.\n\n*  [Uso del componente Vue Resource](https://styde.net/uso-del-componente-vue-resource/) - 25:35 \n*  [Animaciones (transitions)](https://styde.net/animaciones-transiciones-en-vue-js/) - 16:55 \n*  [Eventos personalizados en Vue.js](https://styde.net/eventos-personalizados-en-vue-js/) - 10:04 \n*  [Browserify y Vueify con Gulp y Laravel Elixir](https://styde.net/vue-js-browserify-vueify-gulp-y-laravel-elixir/) - 19:35 \n*  [Componente App](https://styde.net/creacion-del-componente-app/) - 12:19 \n*  [Medidas de seguridad con Laravel y Vue.js](https://styde.net/medidas-de-seguridad-con-laravel-y-vue-js/) - 12:06 \n\n## Parte 5: Vue.js 2.0\n\nEn esta parte 5, vamos a migrar nuestro módulo de notas a la nueva versión de Vue.js.\n\n*  [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 \n\n#### Otros cursos\n\n**Laravel desde cero**\n -   [Primeros pasos con Laravel 5.*](https://styde.net/curso-primeros-pasos-con-laravel-5/)\n -   [Curso de Laravel 5.1](https://styde.net/curso-introductorio-laravel-5-1/)\n -   [Crea una aplicación con Laravel 5](https://styde.net/curso-crea-aplicaciones-con-laravel-5/)\n -   [Curso básico de Eloquent ORM](https://styde.net/curso-basico-de-eloquent-orm-con-laravel-5-1/)\n\n\n**Laravel y PHP avanzado**\n -   [Curso de administración de servidores para PHP y Laravel](https://styde.net/curso-configuracion-administracion-de-servidores-php-laravel/)\n -   [Curso avanzado de Eloquent ORM](https://styde.net/curso-avanzado-de-eloquent-orm/)\n -   [Crea componentes para PHP](https://styde.net/curso-crea-componentes-para-php-y-laravel/)\n -   [Interfaces dinámicas con Laravel y jQuery](https://styde.net/curso-de-interfaces-dinamicas-con-laravel-y-jquery/)\n\n**Otras tecnologías**\n-   [Curso de Gulp](https://styde.net/curso-gulp-y-herramientas-de-automatizacion/)\n-   [Curso de Vue.js](https://styde.net/curso-de-vue-js/)\n-\t[Curso de Sass](https://styde.net/curso-de-sass/)\n-\t[Curso básico de Swift](https://styde.net/curso-basico-de-swift/)\n\n© 2016 [Styde.net](https://styde.net/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstydenet%2Fcurso-vuejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstydenet%2Fcurso-vuejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstydenet%2Fcurso-vuejs/lists"}