Video

Gracias! Me alegro de que te sirva mi manera de explicar! Esperamos lo mismo vos y yo asique espero que se dé :)

Escribí también el protocolo () para indicarle al navegador que lo que pusiste es una orden y no una sugerencia en la cual necesitás ayuda, después decime que tal!

​@@puntojsonYa esta amigo era una tonteria pero me fallaba por no ponerle los 2 puntos antes del numero de puerto mil gracias , ya puedo seguir con tus fantasticos tutoriales 😊.

Graciasss! Me alegra que te haya gustado! Si este curso te engacha fuerte en este momento estoy haciendo otro un poco más avanzado, también en el canal. Ojalá te enganches también

@@puntojson excelente claro que sí. Muchas gracias buen hombre. Mereces 1 millon de likes

Gracias acelga! Me puso muy contento leerte 😊

El error de cors sólo se soluciona desde backend. Por lo cual si querés arreglarlo tenés que hacer tu propio backend de intermediario entre Google y tu sitio. Podrías hacer un proxy o intermediario con node y hostesarlo en render.com o algún otro servicio gratuito de backend ,si preferís pagar hay muchas más alternativas de plataformas

@@puntojson muchas gracias, ayudame a hacerlo con apps script 🫰 porfis, soy Júnior full stack

​@@davidokmen Me lo voy a anotar pero no te lo puedo prometer pronto. Estoy terminando de grabar el curso de Angular + NodeJs. Mientras tanto te diría que googlees "proxy con express" para crear un intermediario rápido. Funcionaría así: Desde tu app de appscript hacés la solicitud post a tu proxy. El proxy redirige la solicitud a donde querías consultar originalmente. La respuesta llega a tu proxy, sin errores de cors porque cors existe sólo en el navegador y nodejs es "headless". Desde el proxy retornás esa respuesta a tu cliente, con una configuración de cors que permita a cualquier cliente leer la respuesta, esto soluciona el problema de cors en tu navegador.

@@puntojson muchas gracias, voy a probar, super buen contenido se agradece infinito

Muchas gracias!

Buenas! Si tenés problemas con las cookies te tendrías que pasar a usar localstorage, guardás el token en una variable en localstorage y perdés la opción de que se elimine automáticamente con el tiempo. Tené cuidado que si usás SSR en Angular vas a tener problemas con tanto las cookies como con localstorage, ya que en principio ninguna de las dos opciones puede correr en el servidor (aunque nodeJs tengo entendido que está por implementar su propia versión de localstorage, no serviría para este caso). De todas maneras, me resulta raro que no funcione en Angular, tratá de ver que pasa si usás un fetch en vez del httpClient, ya que el almacenamiento de la cookie se hace con fetch automáticamente al recibir una respuesta con cookie, quizás el httpClient haga algo distinto.

Buenas! Es el video que le sigue a este, te dejo el link acá czcams.com/video/UEjf7k32mTg/video.html Saludos!

Que bueno! Para este video en particular traté de ir bien bien lento para que quede todo claro.

Buenas! En el último video de mi curso de Angular pasado explico este tema para Angular, también lo voy a hacer en el curso actual de angular, pero en el último video que va a ser en 3 semanas aprox.

@@puntojson dale, muchas gracias muchos exitos y que genial trabajo

Lo estuve revisando y no parece para nada malo, pero estuve viendo sólo videos y sin escribir nada, para entender bien de que se trata y formar una opinión tendría que hacer algún proyectito..

Gracias! Si te gusta hasta ahora hay chance de que te guste el resto :)

Gracias a vos! En ese caso no tendrías que usar la librería que instalé yo (mysql), sino alguna otra que te deje conectarte con sql server, cada una se va a manejar de formas distintas (apenas distintas o muy distintas según lo que elijas). Cuando encuentres la librería que querés usar (googleando) generalmente tienen en la documentación un ejemplo básico que teniendo en cuenta lo que viste en este video deberías poder adaptar. Hay algunas librerías de más alto nivel que se llaman ORM que te permiten programar en una misma sintaxis y luego elegir el sistema gestor de bases de datos por separado.

@@puntojson gracias¡ y gracias por los ejericios ,ando analizando el codigo q haces en el carrito de compras , sigue asi

Que bueno que volviste! Gracias por tu mensaje!

De nada don Bata! Conectarlo con Angular es molesto porque no podés usar la librería de nodeJs y hay que hacerlo basado en este proyecto. Para hacer que las variables gapi y gsi (creo que uso las 2 en este video) estén disponibles, tenés que declarar variables globales con esos nombres, así typescript no se queja de usar variables que no declaraste en ningún lado (porque se crean cuando importás las librerías). Suerte con eso! Cualquier cosa preguntame por acá o en el canal de discord.

@@puntojson Por que no se puede usar Node? solo se pueden usar cliente side ?

@@daniel_toro_programacion Si quisieras usar la librería de node en una SPA tendrías que publicar tu clave secreta. La librería de node está hecha para trabajar en backend donde el usuario no puede meterse, si metés eso en frontend comprometés no sólo la seguridad de tu api, sino que hasta te puede generar cargos en tu cuenta de Google ($). Tenés que usar alguna configuración que no sea 100% client-side para poder hacer una conexión de largo plazo con la Google API.

Gracias!

