1/2 - Laravel + Vue + SPA + CRUD 

Muchas gracias Marlon!!! Viste que esa combinación laravel + vue tiene mucha demanda. Espero ayudarlos. Saludos!

bnnbju7tfu7txxf2kml9

fcb... ml9

fv ..ño

@@informaticadp x cvgy8

Muchas gracias Jose!!! Es lo mejor saber esto. Y me alegra poder ayudar. Abrazo!!

amigo me podes ayudar, tengo ese error y no hay forma de solucionarlo

Gracias Juan Antonio por el aporte!

Muchas gracias Carlos!!

Saludos mi estimado! Así es, Laravel es muy bueno. Abrazo!

Excelente Rodrigo!!! Saludos

Con éste comentario basta y sobra. Muchas gracias!!!

Muchas gracias!!!

Saludos y muchas gracias Emmanuel!

Gracias Diego!!

Grande bro! Muchas gracias por las buenas vibras!! Abrazo!!

Gracias, saludos!!

Gracias Raúl!!

De verdad? Y el código que dijo que dejaría en el minuto 21:40? Usted lo encontró? cómo pudo seguirlo si ese código ni lo mostró completo en el video ni lo compartió?

Muchas gracias!! Si no viste este video, te lo recomiendo. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eRYz62Cx0Wg.html

Gracias! Ya Laravel 10 jeje

Muchas gracias! Tengo en mente un login con vue y vuex, para usar la API de laravel que hicimos con JWT.

npm i vue@2.6.12 vue-loader@15.9.8

@@luizarnoldchavezburgos3638 no me funciono con npm i vue@2.6.12 tuve que instalar el vue@2.6.14 como senalan mas abajo. Alli si

MIL GRACIAS BRO, estuve horas intentando solucionar el problema y tu comentario me ayudo un monton. De verdad que gracias

Hola Fijate en el canal, hay muchos proyectos donde muestro diferentes formas de trabajar con las migraciones. Igual vamos con mas Laravel.. saludos..

Hola Kevin. Era por la versión de MySQL. En un video lo explico. No recuerdo cuál. Si tu versión está actualizada, esa configuración no hace falta. Saludos!

Para ambas! Vas a ver en este curso lo fácil que es trabajar con vue y sus componentes con Laravel. Espero te sirva. Abrazo Bro!

@@informaticadp Muchas gracias!! En este proyecto utilizas jetsetram/inertia?

también tengo este problema

Es por que te instalaste vuejs3 y no es compatible con este curso cambialo a vue2 en el package.json

Por que te instalaste vue3 tienes que usar vue2

@@cesart.molina2177 gracias!! Me funcionó con las dependencias en estas versiones: vue@2.6.14 vue-router@3.5.3 y devDependencies: vue-loader@15.9.8 vue-template-compiler@2.6.14

Para eso necesitarías crear un nuevo modelo con migración llamado Category y agregar una clave foránea a la tabla blogs junto con una relación en el modelo de Blog que indique que está relacionado con Category. Esto último es para poder trabajar con eloquent. Resumiendo... -Creas dos migraciones. Una para crear la tabla de categories y otra para agregar la clave foránea en la tabla blogs. - Generas el modelo de Category, esto igual, lo podes hacer junto con la migración, php artisan make:model Category -m -Después de eso agregas la relación al modelo Blog con belongsTo -También agregas la relación al modelo Category con hasMany. Una vez que tengas eso ya vas a poder obtener todos los blogs de una categoría con $category->blogs Y la categoría de un blog con $blog->category Esto te obtendrá un object de la relación. Se entiende por ->blog y ->category que son los nombres de las funciones donde obtenemos la relación en el modelo. Saludos!

Hola Carlos! Te paso. Visual studio code. Theme: Outrun Night

Gracias

En el package.json coloquen vue-loader:^15.9.8 vue:^2.6.12 vue-axios:^2.0.0 vue-router : ^3.0.0 npm update luego npm install y npm run dev

Cuando el usa Schema en el appService lo usa por que tiene un mysql viejito, pero si tienes actualuzado mysql no es necesario

Gracias, amigo. Tenía ese problema y trataba de encontrar algo en la documentación de Laravel que me orientara.

después de la declaración de una ruta, donde el primer parámetro es el parámetro nombrado en la ruta y el segundo parámetro es una expresión regular que debe coincidir con verdadero. Si no es así, la ruta no se ejecuta y se encuentra otra coincidencia (si existe)

@@camilooyarzo9987 genial Gracias!

Hola! Todos los proyectos estan en mi cuenta de Github. Siempre en la descripción del último video de cada serie.

