Doble CRUD Laravel 10 Vue 3 con Inertia.js | Vite | Tailwind | ChartJs | DataTables

Поділитися
Вставка
  • Опубліковано 12 лис 2024

КОМЕНТАРІ • 119

  • @gcdev-ss7jo
    @gcdev-ss7jo Рік тому +6

    Que potente que es Laravel con Vue, muchas gracias por este maravilloso video!!

  • @MrBudin2012
    @MrBudin2012 Рік тому +3

    Dios mejor que un curso pagado. Gracias enserio es lo que buscaba, que Dios te bendiga por tu gran aporte

  • @victorormazabal3480
    @victorormazabal3480 Рік тому +3

    excelente material para quienes estamos aprendiendo!!

  • @xkiller838
    @xkiller838 Рік тому +3

    ufff el titulo de este video suena tan bueno que imposible no mirarlo

  • @amarchand1504
    @amarchand1504 Рік тому +2

    Really amazing tutorial. Superb sir so nice as you have explained and used it with great way of coding.

  • @ingridmor
    @ingridmor Рік тому +1

    Wow es un tutorial muy completo laravel con vue ! gracias por compartir tus conocimientos, estoy realizando un proyecto personal tomando como plantilla este CRUD he visto muchas veces el video y aunque compartes el codigo fuente, para comparar esta bien, pero aprendo mejor paso a paso segun tus instrucciones en el tutorial. nuevamente gracias.

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Qué tal Ingrid, me da gusto saber que si te está sirviendo, yo igual cuando recién comencé prefería hacerlo paso a pasa para entender bien 👍

    • @ingridmor
      @ingridmor Рік тому

      @@programandocondancruise una pregunta, es posible validar los controles como textbox numericos, texto, ò calendario ? esto dentro del form modal

    • @programandocondancruise
      @programandocondancruise  Рік тому +1

      @@ingridmor Claro, los puedes validar con el required de html o en el controlador, en el input le indicas de que tipo lo quieres, 'date' para las fechas por ejemplo y le pones required

  • @rafaalarcon9281
    @rafaalarcon9281 Рік тому +1

    Un video fantástico!!! Muchas gracias y felicidades por el trabajo realizado!

  • @Pontear-GD
    @Pontear-GD Рік тому +2

    vale totalmente la pena ver el video completo

  • @carlossantiagojuradobazan5399
    @carlossantiagojuradobazan5399 10 місяців тому +1

    Increíble video y material me cuesta creer que este en UA-cam, si tienes un curso por favor házmelo saber para comprarlo y continuar aprendiendo, es muy bueno

    • @cinso
      @cinso 10 місяців тому +1

      Puedes hacer un aporte en $ con la opcion que esta al lado del boton Me Gusta.

    • @programandocondancruise
      @programandocondancruise  10 місяців тому +1

      Gracias, tengo otros videos que complementan a este, como por ejemplo añadirle un Dashboard, botones de acción para la parte de datatables y subirlo a hostinger, por el momento no tengo curso como tal, todos mis videos son gratuitos, me apoya mucho el que compartas mis videos, también puedo impartir asesoría para algún proyecto o conocimiento en específico.

    • @programandocondancruise
      @programandocondancruise  10 місяців тому +1

      Exacto también las aportaciones son bien recibidas jeje 😜

  • @carloschavezlucero9142
    @carloschavezlucero9142 Рік тому +2

    Amigo, tremendo tutorial que acabas de subir. He estado aprendiendo Vue 3 con Inertia por mi cuenta y no había encontrado un crud o documentación que usará modals con Vue 3 y los que si, parecían muy complejos y decían que se usar axios o vuetify. Muchas gracias. Un like y un subscriptor nuevo bien merecido.
    Algo más, me gustaría saber cómo aprendiste estas tecnologías, he seguido la documentación oficial pero hay uno que otro hueco a la hora de implementarlo. Y por último ya a criterio personal siento que encajaría mejor usar los modales de confirmación que vienen en los componentes de breeze o jetstream en lugar de sweet alert. No sé si cambie mucho mostrar los de yes no para borrar y alguno para indicar un mensaje de éxito pero creo que combinaría un poco más con la estética del proyecto. Pero como te comento hermano, tutorial 10/10

    • @programandocondancruise
      @programandocondancruise  Рік тому +3

      Gracias… no me habían hecho esa pregunta, doy clases en nivel licenciatura, tal vez la necesidad de enseñarle a mis alumnos siempre tecnologías actuales. Comencé a hacer los videos para mis clases y después comencé a compartir y vi que si había gente aparte de mis alumnos que veía mis videos jeje.
      Y quizás el tiempo que llevo en el desarrollo web hace que me dé una idea de cómo hacerle para emplear las nuevas tecnologías aunque claro comencé con php puro y js con jQuery, es cuestión de saber bien las bases para tener una idea de cómo llevarlo a cabo con librerías o frameworks. El practicar las cosas ayuda bastante pero el enseñarlas es mucho mejor.
      Gracias por la idea, en algún próximo video usaré los modales de breeze como confirmación 😃👍

    • @carloschavezlucero9142
      @carloschavezlucero9142 Рік тому +2

      @@programandocondancruise En que escuela da clases profe, suena como de menos de 30 años jajaja. Que padre que enseñe tecnologías nuevas, yo por mi parte le he batallado en aprenderlas ya que al menos en la BUAP no se les da por estar a la vanguardia :c
      Gracias por las recomendaciones, seguiré practicando.

    • @programandocondancruise
      @programandocondancruise  Рік тому +2

      Orales, estudias en Puebla ? Cuando gustes este face ocupo para apoyar en dudas: facebook.com/programandocondancruise?mibextid=LQQJ4d

    • @carloschavezlucero9142
      @carloschavezlucero9142 Рік тому

      Sii, y muchas gracias.

  • @juanignaciomoyano3580
    @juanignaciomoyano3580 Рік тому +2

    Excelente video.. espero que puedas subir más funcionalidad de inertia con Laravel y vue.. gracias!

  • @christianvargasaraya7641
    @christianvargasaraya7641 Рік тому +3

    Excelente tutorial amigo. De ser posible a futuro seria genial nos colabores con tu conocimiento de como agregar roles y permisos a este crud. Gracias por compartir conocimiento y enseñarnos ! 100% genial ! =D

    • @programandocondancruise
      @programandocondancruise  Рік тому +2

      Gracias por tu comentario, la vdd si estaría bien podría complementar el crud con roles y permisos…👍😃

  • @andersonescobar1350
    @andersonescobar1350 Рік тому +1

    Rey como vamos , Excelente curso . Te felicito . La verdad no se si sabia de laravel pero me quedaron demasiados conceptos , hay cosas que uno debe de seguir mejorando , con respecto a los scritps , cierta logica en el manejo de los datatables, pero esto lo anima a uno a seguir mejorando . Pd : Me ayudo este curso para una prueba de una oferta laboral :). Mil gracias parcero. !!!!!!!!

    • @programandocondancruise
      @programandocondancruise  Рік тому +1

      Que bueno que te sirvió! 😃 y si, siempre hay que seguir mejorando, el aprendizaje es continuo 👍

  • @mannyxnogueron3248
    @mannyxnogueron3248 11 місяців тому +1

    super!!!!!👏👏👏👏👏👏👏👏👏👏👏

  • @luismolina9442
    @luismolina9442 4 місяці тому +1

    gracias por tu video. mui bueno.

  • @ronnyvera8696
    @ronnyvera8696 Рік тому +2

    Excelente tutorial

  • @larrysuarez4693
    @larrysuarez4693 Рік тому +3

    Hola! Excelente tutorial ❤ te felicito…
    Ahora podrías por favor explicar cómo correr este tipo de proyectos en AWS? 😅 si no es mucha molestia

  •  Рік тому +1

    Genial.
    muchas gracias

  • @camilopalma6461
    @camilopalma6461 Рік тому +1

    Excelente, te felicito! sería descomunal si te es posible hacer un admin panel (dashboard) y complementarlo con roles y permisos utilizando el paquete laravel-permission - Spatie. muchas gracias por compartir!

    • @programandocondancruise
      @programandocondancruise  Рік тому +2

      Gracias, integrar con un Dashboard y añadir roles y permisos está en planes, lo han pedido y está contemplado, te aviso cuando tenga el video

  • @ingridmor
    @ingridmor Рік тому +1

    gracias por tu ayuda

  • @josbexerra8115
    @josbexerra8115 Рік тому +1

    Thank you mister Dan..., very well explained

  • @oswaldocalderon9535
    @oswaldocalderon9535 Рік тому +1

    😮 Excelente

  • @CARlosDAN783
    @CARlosDAN783 6 місяців тому +1

    Excelente tutorial, me gustaria saber si puedes hacer la implementacion de charts js con inertia en laravel 11, muchas gracias y nuevo suscriptor.

    • @programandocondancruise
      @programandocondancruise  6 місяців тому

      Qué tal, claro… ya está en proceso nuevo video de Laravel y vue con Inertia … y si se incluye Chart.js tal vez el miércoles ya lo esté subiendo

    • @CARlosDAN783
      @CARlosDAN783 6 місяців тому

      @@programandocondancruise Excelente yo ya he logrado realizar una grafica gracias a tu ejemplo, pero la grafica type Line no me sale y logre realizarla pero me produce solo puntos en los datos o sea que la linea no me sale.

  • @Paulcuricama515
    @Paulcuricama515 10 місяців тому +1

    Excelente amigo :)

  • @romanabreu1508
    @romanabreu1508 9 місяців тому

    El video es buenisimo, yo apenas estoy aprendiendo a usar Laravel y la verdad este video es una excelnte herramienta para reforzar el aprendizaje.
    Sin embargo tengo una duda que me gustaría que pudieran aclararme y es que, en el controlador de empleados en la linea 9 ¿qué es ese -use DB-? porque al intentar seguir el tutorial a mi me aparece como que no esta definido al momento de utilizarlo en la función EmployeeByDepartment :(

    • @programandocondancruise
      @programandocondancruise  8 місяців тому

      Se utiliza para usar los métodos de select, update, insert y delete … Podrías intentar así:
      use Illuminate\Support\Facades\DB;

  • @conexionseven4696
    @conexionseven4696 11 місяців тому

    Me ha servido mucho, solo que tengo un problema tenga una tabla que se llama usuarios y un campo de ellos se llama condición es boleam y quiero activar y desactivar cuando quiera pero no eliminar como lo hago porque intento hacerlo por el metodo put me da error

  • @AlexanderFullstackDeveloper
    @AlexanderFullstackDeveloper 10 місяців тому

    видео огонь!!!

  • @devjira3631
    @devjira3631 Рік тому

    ขอบคุณมากๆ😊😊😊

  • @davidcardenas7737
    @davidcardenas7737 10 місяців тому

    al intentar hacer el create tengo el siguiente , problema :
    The POST method is not supported for route departments/departments.create. Supported methods: GET, HEAD, PUT, PATCH, DELETE.

  • @amarchand1504
    @amarchand1504 Рік тому +2

    i have a request kindly make a video from scratch make these same things but using any template and also teach us how to break template in laravel with vue and inertia.. It will be thankful. Thank a lot i will wait for your response.

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Of course! Soon I will upload a video of inertia with a template, it will be included in my next 5 videos. Also roles and permissions.

    • @amarchand1504
      @amarchand1504 Рік тому

      @@programandocondancruise thanks a lot dear. but please use vue also not only inertia.

  • @davidcampuzanogomez7277
    @davidcampuzanogomez7277 Рік тому +2

    Buenos días. Me pareció muy bueno este video. Donde se puede descargar el repositorio del proyecto.

    • @programandocondancruise
      @programandocondancruise  Рік тому +1

      Qué tal, en la descripción del canal están los enlaces a repositorios de GitLab y GitHub, en estos está la mayoría de los ejercicios de los videos.

  • @josenunez1731
    @josenunez1731 Рік тому

    Hola, muchas gracias por el video, un gran trabajo! Me gustaría hacerte una consulta, como solucionas el problema de eliminar un departamento cuando ya tiene empleados? Si está vacio lo elimina bien, pero con algún empleado registrado no me deja eliminarlo, un saludo y muchas gracias de nuevo.

    • @programandocondancruise
      @programandocondancruise  Рік тому +1

      Hola qué tal, en la función destroy debes de añadir una validación que revise si existe el ID del departamento en la tabla de empleados

    • @josenunez1731
      @josenunez1731 Рік тому

      Muchísimas gracias por su trabajo y por compartirlo 😊😊, mis respetos maestro, un saludo :)

  • @bruno9095
    @bruno9095 Рік тому

    Muy bueno, me encanto. Tengo una pregunta... cada vez que cambio de página; si bien, no recarga la pagina, si me aparece una barra de progreso arriba; ósea, el cambio de página no es fluido ¿sabes a que se podría deber eso?

  • @mario.alejandro
    @mario.alejandro Рік тому +1

    ¡Qué buen tutorial! Muchas gracias por compartir. Tengo una curiosidad ¿Qué tema usaste en VS Code? se ven muy agradables los colores en el código.

    • @programandocondancruise
      @programandocondancruise  Рік тому +1

      Gracias por tu comentario, el tema es propio, te lo comparto, en este short están los pasos para instalarlo:
      ua-cam.com/users/shortsn2CMGJhBWpA?feature=share

  • @devjira3631
    @devjira3631 Рік тому

    thank you instructor

  • @CARlosDAN783
    @CARlosDAN783 5 місяців тому

    Dan una pregunta ❓ porque no usaste eloquent en las relaciones de las tablas employees y department.

    • @programandocondancruise
      @programandocondancruise  5 місяців тому +1

      Porque eran solo 2 tablas pero si, lo mejor es que la relación se haga en los modelos en el video actualizado a laravel 11 y vue con interina si se hacen las relaciones en los modelos

    • @CARlosDAN783
      @CARlosDAN783 5 місяців тому

      @@programandocondancruise que es eso de interina o quisiste decir Inertia.

    • @programandocondancruise
      @programandocondancruise  5 місяців тому

      Si, inertia

  • @Massuttier
    @Massuttier Рік тому +1

    Muchas gracias por la info! algunas veces meja borrar algun departamento y otras veces me marca un error. Pregunta: Das asesorias?

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Qué tal, si un departamento ya tiene empleados no te va a dejar eliminarlo por restricción en base de datos, claro si doy asesorías

    • @Massuttier
      @Massuttier Рік тому

      @@programandocondancruise Como te contacto para una asesoria?

    • @programandocondancruise
      @programandocondancruise  Рік тому

      facebook.com/profile.php?id=100093180794136&mibextid=D4KYlr

  • @hanseldeleon5270
    @hanseldeleon5270 Рік тому +1

    Hola muy buen tutorial
    el codigo que pueda compartir para validar por si hay falla el que realizamos

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Gracias, ya está el código en los repositorios 👍

    • @hanseldeleon5270
      @hanseldeleon5270 Рік тому +1

      Cual es el repositorio no lo veo?

    • @programandocondancruise
      @programandocondancruise  Рік тому +2

      Los repositorios están en la información del canal, de igual manera te dejo la liga directa a este proyecto: gitlab.com/DanCruise/laravuecompany
      Saludos 🖖

  • @SonidoScoobyDoo
    @SonidoScoobyDoo Рік тому +1

    Sobre el componente de paginacion que utilizas, hay alguna manera de quitarle el textbox y el boton GO ? me gustaria que no lo tuviera, busque la manera pero no he encontrado :/

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Podrías intentar modificando el componente, desde el código que tiene en la carpeta de node o podrías usar vuejs-paginate-next

  • @EleYFlorol
    @EleYFlorol Рік тому +2

    El problema es que primero haces todos los controladores, luego todas las vistas. No se logra entender algunas partes por esta razón, la explicación está aislada

    • @NopalDev
      @NopalDev 2 місяці тому

      no se como seas ahora, pero si supieras tantito de programacion orientada a objetos, le entenderias sin problemas cruck, salu3

  • @abelmartinez1270
    @abelmartinez1270 Рік тому

    Excelente video! solo tengo una duda, la paginación solo me muestra 3 páginas sin importar que haya más para mostrar, tienes idea de a que se debe?

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Qué tal Abel, de casualidad le añadiste limit en el componente de paginación? Si me puedes mandar captura del código por Facebook te puedo apoyar

  • @MiguelonSFFSupaFF
    @MiguelonSFFSupaFF Рік тому

    Muy buenos dias Profe. Gracias por compartir. Se puede trabajar con Supabase? Gracias. Desde Quito Ecuador.

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Qué tal, sinceramente no lo he trabajado con supabase, sé que hay librerías para poder integrarlo, por ejemplo: PHPSupabase . Saludos desde México a Quito Ecuador!

  • @susanowo2006
    @susanowo2006 Рік тому

    Hola, por qué puede ser que en el seeding quiera insertar datos en la columna department en employees en lugar de la columna department_id, tengo que modificar algo más en el seeding?

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Hola qué tal… Ha menos que no se hayan colocado correctamente las columnas en el Factory o en el modelo

    • @susanowo2006
      @susanowo2006 Рік тому +1

      @@programandocondancruise Hola Dan, si era eso, ya está corregido! Gracias

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Genial ! 👍

    • @susanowo2006
      @susanowo2006 Рік тому

      @@programandocondancruise Magnífico video, muy claro y útil sobre todo porque usa Laravel 10 que es la versión que nos están pidiendo.

  • @ronaldo.i.o.8401
    @ronaldo.i.o.8401 Рік тому

    poque me vota, al momento de aumentar las pestañas , departments ,etcc .... se refresa y me vota y no muestras la pagina principal ..muestra vacio , y esta todo igualito q el video

  • @devjira3631
    @devjira3631 Рік тому

    Error "The department id field must be a number" block Create employee

  •  Рік тому +1

    comenta que hay un repositorio, pero no lo vi en la descripción, hay que estar suscrito o hacer algún pago para acceder?

    • @programandocondancruise
      @programandocondancruise  Рік тому +1

      Hola, no es necesario hacer pago, las ligas a los repositorios están en la descripción del canal. Te comparto la liga de este video: gitlab.com/DanCruise/laravuecompany
      Agradecería mucho tu suscripción al canal 👍

  • @LuisFerLara
    @LuisFerLara Рік тому

    Hola buenos dias, tengo un error en el eliminar, hago click en eliminar carga pero no elimina, otra cosa es que en la consola del navegador no manda ningun tipo de error

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Qué tal, entonces podría ser el error en la función del controlador, puedes revisar con el código del repositorio o si gustas mandarme captura por Facebook y te apoyo

  • @jeffersonbrioso2514
    @jeffersonbrioso2514 Рік тому

    Hola, una pregunta. Como podría agregar botones de editar y eliminar al datatable? He intentado agregarlos manualmente pero no me lo permite el render del datatable

    • @programandocondancruise
      @programandocondancruise  Рік тому

      ua-cam.com/video/Fwc2VOWJQcA/v-deo.html

    • @JoseMartinez-xj3cv
      @JoseMartinez-xj3cv 9 місяців тому

      Puedes renderizar los botones de acción en un tu tabla de la siguiente manera:
      const columns = [
      { data: 'id', name: 'id' },
      { data: 'name', name: 'name'},
      { data: 'created_at', name: 'created_at'},
      {
      data: null, orderable: false,
      render: function (data) {
      return ('Editar');
      },
      },
      {
      data: null, orderable: false,
      render: function (data) {
      return ('Delete');
      },
      }
      ]
      después añades a tu archivo la siguiente importación import { ref, onMounted } from 'vue';
      en mi caso agregue al botón una clase llamada department para poder acceder a toda la colección de botones.
      // accedemos a toda la coleccion de los botones del datatable
      const departmentRow = document.getElementsByClassName('department');
      // dentro de esta funcion recorremos todos los botones y le damos un evento click a cada boton
      onMounted(() => {

      for (const element of departmentRow) {
      let boton = element;
      // accedemos a cada boton y agregamos evento click
      boton.addEventListener("click", function(event) {
      event.preventDefault();
      let id = boton.getAttribute("dataId"); // obtenemos los atributos de cada boton
      let name = boton.getAttribute("dataName");
      if (name) {
      deleteDeparment(id, name); // llamamos la funcion que ya teniamos creada
      } else {
      window.location.href = '/departments/' + id + '/edit';
      }
      });
      }
      })
      Espero les sirva y me haya hecho entender

  • @SonidoScoobyDoo
    @SonidoScoobyDoo Рік тому +1

    No hay diferencia si te sigo con Jetstream, cierto ?

  • @josealbertodurangarcia7370
    @josealbertodurangarcia7370 Рік тому

    disculpa tenes mas videos o es el unico

    • @programandocondancruise
      @programandocondancruise  Рік тому

      En el canal puedes encontrar varios videos igual de inertia, laravel, VUE, React , por ejemplo al proyecto de este video se le añade un Dashboard:
      ua-cam.com/video/JdwIVXlPdF4/v-deo.html

  • @raulgarciam
    @raulgarciam Рік тому +1

    disculpe algun repositorio para descargar el código?

  • @cristiancguzman6178
    @cristiancguzman6178 Рік тому

    Com emits y props, porfa

  • @davidcardenas7737
    @davidcardenas7737 10 місяців тому

    eso es eloquent ??? , estoy confundido

  • @MrRicardoLlanos
    @MrRicardoLlanos Рік тому

    Estimados, a alguien le pasó el siguiente error al quere eliminar un registro de Departments: SQLSTATE[23000]: Integrity constraint violation: 1451 Cannot delete or update a parent row: a foreign key constraint fails (`laravuecompany`.`employees`, CONSTRAINT `employees_department_id_foreign` FOREIGN KEY (`department_id`) REFERENCES `departments` (`id`) ON UPDATE CASCADE)

    • @programandocondancruise
      @programandocondancruise  Рік тому

      Que tal, ocurre cuando intentas eliminar un departamento que ya tiene empleados, en la función destroy debes de añadir una validación que revise esto antes de eliminar

  • @hectorcg3205
    @hectorcg3205 Рік тому

    No inventes hermano, vas muy rapido, como si fuecemos expertos, un poco más lento. Lo de las tablas no se entiende nada

  • @thiagopetherson1268
    @thiagopetherson1268 Рік тому

    Hello. Thank you for the video. I'm getting this error on componente Report.vue. Could you help me ?
    Uncaught (in promise) TypeError: e.slice is not a function
    at p (datatables.net-vue3.mjs:99:47)
    at datatables.net-vue3.mjs:84:39
    at runtime-core.esm-bundler.js:2675:88
    at callWithErrorHandling (runtime-core.esm-bundler.js:158:18)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:166:17)
    at hook.__weh.hook.__weh (runtime-core.esm-bundler.js:2655:19)
    at flushPostFlushCbs (runtime-core.esm-bundler.js:325:40)
    at render2 (runtime-core.esm-bundler.js:6335:5)
    at mount (runtime-core.esm-bundler.js:3824:13)
    at app.mount (runtime-dom.esm-bundler.js:1431:19)