#2 Desarrollando un Proyecto Real con Laravel y Vue: Paso a Paso | GOGODEV

Подписаться 17 тыс.

Просмотров 12 тыс.

50% 1

¡Bienvenidos a un emocionante viaje de desarrollo de software! En este vídeo, te llevaremos de la mano a través de cada paso necesario para crear un proyecto real utilizando dos tecnologías increíbles: Laravel y Vue.js. Si eres un entusiasta del desarrollo web o un aspirante a desarrollador, ¡este contenido es perfecto para ti!
En esta serie de tutoriales, aprenderás cómo combinar el potente marco de trabajo de Laravel para el lado del servidor con la versatilidad y dinamismo de Vue.js en el lado del cliente. Vamos a abordar un proyecto práctico desde cero, mostrándote cada detalle del proceso.
Lo que cubriremos en este vídeo:
Configuración del entorno: Asegúrate de tener todo lo que necesitas para empezar, incluyendo la instalación de Laravel y configuración de un proyecto Vue.js.
Diseño de la base de datos: Planificaremos la estructura de nuestra base de datos y utilizaremos las migraciones de Laravel para crearla.
Creación de modelos y controladores: Implementaremos la lógica del servidor en Laravel, definiendo modelos y controladores para gestionar nuestros datos.
Autenticación de usuarios: Añadiremos la autenticación de usuarios y gestión de roles.
Desarrollo del frontend: Comenzaremos a construir la interfaz de usuario dinámica utilizando Vue.js con vite, creando componentes reutilizables y estableciendo rutas con Vue Router, además de usar Inertia para el panel de administración.
Comunicación entre frontend y backend: Conectar el frontend y el backend es crucial. Aprenderás a realizar solicitudes HTTP a través de API y a mostrar datos en tiempo real.
Implementación de funcionalidad: Agregaremos características específicas al proyecto, como la gestión de tareas, comentarios en tiempo real, o cualquier otro aspecto que deseemos explorar.
Nuestro objetivo es proporcionarte una comprensión sólida de cómo estos dos marcos de trabajo pueden trabajar juntos para construir aplicaciones web robustas y dinámicas.
No importa si eres un principiante o un desarrollador con experiencia, este vídeo te guiará a través de todo el proceso, explicando cada paso y resolviendo problemas comunes que puedes encontrar en el camino. Así que, prepárate para sumergirte en el desarrollo de aplicaciones web modernas con Laravel y Vue.js. ¡Suscríbete, activa las notificaciones y comencemos este emocionante proyecto juntos!
✅ Suscríbete Al Canal Para Ver Mas Videos: www.youtube.co...
✅ Enlaces Importantes:
👉 Si Buscas Una Comunidad Para Desarrolladores Visita: ademass.com/
✅ Conectate Conmigo:
👉 (X)Twitter: / jjruizempresa
==============================
✅ Otros videos que te pueden interesar:
👉 Dominando GraphQL: Curso Completo Para Desarrolladores | GOGODEV
• Dominando GraphQL: Cur...
👉 Guía Básica De ThreeJS: Dibuja En 3D En El Navegador Con JavaScript - Episodio 1 | GOGODEV
• Guía Básica De ThreeJS...
👉 Introducción al HTML5: Guía Completa 2023 - Episodio 1 | GOGODEV
• Introducción al HTML5:...
👉 Consumo De APIs Con Java - Tutorial Completo 2023 | GOGODEV
• Consumo De APIs Con Ja...
=============================
✅ Acerca de GOGODEV:
Canal creado con el ánimo de divulgar conceptos sobre programación informática, así como para formar futuros desarrolladores autodidactas en cualquier lenguaje de programación.
Programación en español. Explicación y divulgación de tecnologías.
Cursos y consejos sobre programación.
Programación fácil.
Formación para programadores.
Aprender a desarrollar de forma clara y concisa.
Tecnología sin rodeos.
Programación efectiva.
Todos los lenguajes y temáticas: Solidity, PHP, Laravel, C#, JavaScript, React, NextJS, Vue3, ReactNative, Angular, Blockchain, TypeScript, Python, Odoo, Django, Unity, Unreal Engine, Java, CSS3, HTML5.
¡De programador a programador!
📩 Email: jjruiz@gogodev.net
🔔 Subscribete A Mi Canal Para Ver Mas Videos:
www.youtube.co...
=====================
#DesarrolloWeb
#Laravel
#VueJS
#ProgramaciónWeb
#ProyectoReal
#DesarrolloDeSoftware
#TutorialesDeProgramación
#ProgramaciónEnPHP
#VueLaravel
#DesarrolloFrontend
#DesarrolloBackend
Descargo de responsabilidad: No aceptamos ninguna responsabilidad por ninguna pérdida o daño en el que se incurra si usted actúa o no actúa como resultado de escuchar cualquiera de mis publicaciones. Usted reconoce que utiliza la información que proporcionamos bajo su propio riesgo. Haga su propia investigación.
Descargo de responsabilidad de derechos de autor: según la Sección 107 de la Ley de derechos de autor de 1976, se permite el "uso justo" para fines tales como críticas, comentarios, informes de noticias, enseñanza, becas e investigación. El uso justo es un uso permitido por el estatuto de derechos de autor que de otro modo podría estar infringiendo. El uso personal, educativo o sin fines de lucro inclina la balanza a favor del uso justo
© GOGODEV

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 67

