#2 Desarrollando un Proyecto Real con Laravel y Vue: Paso a Paso | GOGODEV
HTML-код
- Опубликовано: 8 сен 2024
- ¡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
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 🤣
🤯 Calidad de curso 💯! Algo me dice que esta semana de espera del tercer video será una tortura 😥, está super interesante el curso. Muchas gracias!!!
Muchas gracias, Oswaldo!
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.
Todo salio perfecto, excelente curso gracias como siempre compartir conocimiento que ayuda al crecimiento dia a dia
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.
Muchas gracias como siempre, contenido inmejorable!
Muchas gracias!
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.
Gracias, estamos a la espera! :)
Gracias como siempre Juanjo
Muchas gracias!!
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!!!
Muchas gracias por la sugerencia!
aqui esperando con ansias jajaj
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).
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?
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.
El ritmo será rápido. Aquí tenemos un cliente al que entregar un producto, así que estamos obligados a ello 😅
Apoyo,
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
en el minuto 4:55 pone una anotación ya que se le corto la grabación, viene un comando para instalar inertia
Hola Juanjo , hoy aubiras el proximo capitulo del taller Laravel Vue ?
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?
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.
Se debe crear cada permiso por separado y luego agruparlos en un array para asignarlos al rol. sino nos da error
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
Me genera una duda para la implementación api usarlas los mismos roles y permisos y el paquete de apatía roles y permisos
Hola! En que momento has puesto los comandos para instalar inertia con vue????? no lo veo por ningun lado
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
Professor, por que Jetstream e não Breeze? Algo em especial?
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!
hola amigo. en este vídeo te lo explica: ruclips.net/video/uHAYq6y7QCA/видео.html
un saludo!
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,
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 👍👍
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.
Hola! Lo ideal sería generar permisos para ello, conjugando acción y modelo.
Por ejemplo:
print categories
share categories
Etc
@@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.
@@sandokanArg eso es
Esperando...
buenas , una pregunta los componentes no se me crearon , que seria
componentes vue
es SPATIE no SPARTIE por si a alguien le dio error.
cuando suben la 3ra?
Hoy 🙂
usan inertial ???
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
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
Mil disculpas me di cuenta que el traits de HasRoles no estaba incluido en el Models user.....😅
@@desarrolladorweb9852 yo tengo ese mismo error pero si que tengo el trait de HasRoles en el Model user
el pakage se llama spatie no spartie
Correcto. De ahí el error en las importaciones. 😅
El misterio es como el pudo instalarlo con el nombre equivocado "spartie" sin el error de composer de "tal vez quisiste decir spatie"... 🤯🤔
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
jejeje el primer comentario es mío XD
Tengo mas de 200 filtros a los usuarios en mi proyecto, hasta ir al baño les privo, jajaja
🤣🤣
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
Por eso es monolitico moderno aun es para ahorrar tiempo en desarrollo
Hace daño a la vista el naming que usas
Esperando...
A por ello!