Gracias!!! Trato de ser detallado para que se entienda lo mejor posible :)

Excelente, a ponerle ganas que estamos cerca!

Gracias por el apoyo constante! Espero estar al nivel de tu paciencia y apoyo jajaj

@@puntojson genio profe se tiene que hacer una comunidad de discord.

Me hice un server, discord.gg/PNjH3Te9 ahora lo publico en la pestaña de comunidad y veo si alguien se prende, no le tengo mucha fe a que entre gente :/

Sí! En un par de clases ya va a tener la forma final :)

Uff que lástima! Lo pudiste solucionar?

Que bueno! Que puedas adaptar lo que dije en este video a React habla bien de vos

Gracias por la buena onda! Uso la extensión de Angular oficial y una que se llama Angular snippets de John Papa.

De nada! Gracias por llegar hasta acá :)

Último final de la facu? QUE COPADO Recuerdo haber ido a rendir mi última materia, que emoción!! Suerte con eso! Si por casualidad esto te sirve para practicar esa materia que te falta tené en cuenta que podés ver más código del que está acá en github, al día de hoy tengo el código escrito de 2 clases más. Si me da tiempo hoy, escribo el código de una clase más.

@@puntojson es un genio profe, es con spring boot tengo que hacer un sistema completo pero con JSP jaja, apenas termine me quiero meter de lleno con Angular.

Cuando termines con springboot, si intentás hacer algo con node y express vas a ver por qué javascript para el servidor es malo y lento jajaja Pero para front, Angular te aseguro que te permite hacer algunas cosas muy muy interesantes, principalmente si buscás una SPA. Cualquier duda que tengas acá estoy.

Gracias a vos por el aguante! Dale que ya queda menos de la mitad del curso :)

Excelente profeee 😊

Probablemente es un error de cors . Tenés algún mensaje en la consola? En network también te marca si es un error de cors. En caso de que sea eso (que justo es un error que solo se ve en front end), se soluciona desde el backend ,agregando tu ip a la lista de orígenes permitidos en las solicitudes, lo vas a tener que buscar según la tecnología de backend que estés usando! Ojalá te sirva la respuesta,pero si no dame más detalles y veo como te puedo dar una mano.

@@puntojson Gracias por responder tan rápido, estoy usando mysql y nodejs todo tal cual en el video, no me figura ningun error en consola luego de hacer lo de cors se va el mensaje de error que mencionas en el video y a partir de ahi es cuando no me muestra la respuesta del fetch en network/response, osea me carga el fetch bien y en la pestaña de network/header me aparece en verde que se conecto pero ni en la pestaña de preview ni en response muestra la base de datos, realmente no se que puede ser tampoco encontré ese problema puntual en algun foro

@@puntojson Revisando todo el código nuevamente descubrí que no coloqué el (result) dentro del res.json. Muchísimas gracias bro por la ayuda y todos estos videos! Tienes una manera de explicar excelente.

Solucionado entonces! Era literalmente que estabas mandando una respuesta vacía. Felicitaciones por terminar arreglando el problema por tu cuenta y gracias por el apoyo !

De nada 😊 un placer!

De nada! Me encanta que te esté sirviendo el curso!

Gracias a vos por pasarte Ale!

Gracias Cristhian por semejante mensaje! Voy a tratar de meter más cosas de javascript. :)

Buenas! Gracias por tu mensaje! Si querés tener todo junto entonces tenés que unificar las 2 páginas en una sola. Todo lo que está en cart lo traés al home y todo el html del cart lo ponés en una <section> que ocultás o mostrás según el hover. En este caso le pondría un evento mouseover al cart para sacarle la clase que esconde el cart. Después pondría un evento mouseout al cart para que cuando saques el mouse del cart desaparezca. No sé si eso aclara un poco las cosas! Ya para hacer algo un poco más complejo que esto por mi parte lo haría usando algún framework de frontend (en mi canal enseño Angular pero puede ser cualquier otro). Saludos!

Me alegra que lo veas así! Gracias y nos vemos en la parte que viene

De nada 😊 Gracias por pasarte!

Sin más data imposible saber que hacer! Fijate si hay logs en la terminal o en el navegador y avisame!

¿Con una configuración secreta para streamer que saque siempre el cuchi? jajaja Me lo anoto pero ahora estoy justo en el medio de la grabación de un curso! Gracias por aportar!

❤️❤️❤️ Gracias a vos!

Sii ya va queriendo!

Sí, el ssr existe desde hace años en Angular, mucho antes que la llegada de los componentes standalone

@@puntojson gracias

De nada 🙂

Sirve para los sitios que no son altamente dinámicos

Gracias Fernando! Que casualidad lo de tu hijo! Me alegro de que te haya servido el video en formato largo, quiero intentar ser detallado siempre que pueda aunque genere videos pesados. La idea es que sea imposible errarle como espectador al copiar todo. Después si terminás haciendo algo interesante compartilo 😁

Gracias por el mensaje! Lo voy a seguir hasta terminarlo :) Ya lo hice de manera previa a todo asique sería una lástima no seguirlo.

De nada 😊

estuve leyendo al respecto, instale cors y en el index en configuracion escribi lo siguiente app.use( cors({ origin: true, credentials: true }) ); con eso paso

A darle 😊