@AngelHdzMultimedia 10 месяцев назад

No me aparece spartie/laravel-permission ni en Google, ni en composer. Me dice que quizas quiero decir spatie/laravel-permission. Rarisimo que te haya funcionado con "spartie" con la "r" antes de la "t". *Editado:* Ya ya, mas adelante se corrige, es un typo, pero muy raro que en la parte del video donde instalas el paquete, se haya instalado con el typo.

@expresstutorial3255 14 дней назад

Composer tiene una funcionalidad llamada "typo tolerance" o "tolerancia a errores tipográficos" es muy probable que haya buscado el paquete correcto y lo haya instalado.

@davidvaluex 11 месяцев назад

Esto me recuerda a las series buenas antiguas que echaban un capítulo nuevo a la semana y estabas deseando que pasara la semana para ver el siguiente capitulo…jejejeje......salvando las diferencias 🤣

@AngelHdzMultimedia 10 месяцев назад

No puedo importar con `use Hash;` me dice `Undefined type 'Hash'.`. Tengo que usar la ruta completa `use Illuminate\Support\Facades\Hash;.` 🤷‍♂ Intente varias opciones desde instalar una version anterior de PHP Intelliphense, configurar "intelephense.environment.includePaths": [ "vendor" ], en los settings del workspace, reindexar el workspace, reiniciar el workspace, etc. Tengo tambien Laravel Extra Intellisense instalada. MI unica opcion es desactivar ese error en los settings de la extension PHP Intelliphense con "intelephense.diagnostics.undefinedTypes": false, pero cuando me detengo encima de la clase Hash no hay ninguna ventana emergente, como que no lo reconoce, no se si en tiempo de ejecucion funcione... O es que en alguna parte importas los Facade de manera global y no me di cuenta de esa parte!? (aunque he visto los 2 videos hasta este punto 38:22 completamente).

@eddyjoelbarranzuelamaldona7148 Месяц назад

al intentar logear me sale el siguiente error: App\Models\User::getPermissionsViaRoles must return a relationship instance. todo indica que sea el metodo getPermissionsViaRoles, alguien me podria ayudar?

@germdz 11 дней назад

Me parece muy interesante esto de permisos y roles. ¿Se podría crear primero el permiso del editor y luego agregarle al admin los permisos que le faltan?

@edwineinsen 6 месяцев назад

es SPATIE no SPARTIE por si a alguien le dio error.

@jmunozco 6 месяцев назад

Hace daño a la vista el naming que usas

@sandroguinet2577 9 месяцев назад

No me gusta tu esquema de trabajo y es que deberia ser la api solo en laravel en un proeycto aparte y el otro proyecto seria solo de Vue

@johanandreschateangucho7726 7 месяцев назад

Por eso es monolitico moderno aun es para ahorrar tiempo en desarrollo

@parcerosky_3165 10 месяцев назад

en el minuto 41:00 supongo que se hizo el corte pero no se vio cómo se instaló vue, en la terminal dice de un build inertia, pero no entiendo

@patricio3641 7 месяцев назад

en el minuto 4:55 pone una anotación ya que se le corto la grabación, viene un comando para instalar inertia

@danimajo2382 5 месяцев назад

Hola! En que momento has puesto los comandos para instalar inertia con vue????? no lo veo por ningun lado

@santiagoinostroza7028 5 месяцев назад

Explica en un texto que esa parte no se grabó. Despues del comando: composer require laravel/jetstream Debes ingresar el comando: php artisan jetstream:install inertia Y luego: npm install npm run build php artisan migrate

@desarrolladorweb9852 7 месяцев назад

