25 Lecciones Duración: 6 horas Vue / JS

Comparte en Facebook Twitter Google+

Vue.js es un nuevo library de JavaScript “reactivo” que implementa el enlace de datos en dos direcciones o “two way data binding” (entre la vista y el modelo) de una manera muy eficiente y rápida, y es además muy fácil y divertido de aprender y usar.

En este curso te enseñaremos a trabajar con Vue.js desde cero para que puedas aplicarlo en tus proyectos.

Parte 1: 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.

Parte 2: Crea un API con Laravel 5.2

En esta segunda parte desarrollaremos el API para el módulo de notas utilizando Laravel 5.2. Si no te interesa aprender a desarrollar una API con Laravel, puedes pasar directamente a la parte 3.

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.

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.

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.

Regístrate en Styde

Y obtén acceso inmediato a este curso y muchos otros, además de contenido nuevo cada semana, planes desde 9.99 USD al mes:

¡Regístrate ahora!

Duilio
Profesor:

Duilio Palacios

Programador y profesor de PHP y Laravel. Creador de Styde.net.

  • Alexandros Facio

    Consideró que fue de mal gusto y publicidad engañosa, que este curso se prometiera gratis y los últimos pasos hayan sido cambiados a modo de pago, eso no se hace.

    • Pues según tenia entendido el Curso Basico de Vuejs es gratis, tienes todo gratis, pero en la parte de Laravel + Vue.js, Duilio venia diciendo que iba a ser para los que tuvieran suscripción, de igual manera, te invito a que te suscribas, te aseguro que no te vas a arrepentir.

    • Duilio Palacios

      Buen día Alexandros,

      El curso básico de Vue.js se publicó completo y de forma gratuita.

      Por solicitud de los estudiantes de Styde creamos las partes 2 y 3 del curso que enseñan a crear un API con Laravel y luego a hacer un módulo CRUD con Laravel + Vue.js utilizando AJAX a través de jQuery y el componente Vue Resource que no forma parte del núcleo de Vue. Estas partes por lo tanto enseñan otras tecnologías y son una extensión o complemento del curso básico, incluso podrían pertenecer a otro curso llamado “Curso de Laravel y Vue”.

      De cualquier manera te pido disculpas por el malentendido y cualquier inconveniente que pudiera causarte a ti y a otros visitantes, y te invitamos a formar parte de Styde para obtener acceso a todo el contenido y ayudarnos a crearlo.

      Aunque no lo parezca, nosotros invertimos 1 mes en preparar el contenido del curso básico de Vue y otro mes en preparar “Primeros pasos con Laravel”. Cada lección gratuita o no se hace con mucha dedicación y toma varias horas o a veces un día completo de trabajo. La única forma de mantener Styde y seguir adelante es con el apoyo de nuestros estudiantes que día a día tienen en Styde una herramienta para aprender y obtener recursos para realizar proyectos comerciales o personales de manera más eficiente.

      Tomaremos tu critica en cuenta para mejorar y evitar posibles malentendidos en un futuro.

      Muchos saludos.

  • KikeZ

    La parte 3 aún no está liberada.

    • Duilio Palacios

      Ya está completa y comenzamos con la parte 4 :)

  • Harvey Vega

    Hola Duilio, tienes pensado hacer algún curso con vue-routes para hacer una SPA?

    Gracias!

    • Duilio Palacios

      Si les interesa seguir aprendiendo Vue, con gusto lo haré, pero esperemos que salga Vue LTS o Vue 2. Esta es otra razón por la cuál decidí extender este curso. Para dar un poco de tiempo que salga una nueva versión de Vue antes de comenzar uno más complejo. ¡Saludos!

      • Gustavo Diaz

        Apoyo a Harvey Vega, me ha encantado este curso y me gustaría ver uno más avanzado de Vue.

  • Daniel

    Hola Duilio, tienes pensado algun dia sacar un curso de Node o Angular? tmb Andriod por que no.
    Saludos desde Argentina

  • alejandro alfonso garcia gonza

    Hola duilio mira lo que conseguí se ve muy interesante pero aun le falta como integrar elemento de boostrap y vue.js te dejo el enlace, lo que si pude notar que algunas no funciona bien desde el movil

    https://yuche.github.io/vue-strap/

  • alejandro alfonso garcia gonza

    Seria excelente como crear una aplicación completa con laravel y vue.js

  • Bolivar Delgado

    podrías hacer una aplicación sin necesidad de crear otra api… para enviar y recibir datos… ya que el api esta totalmente desnudo y sin seguridad y de hacer algo así de esa manera seria recomendable ponerle alguna seguridad tipo JWT donde tendríamos que generar otro token… para poder acceder a la api y seria el doble de engorroso 1 crear otros controladores que me devuelvan json.. 2 proteger mi api… sino cualquiera puede acceder a mis datos. .y hacer lo que quiera con ellos. .3. al momento de llamar a la url con el token generado (los token caducan) . Si estamos por ejemplo usando laravel y ya laravel me envía mis datos ..sea con la función o método compact() o json… manipular los datos desde la misma vista que ya nos da laravel.

    • Duilio Palacios

      En la lección 24 que publicaremos la semana que viene, hablaré sobre la seguridad.

      • Bolivar Delgado

        Excelente Duilio, muy bien explicado la parte de seguridad, en espera la siguiente lección.

  • Carlos Andres

    El conocimiento es abierto a todo el mundo sólo que algunas personas como Duilio nos facilitan mucho más las cosas para dijerirlo mucho mejor y agregarle un valor agregado a su enseñanza, eso cuesta de algún modo, en mi opinión personal este curso vale la pena pagarlo y lo pagaré cundo Duilio lo termine vi los primeros 11 y me pareció sensacional lo que se puede hacer con vue.js aunque seria bueno que Duilio nos enseñará hacer un mvc completo con el manejo de rutas y a hacer directivas personalizadas.

    • Duilio Palacios

      Carlos ya el curso está completo :) y luego que salga Vue 2 haré otro donde cubriré rutas etc. Afortunadamente la API no cambia tanto así que al aprender Vue 1 ya estás a un paso de manejar Vue 2, y por lo tanto en el curso de Vue 2 no comenzaré desde cero sino que asumiré que las personas ya saben Vue.

  • Leonardo Norambuena

    Sería interesante realizar un proyecto single page application con Vue y laravel.

    Muy buenos los videos, saludos

  • Jorge Chaar

    Hola Duilio, queria pedirte un consejo, estoy haciendo una aplicacion en laravel y una aplicacion externa que consume estas apis, mi pregunta es por el tema de seguridad que debería ser basada en JWT, que me recomendas utilizar… tymondesigns/jwt-auth o el propio de laravel (Guard: api).
    Otra pregunta los token deberian refrescarse y en que momento??

    Muy buenos los cursos, son de muchas ayuda, saludos!

    • Duilio Palacios

      Yo prefiero utilizar las herramientas que trae Laravel por defecto a menos que haya una buena razón para hacer lo contrario.

      Podrías darle la opción al usuario de crear otro token, sin embargo necesitará restaurar el token en todos los clientes que utilicen el token actual. Pero algunas veces la seguridad no depende de un token sino de sesiones como explico en la lección 24.

      Saludos!

  • Ernesto Gerardo Liberio Vera

    Duilio Excelentes tus cursos creo que este fin de mes invertire en Styde :D, recomendacion seria bueno que styde de diplomas por los cursos

  • alejandro alfonso garcia gonza

    Excelente curso cuando vendra el otro de vue single page application con Vue y laravel, por otro lado seria bueno que ubieran curso de certificación o dentro de styde tenga unos curso de certificación en los diversos temas para que los usuario de styde pueda tener certificados a los que quiera tener su certificado que lo avalen

    • Styde.net

      Esperamos comenzarlo en Agosto, el tema de las certificaciones también lo estamos evaluando y esperamos tenerlo este año.

      • Hola,

        Cómo tenéis el tema de las certificaciones? Estaría bien tener una certificación de los cursos realizados. Estoy pensando en aprovechar la oferta que termina hoy, si me dices que lo vais a habilitar en un futuro me doy de alta con la suscripción de un año.

      • Mario

        Hola, tienen alguna noticia sobre el curso de vue single page? o algo de vue mas avanzado y en su nueva versión?

  • alejandro alfonso garcia gonza

    Duilio dara un curso de como crear paginaciones, buscador, carga de archivo e imagenes con vue.js y laravel seria muy interesante

    • Styde.net

      Lo tenemos muy pendiente, es el próximo curso de Vue que dictaremos, probablemente para Agosto.

      Muchos saludos.

  • federico

    Hola me gustaria saber si hay algun tipo de eventos en vue.js donde tenga eventos de teclados que solo me capture en un campo numeros telefonicos sin permitir texto

  • Fernando Martínez Guerrero

    Al pasar los valores de una consulta al data y mostrar en un input estoy batallando con acentos, sabes como se puede solucionar?

  • Francisco

    Duilio, qué recomiendas comenzar con este curso y luego hacer el de VUEJS 2.0 o empezar con el de 2.0 cuando lo tengáis? Ha habido muchos cambios desde la versión 1.0? Sirven los conceptos detallados en este curso? Gracias de antemano.

    • Duilio Palacios

      Buen día, Francisco, puedes comenzar con este curso. Los cambios al API no son tan drásticos, y aquí aprenderás muchos conceptos importantes, incluyendo cómo crear un API con Laravel y conectarlo con Vue. Además también puedes utilizar Vue 1.1 para tus proyectos que es LTS.

      Saludos.

      • Francisco

        Muchas gracias por tu pronta respuesta. Me pondré en ello. Gracias nuevamente. Por cierto, estaría bien y ahora que ha salido la última version estable de AngularIO 2.0 algún curso para quienes estamos más acostumbrados a trabajar con ese tipo de frameworks. Aunque dicho sea de paso, el cambio de la 1.x a la 2.0 ha sido abismal. Y al menos para mí, ha sido un gran avance y una gran mejora

  • Luis Suarez

    Excelente tuto duilio, le di una hojeada a penas, pero luego lo veo a profundidad, quiero primero desarrollar con laravel para luego hacer los cursos adicionales, no has pensado en hacer videos tutoriales de backbonejs o angularjs? Saludos

    • Duilio Palacios

      Buen día, lo hemos pensado muchas veces, sin embargo creemos que Vue es la mejor opción en términos de curva de aprendizaje, integración con nuestro framework de backend favorito (Laravel) y cantidad de features.

      Muchos saludos.

  • Saul Florez

    Me gustaría mucho ver este curso. ¿cuando estaran disponlibes planes en Bolivares nuevamente?

  • wii_ch0

    @duiliopalacios:disqus habrá una segunda parte de este curso con vue2.0 intermedia-avanzada!?

    • Duilio Palacios

      Hola @wii_ch0:disqus, no una segunda parte pero sí un curso nuevo desde cero de Vue 2: https://styde.net/curso-de-vue-2/. No olvides tampoco ver la última lección de este curso donde actualizamos el proyecto a Vue 2. Es muy útil :)

  • GERMAN M

    Hola Dulio , en el tuto 21 mencionaste que ibas a explicar como hacer la paginacion con vue y laravel asi quedaba completo el ejemplo, esta pendiente ?? , Muchas Gracias por el curso , Excelnte

    • Duilio Palacios

      Hola German, no recuerdo bien, pero de cualquier caso ya estoy grabando el curso de Vue 2 y posiblemente lo incluya en el temario si los usuarios de Styde lo solicitan: https://styde.net/curso-de-vue-2/

      Muchos saludos.


Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.