Si. Estaba esperando que Vue 3 ya salga de versiones beta. Si ya salió la definitiva , lo hacemos. Perdón pero no estoy al tanto en que versión está.

@@informaticadp okok gracias

@@informaticadp The current latest stable version of Vue is v3. 2.33.

Si, son formas. Comparto lo que decís. Igual Vue se integra perfecto en un proyecto con Laravel. De hecho Laravel ofrece el stack Inertia y trabajan como en el vídeo. Saludos.

@@informaticadp es cierto, saludos desde colombia.

Muchas gracias!! Es tal cuál lo decís. No usé vue 3 porqué todavía hay algunas incompatibilidades. Fíjate en el canal siempre trato de usar las últimas versiones al momento de hacer los videos. Pero creo que vue 3 no es estable actualmente o si?

@@informaticadp Aún no es compatible, bajaré a la versión 2.6

No, que es lo que te sale?

@@informaticadp app.js:19786 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'get') ; INTENTO hacer un test con postman y me regresa el html , si comento en el route web- el Route::any , y solo dejo el api si me regresa algo el post

Route::get('{any}', function(){ return view('app'); })->where('any', '.*') me he topa q es por este, como podre llamar las rutas, yaq si le quito el any, y solo a una pagina, cuando recargo en otra page me dice 404 not found solo al recargar

@@informaticadp hago un console, y al hacer /api/... me regresa html, esta entrando ala route de web {any}

hola, tengo el mismo problema en este momento... lograste solucionarlo?

@@freddyarriagacruz8987 no, aún no lo logro. Vi el vídeo 3 veces más, le di pausa y compare 20 mil veces y aún se me presenta el problema. Avísame si tú puedes solucionarlo brother

vale, mirando el código fuente del siguiente vídeo puedo comprobar que el archivo app.js define mal la constante app, que debería ser: const app = new Vue({ el: '#app', router: router, render: h => h(App), })

@@JaimeReyCasadoMonokepos muchas gracias brother, voy a hacer los ajustes a ver si me funciona.

@@JaimeReyCasadoMonokepos esta igual que en el video const app = new Vue({ el: '#app', router: router, render: h => h(App) });

Paso mi app.js require('./bootstrap'); import vue from 'vue' window.Vue = vue import App from './components/App.vue'; import VueAxios from 'vue-axios'; import axios from 'axios'; import VueRouter from 'vue-router'; import { routes } from '/.routes'; import Vue from 'vue'; Vue.use(VueRouter); Vue.use(VueAxios, axios); const router = new VueRouter({ mode:'history', routes: routes }); const app = new Vue({ el: '#app', router: router, render: h => h(App) });

Era la versión de node js. Lo pude solucionar 👍

@@jorgefernandorodriguez1581 como lo solucionaste?

El código siempre está en el último video de la serie. ru-vid.com/group/PLrAw40DbN0l33O9tOstCiNsQdjpPYvjOj

genial

Muchas gracias! Todos los proyectos con su respectivo código están en mi repo de Github. Y Siempre el link está en la descripción del último vídeo de la serie. Saludos.

Lo voy a tener en cuenta para próximos videos..el tema de la terminal. Saludos.

Eso se hace por la version de mysql por que te genera in error al migrar si tienes una version reciente eso no es necesario

Single Page Application

Hola! Que error??

@@informaticadp WARNING in ./resources/js/app.js 20:14-17 export 'default' (imported as 'Vue') was not found in 'vue asi lo tengo import Vue from 'vue'; import VueRouter from 'vue-router';

Jaja muchas gracias! Si todo un tema con el ritmo. Lo bueno es que se puede hacer lo que haces y el código siempre disponible. Abrazo bro!

Si, eso si, me ayudo muchisimo a entender unas cosas y como ando comenzando con Vue mucho mejor para familiarizarse, pero muy bueno el video 😁😁

​@@informaticadp Tengo problemas ya al final, y no logro encontrar solucion por lo que veo mi tutorial llega hasta este punto :C, tengo desde ayer tratandole y nada, no se como solucionar :/, siempre me tira este error: export 'default' (imported as 'vue') was not found in 'vue' y me pone una lista gigante de exports. El laravel mix me pone todos estos errores y warnings: webpack compiled with 6 warnings, he tratado de todo y la verdad no consigo como hacer para que pase de ese paso :/, los warnings todos tienen que ver con la parte de los import vue, axios, router, etc, los del app.js

Ok, I'll take it into account, thanks!

Venis de la programación desktop?

