52 Lecciones JavaScript

Comparte en Facebook Twitter Google+

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.

Parte 1: Introducción a Vue.js

Parte 2: Vue.js desde cero

Parte 3: Crea una aplicación CRUD con Vue.js 2

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.

Parte 4: Creación y uso de componentes en Vue 2

En esta parte del curso aprenderás todo sobre la creación, uso y comunicación entre componentes.

Parte 5: Uso de Vue CLI y Webpack

Parte 6: CSS y Sass en Vue.js

Parte 7: Crea tu primer SPA

Parte 8: Render Functions y DOM Virtual

Parte 9: Vuex

Este curso se encuentra en progreso, inscríbete a nuestro boletín y te avisaremos sobre las nuevas lecciones:

Suscríbete a nuestro boletín

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

Regístrate en Styde

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

¡Regístrate ahora!

Duilio Palacios
Profesor:

Duilio Palacios

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

  • alejandro alfonso garcia gonza

    excelente curso lo estaba esperando :) espero que se toque la integración laravel y vue.js

    • Duilio Palacios

      Hola @alejandroalfonsogarciagonza:disqus, sí, llegaremos por supuesto a trabajar con Laravel, Webpack, etc. Pero me gustaría cubrir toda la parte básica con calma primero, para sentar buenas bases antes de comenzar con la integración con Laravel. Si te gusta el curso hasta ahora, por favor ayúdanos a recomendarlo. Muchos saludos.

  • ricardoii

    Siguiendo el curso, Una Consulta Duilio, vi en cursos de ionic que usa angular, para la creación de aplicaciones híbridas para celulares. Es posible con vue.js, y alguna otra herramienta lograr una aplicacion hibrida?

  • GERMAN M

    ok Dulio aca va mi primer peticion: paginacion con vue + laravel :) , Muchas Gracias

  • Alexis Jeansalle

    se un poco de angular, pero ahora me voy a poner con vue porque he visto que con laravel en gran medida utilizan este framework de javascript… vamos a ver que tal. gracias @duiliopalacios:disqus

  • Rodrigo

    Buen día, es un curso muy interesante, Vue maneja el código de manera muy limpia. Mi duda en realidad es, al usar Jquery es claro lo que hace y a que elemento aplica cada instrucción, en cambio si se coloca Vue en otro archivo js, realmente no es comprensible su funcionamiento por completo, pues para ello hay que observar el html y todas las directivas como v-if, v-else. O es que existe otras maneras de trabajar con Vue, me llamó mucho la atención y quisiera aprenderlo, muchas gracias

  • Makoto

    bueno tengo una aplicacion con jquery, que tan dificil seria migrar a vuejs? muchas de las funciones que necesito usan jquery para el uso del dom y eventos, tambien uso plugins de jquery
    Saludos

  • Matias Krabzik

    Duilio, Muy bien explicados los vídeos!! Te quería consultar (Por ahí ya lo tienes pensado agregar) si vas a explicar como hacer lo que en angular es el manejo de rutas. Saludos !!!

    • Duilio Palacios

      Hola @matias_krabzik:disqus, sí, eso es lo que necesitamos básicamente para que nuestro proyecto sea una SPA. Lo explicaré brevemente en la parte 7 del curso (la 6 será para AJAX).

  • dalejandro

    Hola @duiliopalacios:disqus he estado mirando el curso de vue me parece muy completo, me gustaría una asesoría tuya, tenemos un sistema de historias clínicas, facturación, contabilidad y demás hecho en laravel, y queremos mejorar nuestro frontend que esta básicamente en javascript/jquery, para un sistema tan complejo me recomiendas usar vueJS para manejar todo el frontend o mejor otro framework como react, muchas gracias por tu atención.

    • Duilio Palacios

      Sí, Vue.js les hará la vida mucho más fácil.

  • Diego Carretero

    Me interesaria muchisimo un curso de Angular 2 o 4 integrado con Laravel, ya que es una herramienta muy solicitada y al integrar tecnologias tan potentes se podria lograr algo extraordinario.

    • Duilio Palacios

      Con Vue.js + Laravel se puede lograr algo extaordinario y de forma muy sencilla :)

      • Omar Antonio Boza Bonilla

        ¿Tienes planes de un curso Vue.js + Laravel?

        • Duilio Palacios

          Ya el curso de Vue 1 (que es bastante similar a Vue 2, de hecho) fue un curso de Vue + Laravel: https://styde.net/curso-de-vue-js/. Este curso de Vue 2 me gustaría que fuese más neutral con respecto al backend, porque el API con el cual se comunica Vue puede ser escrito en cualquier lenguaje. He pensado incluso demostrar este concepto comunicando a Vue con 2 APIs diferentes. Dicho esto si te urge aprender Vue+Laravel ve mi curso anterior de Vue 1, te ayudará bastante.

  • Yrvin Escorihuela

    Cuando continúan las lecciones @duiliopalacios:disqus ?

    • Duilio Palacios

      Entre la semana pasada y esta semana hemos publicado 6 lecciones… Espero publicar 2 más esta semana y más la semana que viene, revisa el listado de arriba para verlas. Saludos.

  • Christian Gomez

    Hola, apenas estoy en el tercer video y me doy cuenta que es un excelente curso y sobre todo cuenta con muy buenas explicaciones, diculpa mi consulta, vue js me permite hacer consulta tipo ajax? con conexión a servidor mediante php, o requiero usarlo de la mano con ajax? espero tu respuesta gracias.

    • Duilio Palacios

      Hola, @disqus_d4iYggE5YQ:disqus. Gracias por el feedback. Hay componentes como Axios que te permiten interactuar hacer peticiones “AJAX” para enviar y recibir datos. Más adelante en el curso aprenderemos a usarlo y a integrarlo con nuestro proyecto escrito en Vue.js.

  • Jorge Atempa Camacho

    Muchas Felicidades, he visto la mayoría del contenido y no queda mas que felicitarte por esta contribución. Excelente calidad, muy bien explicado, muy bien dirigido. Enhorabuena y Gracias !

    • Duilio Palacios

      Muchas gracias @jorgeatempacamacho:disqus, por favor ayúdanos inscribiéndote en Styde y/o recomendado nuestros cursos a otros, de esta manera podremos seguir creciendo juntos. Muchos saludos! :)

  • jeanechabaudis

    Hola @duiliopalacios:disqus tengo una duda, si quiero desarrollar una aplicación con multiples módulos, cada uno de estos módulos debería ser un componente o debería usar una nueva instancia de vuejs ?

    • Duilio Palacios

      Hola, @jeanechabaudis:disqus cada módulo debería ser un componente, no un objeto VM aparte y deberías trabajar con webpack (lo que será en la parte 5 del curso que estamos subiendo a partir de esta semana).

      • jeanechabaudis

        Gracias por la respuesta Duilio , pero en la documentación de vuejs dice que los componentes es una característica “para encapsular código reutilizable” , ahora si crearía un componente por cada modulo de mi aplicación que pueden ser decenas de módulos creo que mi archivo .js crecerían mucho, lo digo mas por el código html que se tiene que poner en los componentes que en algunos casos son mucho.

  • Buenas! este curso será de pago posteriormente? o se mantendrá su version gratuita? Estoy pensando en pagar la membresia mensual para probar, me gustan tus videos. Muchas gracias!

    • Duilio Palacios

      Hola @fnhdev:disqus, durante todo el curso habrán lecciones gratuitas y otras de pago. Si tienes la posibilidad de inscribirte en Styde, nos estarás ayudando a crear y publicar todas estas lecciones.

      Muchos saludos.

      • Perfecto Duilio! Así será entonces, el mes que entra pagaré la suscripcion. Tengo una consulta más ; leí un comentario tuyo en que decias que este curso sería más “neutral” que el de Vue1 en cuanto al backend, mi pregunta es si se subirá alguna serie (paga o gratuita) en la cual se trabaje con Laravel como backend.

        Y mi ultima consulta , ¿ cuando se subirá la serie de Manejo de Ajax? muchas gracias Duilio! Excelentes cursos. Saludos!

        • Duilio Palacios

          Este mismo mes espero comenzar con la parte de AJAX, la parte que viene tratará el tema de CSS y Sass con Vue. Saludos

    • Duilio Palacios

      Es un experimento que estoy haciendo, las partes esenciales del curso serán gratis y las partes opcionales o donde se profundice / practique más un tema, serán de pago. Pero suscribiéndote me ayudas a poder seguir con el proyecto. Styde es mi actividad de tiempo completo.

      • Hola Duilio, perdón pero me contestaste dos veces el mismo comentario, creo que te confundiste con el que hice posterior a este. Saludos!

  • Alan Beck

    El curso esta excelente, pero quería consultar si van a subir lo de axios pronto. Es un tema que me interesa. disculpen el atrevimiento, un saludo cordial. Lo pague a este curso y esta buenísimo.

  • rommyfly2

    Hola, como hago un deploy de un SPA con VUEjs a un servidor apache ?
    TEngo un problema en q las paginas internas al momento de actualizar sale 404


Suscríbete a nuestro boletín

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