About y Error

27/27

Lectura

Si has llegado hasta aqu铆鈥 隆Enhorabuena! Ya tienes una super aplicaci贸n Vue creada desde 0 que utiliza conceptos avanzados. Adem谩s has podido subirlo a la plataforma de Netlify y administrar las variables de entorno.

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 19

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Solo he le铆do el curso, para ahorrar tiempo en el #PlatziDay. Pero est谩 fabuloso el curso he visto bastantes cosas que desconoc铆a.

驴Quieres colaborar con el proyecto? Todas las aportaciones son bienvenidas. Es una buena forma de iniciarse en el mundo open source y colaborar. Para participar empieza creando una issue o un pull request en el repositorio oficial del proyecto: https://github.com/baumannzone/diablo3-vue-platzi

A帽adir documentaci贸n o corregir una simple coma en un readme.md o mejorar la suite de tests鈥 隆cualquier aportaci贸n es v谩lida!

Listo!, quedo el proyecto. En este momento solo me estoy enfocando en aprender React y por lo tanto, he hecho este curso en react jajaja. Un curso muy completo, me ha hecho leer mucha documentaci贸n y aprender mucho.
Aqu铆 dejo el link a la app
Aqu铆 el repositorio de github

Cualquier sugerencia o comentario es bienvenido!

Jorge muchas gracias por este gran curso, me a aportado mucho, me ayudara mucho mi en crecimiento profesional !!!

jejeje finished el curso, gracias viejo

https://diablo3-sfsuser.netlify.app/

Me hubiera gustado ver algo rapido de testing 馃槮 .

Excelente curso! les dejo el mio DiabloIII y espero poder colaborar al proyectos en estos dias.

Que genial, todo sali贸 perfecto y aprendimos un monton en el camino.

Muy buen curso, me gust贸 la manera de abordar los temas en escrito pues es m谩s f谩cil regresar a resolver dudas 馃憣

Como a帽adido le agregue un poco de TypeScript y un plugin para Vue 2 donde usamos la nueva Composition API, aqu铆 les dejo el repositorio: https://github.com/manuelojeda/d3pf

Hice un pull request al repositorio original. Es algo sencillo pero espero sea de ayuda 馃槉

Hoy he aceptado otro Pull Request de otro estudiante. Ya somos 3 馃槃

https://github.com/baumannzone/diablo3-vue-platzi

Excelente curso, realmente me encanto, muchas gracias por todo el conocimiento. Me gustar铆a que hubiera uno sobre las PWA con Vue.js, seria genial

Estaba esperando la parte de Testing 馃槩

Listooo!!! Tarde mucho realmente en terminarlo porque estudio despues de trabajar por las noches pero esas dos horas diarias que le pude dedicar realmente pude aprender mucho y practicar lo que ya sabia, 10/10 este es el resultado <https://diablo3.netlify.app/> y aqui mi repo. <https://github.com/JohanDev115/Diablo3> THanks a mil

He terminado el curso, y he pasado el proyecto de Vue 2 a Vue 3.

De Webpack a Vite, de Options Api a Compostion Api, y de Vuex a Pinia.

Comparto mis resultados:

Vue 2: https://github.com/carlosmperilla/Diablo3-API-Vue-v2

Vue 3: https://github.com/carlosmperilla/Diablo3-API-Vue-v3-

Si quieren hacer el curso en Vue 2 y pasarlo a Vue 3, sepan que se puede, si quieren hacerlo en Vue 3 con Composition, tambien los invito a probar.

Hay que aprovechar el formato de texto.

隆Mucha suerte!

Excelente curso la lectura fue f谩cil de seguir y entender.

https://vue-diablo3-app.netlify.app/

https://github.com/gustperx/vue-diablo3-app

En mi caso use constru铆 la aplicaci贸n Usando Vue 3 + Composition API + TypeScript + TailwindCss

Fue muy entretenido y educativo seguir el curso aplicando este stack

Logre corregir el problema de mostrar las im谩genes de los items del hero en netlify, para esto cree un 鈥渃omposable鈥 de vue 3 (parecido a los hooks de react) y agrupe todas las llamadas a las im谩genes (para hacer m谩s f谩cil modificaciones si cambia algo del API de blizzard).

La solucion fue aplicando esto:

https://markus.oberlehner.net/blog/using-netlify-redirects-to-proxy-images-hosted-on-a-third-party-image-provider-or-a-headless-cms/

Que gran curso profe muchas gracias definitivamente fue un curso avanzado y se sintio asi todo el tiempo espero hayan mas cursos asi
https://vuediablo3.netlify.app/