Dios como poses decir eso, desarrollar sistemas en la actualidad es un arte y tiene que ser mantenible, escalable y facil de leer para otros devs, lo que el hiso es muy basico, y eso que no usó git, tdd, ni solid para el desarrollo

@@informaticadp No. HTML CSS JS. Mi opinión va orientada que es increíble la cantidad de librerías y frameworks que están saliendo. Pero se está volviendo un descontrol. Se habla de "mantenibiliedad", y gran parte de la mantenibilidad está en la solidez de las distintas partes que componen un framework, y esto está descontrolado. Uno usa 300mb de librerías y resulta que en la nueva versión , cada uno hace lo que quiere en forma anárquica y hay que andar modificando todo o incluso reemplazando librerías por completo. Eso lleva trabajo y tiempo, además de la desagradable sorpresa de que en la nueva versión, lo que en la anterior re dijeron que era fantástica ... de golpe la famosa frase ... "deprecated". Corran cualquier cosa con Node, y no hay uno solo que no tenga media docena de Warnings de todo tipo, y si cambia la versión de algo, se desata el infierno, porque incluso resulta que dos librerías que usabas, una no es compatible con tal versión de la otra, pero la otra no va con la de la otra. No me gusta el enrutamiento. Se pieder mucho tiempo entre entorno de desarrollo y otro de producción, hay clientes que piden modificaciones de todo tipo a cada rato y se necesita algo con lo que se puedan hacer rápido y no tener que tener no menos de 2 aplicaciones distintas corriendo por separado, y ni hablar de si en un mismo servidor se tienen 20 aplicaciones de 20 clientes. Me la pasaría todo el día tratando de hacer que el framework funcione en lugar de programar soluciones. Me parece un trabajo increíble el que se está haciendo, por eso me interesa, y mucho. Pero lo veo una ensalada y poco confiable para decidir usar un framework compuesto por un montón de paquetes que no se siquiera si en la versión de dentro de 6 meses van a seguir funcionando. Hasta webpack parece tener los días contados. Es muy anárquico. Tampoco quiero un microsoft, pero necesito al menos una tecnología que me de 4 años de tranquilidad de poder dedicarme a desarrollar la solución del cliente, y no ver como hago magia para seguir haciendo funcionar el framework.

@@rickkk226 pues que te puedo decir, laravel actualiza cada 6 meses pero tambien estan sus versiones lts por ejemplo yo uso laravel 9 y es compatible con su anterior version eso si, tienes que adaptar algunas pequeñas cosas pero nada que preocuparse para no quedarte desactualizado y esas mamadas, estoy d acuerdo contigo y por eso una occion es usar ddd y no depender del framework ni mucho menos la version :), y si te contara sobre django es peor, y el uso de vuejs ya eso es por el front end podes usar vanilla JavaScript si quieres, liveware o nose la verdad estos tiempo estan que apenas terminas el projecto te das cuenta que tu version esta desactualizada jajaja ya me paso con Laravel 7

@@rickkk226 por eso el full stack no existe realmente, que sepa front end no significa que sea full stack, yo soy backend que desarrolla tdd usa patrones de diseño, control de versioned, y desarrolla api, esa es mi funcion otro compañero se encarga de vuejs y css, otro de base de datos y yo solo le mando una pequeña documentacion de las rutas del como funcionan, los parametros y lo que devuelve, en fin el desarrollo de software es complejo por eso lo pagan bien, lo unico que puedes hacer es dominar un lenguaje backend sea python , php o typescript ya con eso no importa el framework de moda lo importante es que domines la programacion

En cual?

Talves por que instalaste vuejs 3 este curso es con vuejs 2 tienes que cambiarlo en el archivo package.json

En el package.json coloquen vue-loader:^15.9.8 vue:^2.6.12 vue-axios:^2.0.0 vue-router : ^3.0.0 npm update luego npm install y npm run dev

@@necris25 eres god bro, me funcionó con eso me surgió una pregunta, ¿Cuándo modificas el package.json de esa forma, se da a entender que esa sintaxis funcionará a partir de las versiones que indicaste? saludos

@@necris25 Gracias!!! Arreglo mi problema

Es por vue3 tienes que usar vue2

En el package.json coloquen vue-loader:^15.9.8 vue:^2.6.12 vue-axios:^2.0.0 vue-router : ^3.0.0 npm update luego npm install y npm run dev

@@necris25 Me has salvado la vida, Muchas Gracias Crack!

@@necris25 comprobado, con eso se soluciona el error, es un tema de compatabilidad, pero de verdad que puede llegar a ser un dolor de cabeza🤗

gracias mil gracias @@necris25