Buenas tardes, alguien me puede ayudar en esta parte: public function share(Request $request): array { return array_merge(parent::share($request), [ 'user.roles' => $request->user() ? $request->user()->roles->pluck('name') : [], 'user.permissions' => $request->user() ? $request->user()->getPermissionsViaRoles()->pluck('name') : [], ]); } me muestra un error en la linea: 'user.roles' => $request->user() ? $request->user()->roles->pluck('name') : [], (Call to a member function pluck() on null) no se que pueda hacer, agradesco la ayuda porfa gracias

@desarrolladorweb9852 7 месяцев назад

Mil disculpas me di cuenta que el traits de HasRoles no estaba incluido en el Models user.....😅

@adrianribeirosanjorge4172 5 месяцев назад

@@desarrolladorweb9852 yo tengo ese mismo error pero si que tengo el trait de HasRoles en el Model user

@guillermogizzi462 7 месяцев назад

Buenas, como están, la pregunta es la siguiente, tengo que hacer modificaciones sobre un proyecto ya generado por otra persona donde se ha generado una API con Laravel la cual alimneta las interfaces hechas con Vue.js, hay alguna forma de darme cuenta si se ha trabajado con Inertia?

@simonchasnovsky1835 10 месяцев назад

Los que cambiaron el proyecto a backend laravel + api + frontend vue completo (incluyendo funciones de admin) sin Intertia en el medio esperando que termine esta seccion jajaj

@adrianribeirosanjorge4172 5 месяцев назад

no se si alguien puede ayudarme pero estoy en la parte de crear los botones de Create Roles y Manage Lessons al añadir los v-if al recargar la pagina esta se queda en blanco y no muestra nada y no se muy bien donde puede estar el error , si alguien que tuviera este mismo problema puediera ayudarme lo agradeceria

@ralfmelo07 5 месяцев назад

Una excelente idea sería incluir todo el código y los cambios realizados en cada lección dentro del repositorio del proyecto en un commit. De esta manera, el progreso y los avances estarían bien organizados y documentados, facilitando el seguimiento del trabajo realizado en cada lección. del resto excelente video.

@pedromedina1987 9 месяцев назад

Hola Juanjo, muy buen nivel tus explicaciones. Te consulto, hay forma de hacer un rollback a db y que empiece desde la ultima tabla creada hacia la primera? Tengo un caso, donde debeo crear mi tabla persona, para que sea FK de otras tablas (por ejemplo pacientes), pero cuando hago un rollback comienza desde la primera tabla creada (persona) y no me permite avanzar por hay otros objetos que dependen de ella. Una solucion que se me ocurre es luego de crear las tablas, hacer un alter table y agregar las constrains, pero estimo que debe haber una solucion a esto. Gracias por tu respuesta.

@oswaldocalderon9535 11 месяцев назад

🤯 Calidad de curso 💯! Algo me dice que esta semana de espera del tercer video será una tortura 😥, está super interesante el curso. Muchas gracias!!!

@GOGODEV 11 месяцев назад

Muchas gracias, Oswaldo!

@paulvasquez4014 11 месяцев назад

el pakage se llama spatie no spartie

@GOGODEV 11 месяцев назад

Correcto. De ahí el error en las importaciones. 😅

@AngelHdzMultimedia 10 месяцев назад

El misterio es como el pudo instalarlo con el nombre equivocado "spartie" sin el error de composer de "tal vez quisiste decir spatie"... 🤯🤔

@BrunoMarquesScorpyous 7 месяцев назад

Professor, por que Jetstream e não Breeze? Algo em especial?

@niobeldelpozonistal7182 10 месяцев назад

Hola Juanjo , hoy aubiras el proximo capitulo del taller Laravel Vue ?

@ManuelParada-t7z 11 месяцев назад

Me genera una duda para la implementación api usarlas los mismos roles y permisos y el paquete de apatía roles y permisos

@sandokanArg 11 месяцев назад

ahora se esta poniendo bien chulo el curso, mas porque es algo que quería implementar en mis pruebas, voy a rever el video para estar seguro que no me saltee nada, mire de reojito y no me quedo claro cuando aparece el botón, pero no preste del todo atención ya que mi maquina empezó a apagarse, así que a revisar el hardware primero (en casa de herrero, cuchillo de palo) y luego vuelvo al código.

@paulvasquez4014 10 месяцев назад

Se debe crear cada permiso por separado y luego agruparlos en un array para asignarlos al rol. sino nos da error

@denisekhurlopian1313 8 месяцев назад