Incre铆ble! Segu铆 el curso paso a paso, curioseando, toqueteando aqu铆 y all谩, me encant贸 mucho, sobre todo porque te da la idea de c贸mo estructurar y hacer un proyecto verdaderamente profesional con Vue, como dividimos todo en componentes y carpetas, es genial.

Otro plus (para mi) es que nunca, NUNCA usar茅 Stylus para ning煤n proyecto xD Pero al menos puedo decir que he hecho un proyecto usando Stylus:D! Aunque lo use aqu铆 no me termin贸 de convencer Stylus, me gusta m谩s usar llaves y comas y puntos y comas.

Aunque en la vista de heroes no se muestran las im谩genes (En la aplicaci贸n en producci贸n), en general el proyecto me pareci贸 genial, me tom贸 mucho tiempo completar este curso (En realidad solo fueron 2 d铆as pero Vueno) me tom茅 mi tiempo para leer y entender bien todas las clases, y la modalidad escrita me parecio genial!馃槃

馃憠 Recuerda, estoy esperando ver tu diploma en twitter (https://twitter.com/baumannzone) o en instagram (https://www.instagram.com/baumannzone/). Cons铆guelo y dame un aviso por las redes. 馃憟

Abre la p谩gina de About en el navegador, deber铆as verlo as铆:La p谩gina de error es bastante sencilla tambi茅n. Como recordar谩s, cada vez que ten铆amos un error, guardabamos toda la informaci贸n del error en el Store de nuestra aplicaci贸n (Lo puedes ver en: /store/modeules/error.js)Pues bien developer, lo 煤nico que hay que hacer es recuperar los datos del Store y mostrarlos en la vista de Error, /src/views/Error/Index.vue:Con los comentarios hemos explicado bastante bien lo que hace cada parte, pero hay una que no hemos visto durante el curso. Es el guardian de ruta beforeRouteLeave.> 馃摋 Puedes leer m谩s acerca de los guardianes de ruta aqu铆: https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guardsLos route guards pueden ser utilizados a nivel local de componente, como en este caso, y a nivel global, en el archivo donde tienes las rutas, router.js.El guardi谩n de ruta (route guard) beforeRouteLeave se ejecuta justo antes de que la ruta que renderiza el componente vaya a cambiar. En ese momento seguimos teniendo acceso al this, por lo tanto es el momento perfecto para limpiar o liberar recursos.En este caso, lo que nos interesa el limpiar el mensaje de error de Vuex (haciendo la llamada al mixin con el valor null), ya que si no lo limpiamos al salir, va a estar ocupando sitio en nuestro Store in煤tilmente.Para forzar el error y poder ver la p谩gina de error puedes borrar o renombrar las variables de entorno y volver a lanzar el proyecto. Cuando intentes obtener el perfil de un jugador te saldr谩 este error:Error 401, no autorizado (ya que no hemos conseguido el token de acceso), junto con los par谩metros de b煤squeda:BattleTag: SuperRambo-2613Regi贸n: EUPrueba a obtener otros errores y comparte tu resultado en el sistema de mensajes. Un error puede ser pedir los datos de un usuario (BattleTag) existente con una regi贸n incorrecta. 驴Que error te da? 驴Qu茅 te aparece en pantalla? 驴Crees que ese mensaje de error es correcto? Explica tu respuesta en el sistema de comentarios.DespedidaAhora s铆, el curso ha llegado a su fin. Espero que lo hayas disfrutado tanto como yo y que hayas aprendido mucho. Si has ido haciendo paso a paso todo lo que se ha explicado durante el curso, me gustar铆a ver tu versi贸n de la aplicaci贸n. Comparte tu enlace de Netlify para que podamos verlo todos 馃ぉ.Para cualquier consulta o sugerencia (隆Todo el feedback es bienvenido!) ya sabes que puedes usar el sistema de comentarios de la aplicaci贸n o buscarme en las redes. Te recomiendo que utilices el sistema de preguntas y respuestas, para as铆 (adem谩s de conseguir puntos) ayudar los dem谩s compa帽eros que puedan tener las mismas dudas que has tenido t煤. An铆mate, y pregunta siempre que lo consideres oportuno.Por 煤ltimo, me gustar铆a decirte que el repositorio oficial de la aplicaci贸n siempre estar谩 abierto a mejoras o nuevas ideas de hacer las cosas, por lo que si te ves con ganas, siempre puedes hacer un Pull Request, y con ello, ganarte el aparecer en la lista de contributors de la aplicaci贸n 馃槏. Suena bien, 驴verdad? 隆Espero tu participaci贸n!馃憢 隆Hasta la pr贸xima!", "url" : "https://platzi.com/clases/1856-avanzado-vue/27772-about-y-error/", "wordCount" : "52", "publisher" : { "type" : "Organization", "name" : "Platzi INC" } }