Hola! muy bueno el curso, una lastima que hayas cortado la parte donde se instala inertia con vue. Intente hacerlo pero no me generaron los componentes de vue que decis y mostras. Seria el inertia CLI? porque no lo encuentra.. si podes dar el comando para instalar el que decis te agradeceria! Saludos! Muchas gracias por el contenido!

@rociomartin1736 7 месяцев назад

hola amigo. en este vídeo te lo explica: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uHAYq6y7QCA.html un saludo!

@juliolh06 10 месяцев назад

Todo salio perfecto, excelente curso gracias como siempre compartir conocimiento que ayuda al crecimiento dia a dia

@dieguitto3528 11 месяцев назад

jejeje el primer comentario es mío XD

@turkmza 7 месяцев назад

Excelente curso! me encanta!! estaria bueno ir haciendo un borrador con todos los comando utilizados, ya que seria muy tedioso buscarlos luego en los videos! Bendiciones!!!

@GOGODEV 7 месяцев назад

Muchas gracias por la sugerencia!

@sandokanArg 10 месяцев назад

Tengo mas de 200 filtros a los usuarios en mi proyecto, hasta ir al baño les privo, jajaja

@GOGODEV 10 месяцев назад

🤣🤣

@isaachernandez6211 11 месяцев назад

Buenas maestro, primero que todo excelente con el video de hoy, esperando que salga el siguiente. Le tengo una consulta será que podría compartir que tipo de tema está utilizando en visual studio code, ya que me parece elegante al igual que las extensiones que utiliza, si no es mucha molestia claro. Que pase bien,

@GOGODEV 11 месяцев назад

Muchas gracias! Para el tema de visual studio code, los dos que suelo usar son o synthwave'84 o night ownl. En el vídeo 'mi VS code setup' explico cómo configurarlo 👍👍

@albertomendoza-h1v 8 месяцев назад

buenas , una pregunta los componentes no se me crearon , que seria

@albertomendoza-h1v 8 месяцев назад

componentes vue

@RansesSancheFuentes 11 месяцев назад

aqui esperando con ansias jajaj

@CamiloRguez 11 месяцев назад

Gracias, estamos a la espera! :)

@sandokanArg 10 месяцев назад

Juanjo, en el caso de querer tener mas control sobre los usuarios de lo que pueden hacer, como por ejemplo de imprimir o acceder a distintos niveles dependiendo de cada sector de nuestra pagina, ahi tenemos que tener distintos roles y permisos por area o bien, podemos combinar roles a un mismo user? Yo siempre pensando en mi proyecto de prueba que conoces.

@GOGODEV 10 месяцев назад

Hola! Lo ideal sería generar permisos para ello, conjugando acción y modelo. Por ejemplo: print categories share categories Etc

@sandokanArg 10 месяцев назад

@@GOGODEVahora lo intentaré de hacer, supongo en v-if irán en los iconos donde tengo que privar o no al usuario en el. Asi de los print o exportación a excel.

@GOGODEV 10 месяцев назад

@@sandokanArg eso es

@Claudiahernandez-im3uk 11 месяцев назад

Pienso que debería ser unos de los cursos que deberían salir más rápido y pronto ya que la última ves que montó hubo mucha interacción y estuve muy emocionada con la clase dada, para ser sincera los otros vídeos anteriores que ha sacado de otros temas me han dejado un sin sabor, pero bueno ojalá salieran más seguidos cursos de laravel y vue ya que son los mejores que he visto.

@GOGODEV 11 месяцев назад

El ritmo será rápido. Aquí tenemos un cliente al que entregar un producto, así que estamos obligados a ello 😅

@Esteban5Tael 11 месяцев назад

Apoyo,

@enoligareta3278 11 месяцев назад

Muchas gracias como siempre, contenido inmejorable!

@GOGODEV 11 месяцев назад

Muchas gracias!

@rlumba 11 месяцев назад

Esperando...

@reneriquelme9360 10 месяцев назад

cuando suben la 3ra?

@GOGODEV 10 месяцев назад

Hoy 🙂

@davidcardenas7737 9 месяцев назад

usan inertial ???

@GOGODEV 9 месяцев назад

Sí. A lo largo del taller usamos ambos formatos. Actualmente el admin panel lo estamos montando con inertia. Y posteriormente desarrollaremos la app cliente independiente para ver ambos formatos

@sandokanArg 11 месяцев назад

Gracias como siempre Juanjo

@GOGODEV 11 месяцев назад

Muchas gracias!!