- 65
- 218 246
utilapis
Argentina
เข้าร่วมเมื่อ 26 พ.ย. 2020
Hola soy Rodrigo, un ingeniero en sistemas recibido en la Universidad Nacional del Centro de la Provincia de Buenos Aires, Tandil, Argentina. Actualmente, estoy trabajando como desarrollador en Sydney, Australia.
Me encanta programar, aprender nuevas herramientas, lenguajes y tecnologías. En este canal quiero que programemos y aprendamos juntos.
Me encanta programar, aprender nuevas herramientas, lenguajes y tecnologías. En este canal quiero que programemos y aprendamos juntos.
12) Actualiza la versión de Mercado Pago en tu tienda online | UtilApis
En este video actualizamos la versión de mercado pago en nuestro backend de la 1.5.8 a la 2.0.6. Como la nueva versión introduce cambios que no son compatibles con nuestro código, hacemos los cambios necesarios para que nuestra tienda online siga funcionando. Luego también migramos nuestro frontend para usar la versión 2 de la biblioteca.
En esta serie de videos te muestro cómo desarrollar una tienda online desde cero.
- Usamos HTML, CSS, Javascript, y Node.
- Conectamos con Google Sheets.
- Conectamos con medios de pago. (Mercado Pago y Stripe)
## 1 - Maqueta tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/yASvgVh8p5A/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/01-MaquetaTuTiendaOnline
## 2 - Crea el back-end de tu tienda online usando NodeJs y Express. | UtilAPIs
- Video: th-cam.com/video/w6X1PxtdH-M/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/02-CreaElBackEndDeTuTiendaOnline
## 3 - Agrega control de stock a tu tienda online usando NodeJs y Express. | UtilAPIs
- Video: th-cam.com/video/niT-i9dWrs4/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/03-AgregaControlDeStockATuTiendaOnline
## 4 - Agrega una base de datos a tu tienda online usando Google Sheet. | UtilAPIs
- Video: th-cam.com/video/il34MBQi7Uc/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/04-AgregaUnaBaseDeDatosATuTiendaOnline
## 4.1 - Configura las credenciales de Google Sheet para tu tienda online. | UtilAPIs
- Video: th-cam.com/video/ZxSZ2HGIWcA/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/04.1-ConfiguraLasCredencialesDeGoogleSheetParaTuTiendaOnline
## 5 - Hostea tu tienda online usando Heroku. | UtilAPIs
- Video: th-cam.com/video/il34MBQi7Uc/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/05-HosteaTuTiendaOnline
## 6 - Agrega un método de pagos a tu tienda online usando Mercado Pago. | UtilAPIs
- Video: th-cam.com/video/zx6YzaIwEl8/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/06-AgregaUnMetodoDePagosATuTiendaOnline
## 6.1 - Agrega un método de pagos a tu tienda online usando Stripe. | UtilAPIs
- Video: th-cam.com/video/4RhZWJ-uEL4/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/06.1-AgregaUnMetodoDePagosATuTiendaOnlineUsandoStripe
## 7 - Muestra la orden de compras de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/i7IS5cUthDo/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/07-MuestraLaOrdenDeComprasDeTuTiendaOnline
## 8 - Muestra el formulario de envío de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/4H6Ls_K-n5g/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/08-MuestraElFormularioDeEnvioDeTuTiendaOnline
## 9 - Guarda la orden de compras de tu tienda online usando Google Sheet. | UtilAPIs
- Video: th-cam.com/video/NOIqly3sJmw/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/09-GuardaLaOrdenDeComprasDeTuTiendaOnline
## 10 - Muestra diferentes categorías de productos en tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/ZjEAiSWXerQ/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/10-AgregaDiferentesCategoriasDeProductosATuTiendaOnline
## 11 - Combina productos en la orden de compras de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/O6FijCHyIpU/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/11-CombinaProductosEnTuTiendaOnline
## 12 - Actualiza la versión de Mercado Pago en tu tienda online. | UtilAPIs
- Video: th-cam.com/video/VeHnjK2DfqU/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/12-ActualizaDependenciaDeMercadoPagoEnTuTiendaOnline
En esta serie de videos te muestro cómo desarrollar una tienda online desde cero.
- Usamos HTML, CSS, Javascript, y Node.
- Conectamos con Google Sheets.
- Conectamos con medios de pago. (Mercado Pago y Stripe)
## 1 - Maqueta tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/yASvgVh8p5A/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/01-MaquetaTuTiendaOnline
## 2 - Crea el back-end de tu tienda online usando NodeJs y Express. | UtilAPIs
- Video: th-cam.com/video/w6X1PxtdH-M/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/02-CreaElBackEndDeTuTiendaOnline
## 3 - Agrega control de stock a tu tienda online usando NodeJs y Express. | UtilAPIs
- Video: th-cam.com/video/niT-i9dWrs4/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/03-AgregaControlDeStockATuTiendaOnline
## 4 - Agrega una base de datos a tu tienda online usando Google Sheet. | UtilAPIs
- Video: th-cam.com/video/il34MBQi7Uc/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/04-AgregaUnaBaseDeDatosATuTiendaOnline
## 4.1 - Configura las credenciales de Google Sheet para tu tienda online. | UtilAPIs
- Video: th-cam.com/video/ZxSZ2HGIWcA/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/04.1-ConfiguraLasCredencialesDeGoogleSheetParaTuTiendaOnline
## 5 - Hostea tu tienda online usando Heroku. | UtilAPIs
- Video: th-cam.com/video/il34MBQi7Uc/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/05-HosteaTuTiendaOnline
## 6 - Agrega un método de pagos a tu tienda online usando Mercado Pago. | UtilAPIs
- Video: th-cam.com/video/zx6YzaIwEl8/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/06-AgregaUnMetodoDePagosATuTiendaOnline
## 6.1 - Agrega un método de pagos a tu tienda online usando Stripe. | UtilAPIs
- Video: th-cam.com/video/4RhZWJ-uEL4/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/06.1-AgregaUnMetodoDePagosATuTiendaOnlineUsandoStripe
## 7 - Muestra la orden de compras de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/i7IS5cUthDo/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/07-MuestraLaOrdenDeComprasDeTuTiendaOnline
## 8 - Muestra el formulario de envío de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/4H6Ls_K-n5g/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/08-MuestraElFormularioDeEnvioDeTuTiendaOnline
## 9 - Guarda la orden de compras de tu tienda online usando Google Sheet. | UtilAPIs
- Video: th-cam.com/video/NOIqly3sJmw/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/09-GuardaLaOrdenDeComprasDeTuTiendaOnline
## 10 - Muestra diferentes categorías de productos en tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/ZjEAiSWXerQ/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/10-AgregaDiferentesCategoriasDeProductosATuTiendaOnline
## 11 - Combina productos en la orden de compras de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
- Video: th-cam.com/video/O6FijCHyIpU/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/11-CombinaProductosEnTuTiendaOnline
## 12 - Actualiza la versión de Mercado Pago en tu tienda online. | UtilAPIs
- Video: th-cam.com/video/VeHnjK2DfqU/w-d-xo.html
- Código: github.com/utilapis/webstore/tree/feature/12-ActualizaDependenciaDeMercadoPagoEnTuTiendaOnline
มุมมอง: 809
วีดีโอ
7) Sube el código de tu tienda online 2.0 a GitHub | UtilAPIs
มุมมอง 344ปีที่แล้ว
En esta nueva serie de videos te muestro el proceso de desarrollo de nuestra tienda online 2.0. Esta vez, ustedes eligen las tecnologías y los requerimientos. Agreguenlos en los comentarios. En este video, te muestro como subir el código de nuestra tienda online 2.0 a GitHub usando la interfaz de Visual Studio Code. Y ademas te muestro como instalar una extension de Visual Studio Code para que ...
6) Conecta el front-end y back-end de tu tienda online 2.0 | UtilAPIs
มุมมอง 796ปีที่แล้ว
En esta nueva serie de videos te muestro el proceso de desarrollo de nuestra tienda online 2.0. Esta vez, ustedes eligen las tecnologías y los requerimientos. Agreguenlos en los comentarios. En este video, te muestro como conectar el front-end y el back-end mediante Hooks de React. Primero usamos el Hook useState para cargar el estado inicial de nuestro arreglo de productos. Luego usamos el Hoo...
7) Programa música usando Sonic Pi y ChatGPT | UtilApis
มุมมอง 358ปีที่แล้ว
En este video te muestro como programar música usando la herramienta Sonic Pi. Al final del video le pido a ChatGPT que escriba una canción para nosotros. La herramienta la pueden descargar de: sonic-pi.net/ Les dejo nuestra canción: use_bpm 120 # Añadimos un ritmo de batería live_loop :drums do sample :bd_klub sleep 1 sample :drum_cymbal_closed sleep 0.5 sample :bd_klub sleep 0.5 sample :drum_...
11) Combina productos en la orden de compras de tu tienda online | UtilAPIs
มุมมอง 1.2Kปีที่แล้ว
En este video combinamos los productos que son iguales en nuestra orden de compras. En lugar de mostrar 3 porductos iguales con cantidad 1, mostramos 1 producto con cantidad 3. En esta serie de videos te muestro cómo desarrollar una tienda online desde cero. - Usamos HTML, CSS, Javascript, y Node. - Conectamos con Google Sheets. - Conectamos con medios de pago. (Mercado Pago y Stripe) 1 - Maque...
5) Sube el código de tu tienda online 2.0 a GitHub | UtilAPIs
มุมมอง 4442 ปีที่แล้ว
En esta nueva serie de videos te muestro el proceso de desarrollo de nuestra tienda online 2.0. Esta vez, ustedes eligen las tecnologías y los requerimientos. Agreguenlos en los comentarios. En este video, te muestro como subir el código de nuestra tienda online 2.0 a GitHub usando la interfaz de Visual Studio Code. 1ro Creamos un branch 2do Hacemos un stage de nuestros cambios 3ro Comiteamos e...
4) Configura el front-end de tu tienda online 2.0 con React | UtilAPIs
มุมมอง 9242 ปีที่แล้ว
En esta nueva serie de videos te muestro el proceso de desarrollo de nuestra tienda online 2.0. Esta vez, ustedes eligen las tecnologías y los requerimientos. Agreguenlos en los comentarios. En este video, te muestro como hacer el setup de cliente usando React. Primero creamos el proyecto y la estructura de directorios usando la CLI y create-react-app. Luego instalamos Bootstrap para darle un m...
4.1) Configura las credenciales de Google Sheet para tu tienda online. | UtilAPIs
มุมมอง 2.2K2 ปีที่แล้ว
En este video configuramos las credenciales de para poder acceder a GoogleSheets usando una conexión Server a Server. En esta serie de videos te muestro cómo desarrollar una tienda online desde cero. - Usamos HTML, CSS, Javascript, y Node. - Conectamos con Google Sheets. - Conectamos con medios de pago. (Mercado Pago y Stripe) 1 - Maqueta tu tienda online usando HTML, CSS y Javascript. | UtilAP...
Hostea tu sitio web en AWS usando S3
มุมมอง 2842 ปีที่แล้ว
En este video te muesto como hostear un sitio web estático en Amazon usando el Servicio S3. Primero creamos el bucket y subimos nuestro sitio web al mismo. Luego conectamos el resto de los servicios para que los usuarios puedan acceder a nuestro sitio web usando la url: utilapis.com Para coordinar los comandos usamos un Makefile. Para la infraestrucura usamos el Servicio CloudFormation. Algo qu...
Introducción a React | UtilApis
มุมมอง 1972 ปีที่แล้ว
En este video hago una introducción a la biblioteca React. Una biblioteca de Javascript que permite crear interfaces de usuario (UI) usando componentes reutilizables. Vemos cómo funciona React, qué es JSX, cómo creare Componentes, cómo pasar Props a los componentes, y cómo usar Hooks. Finalmente usamos la herramienta create-react-app para crear nuestra primera aplicación. Código: github.com/uti...
1 año, 1034 subscriptores ¡Gracias!
มุมมอง 992 ปีที่แล้ว
Unite al canal de discord: discord.com/invite/kjYye7FTpW En este año creamos 8 líneas de aprendizaje: 1 - Aprende programación th-cam.com/play/PLvzG1-HX2hyHyE3c3rx9DsMAgnH0RNsGp.html 2 - Programa tu tienda online desde cero. th-cam.com/play/PLvzG1-HX2hyEcME7VOcxwBe5XgXsF6OHF.html 3 - Aprende a usar los servicios web de Amazon th-cam.com/play/PLvzG1-HX2hyGmzYU_Nqhvcdj1EyBVzxAX.html 4 - Aprendamo...
10) Muestra diferentes categorías de productos en tu tienda online. | UtilAPIs
มุมมอง 5K2 ปีที่แล้ว
En este video te muestro cómo agregar categorías a los productos en el BackEnd y despues te muestro como filtrarlos en el FrontEnd. En esta serie de videos te muestro cómo desarrollar una tienda online desde cero. - Usamos HTML, CSS, Javascript, y Node. - Conectamos con Google Sheets. - Conectamos con medios de pago. (Mercado Pago y Stripe) 1 - Maqueta tu tienda online usando HTML, CSS y Javasc...
3) Sube el código de tu tienda online 2.0 a GitHub | UtilAPIs
มุมมอง 5402 ปีที่แล้ว
En esta nueva serie de videos te muestro el proceso de desarrollo de nuestra tienda online 2.0. Esta vez, ustedes eligen las tecnologías y los requerimientos. Agreguenlos en los comentarios. En este video, te muestro como subir el código de nuestra tienda online a GitHub. Primero usamos la línea de comandos para hacer un push al branch main (branch principal) de nuestro repositorio. Luego te mu...
Truquitos Emmet para HTML
มุมมอง 1222 ปีที่แล้ว
En esta serie de cortos te comparto algunos de mis truquitos. En este video te muestro como usar Emmet en Visual Studio Code. Emmet es una extensión que viene integrada con VS Code y que nos ayuda a desarrollar mas rápido autocompletando codigo repetitivo. Lista completa the atajos Emmet: docs.emmet.io/cheat-sheet/
2) Configura el back-end de tu tienda online 2.0 con NestJs | UtilAPIs
มุมมอง 1.3K3 ปีที่แล้ว
En esta nueva serie de videos te muestro el proceso de desarrollo de nuestra tienda online 2.0. Esta vez, ustedes eligen las tecnologías y los requerimientos. Agreguenlos en los comentarios. En este video, te muestro como hacer el setup del servidor usando NestJs. Primero creamos un nuevo repositorio en Github para poner nuestro código. Luego creamos nuestro servidor usando la CLI de NestJs y c...
11) Enviamos la primera orden | UtilaAPIs
มุมมอง 3633 ปีที่แล้ว
11) Enviamos la primera orden | UtilaAPIs
10) Empieza a cobrar realmente en tu tienda online. | UtilaAPIs
มุมมอง 3913 ปีที่แล้ว
10) Empieza a cobrar realmente en tu tienda online. | UtilaAPIs
9.1) Personaliza la url de tu tienda online. | UtilaAPIs
มุมมอง 1323 ปีที่แล้ว
9.1) Personaliza la url de tu tienda online. | UtilaAPIs
9) Personaliza la url de tu tienda online. | UtilaAPIs
มุมมอง 1763 ปีที่แล้ว
9) Personaliza la url de tu tienda online. | UtilaAPIs
6) Aprendamos Juntos | Tu vida en semanas usando HTML, CSS y Javascript | UtilApis
มุมมอง 1423 ปีที่แล้ว
6) Aprendamos Juntos | Tu vida en semanas usando HTML, CSS y Javascript | UtilApis
8) Agrega Google Analytics a tu tienda online. | UtilaAPIs
มุมมอง 1853 ปีที่แล้ว
8) Agrega Google Analytics a tu tienda online. | UtilaAPIs
4.1) Transferir un dominio usando Route53. | Utilapis
มุมมอง 1.6K3 ปีที่แล้ว
4.1) Transferir un dominio usando Route53. | Utilapis
7) ¡¡¡Llegaron los mates!!! | UtilaAPIs
มุมมอง 1753 ปีที่แล้ว
7) ¡¡¡Llegaron los mates!!! | UtilaAPIs
8) Usando el Servicio CloudFormation de Amazon | Utilapis
มุมมอง 493 ปีที่แล้ว
8) Usando el Servicio CloudFormation de Amazon | Utilapis
1.1) Usa el explorador de costos de Amazon y configura un budget con alarmas. | Utilapis
มุมมอง 603 ปีที่แล้ว
1.1) Usa el explorador de costos de Amazon y configura un budget con alarmas. | Utilapis
6) Agrega un pié de página con los links legales a tu tienda online. | UtilaAPIs
มุมมอง 2113 ปีที่แล้ว
6) Agrega un pié de página con los links legales a tu tienda online. | UtilaAPIs
5) Configura los webhooks de PayPal y recibe un email cuando se complete una orden. | UtilAPIs
มุมมอง 1.2K3 ปีที่แล้ว
5) Configura los webhooks de PayPal y recibe un email cuando se complete una orden. | UtilAPIs
Esto es una maquina...dias buscando como diablos conectar un frontend con un backend en un proyecto final que me piden,aprendi mas con vos que en la plataforma que estoy mil gracias....
Gracias!! Abrazo grande.
se puso viejo el video
Si! Mira el vídeo número 12 para una versión más actual de la integración. Abrazo
@@utilapis Gracias Rey
Hola! Estoy desarrollando un sistema de multitiendas para ventas, en este caso, deberia pedirle a cada local que genere su token y lo almaceno en la base de datos? Otra cosa, quiero implementarlo con laravel, es posible?
Si podrías hacer que cada tienda suba sus credenciales de mercado pago. O podes usar tus credenciales únicas. Pero todos sus cobros van a pasar por tu cuenta. Esto depende de cómo lo quieras hacer, si los cobros pasan todos por tu cuenta podrías cobrar alguna comisión por venta y va a ser más fácil para los que usen tu multi tienda. Y si se puede hacen en Laravel.
@@utilapis y una consulta mas, como se podría guardar el num de operación una vez se hace la compra? para poder llevar un registro, puesto que eso ya perteneceria a mercadopago, estaria fuera de mi plataforma no?
Muchas gracias por esta guía. Pregunto ¿Esto lo puedo migrar fácilmente a React?
Si, se puede migrar a React fácilmente. Si necesitas ayuda, unite al canal de Discord. Abrazo.
@@utilapis Muchísimas gracias. En estos días me estaré uniendo para saber cómo hacerlo
hola! no se si me vas a responder mi problema pero tengo todo igual que vos y me da este error: TypeError: mercadopago.configure is not a function Alguna ayuda?
Unite al canal de Discord y pega tu código ahí así te puedo ayudar!
Disculpa ya que manejas HTML, habrá la posibilidad de que puedas crear un buscador y que te vaya filtrando los productos según lo que vayas escribiendo, muchas gracias
Se puede y es simple Toma dos partes ,el Google script donde la función se crea y en el HTML donde se diseña y se llama a la función del Google script que creaste para que se ejecute la función de filtrar
@@Solved374 muchas gracias, no sé cómo manejar Google script ni HTML, pero ya me diste una idea, averiguaré y trataré de ejecutarlo, muchas gracias
Tal cual, vas a tener que usar el HTML generado por Google scripts también. Si tenés dudas unite al canal de Discord y te puedo ayudar. Abrazo.
@@excelinfo1205 como yo logré hacer es de la siguiente manera(no tenía idea de cómo usar HTML ni appscript) mire videos como este que son SÚPER geniales realmente gracis a personas que suben así se abren mundos increíbles , y fui armando una básica y luego empecé a combinar con chatgpt es decir le digo a chatgpt dame un código appscript y el HTML para poder crear un buscador etc,una vez que entiendas viendo videos donde poner el appscript y donde e HTML ya se vuelve más fluido ,hoy tengo 5 webapps funcionales,gracias a ese método que tome ,ojalá te sirva me sirvió a mi por eso comparto
Es funcional osea que cuando lo implemente en mi página y cuando le de en comprar y envío el precio me llega el dinero
Si, totalmente. Necesitas usad las credenciales de producción en lugar de las credenciales de test. Abrazo.
hola este es un comentario del año 2024 quiero darte las gracias por compartir tus conocimientos pero sera que puedes actualizar los videos osea asiendo otra tienda ya que esta tiene 3 años desde su publicacion y las tecnologias avanzan o asiendo los mismos videos pero con diferentes tematicas saludos
Hola, gracias por tu comentario. Esta lista de videos sigue estando al dia en tema de tecnologias, HTML, CSS y JavaScript no han cambiado. Si lo que te referis es a usar frameworks que faciliten el desarrollo entonces podes encontrar my otra lista de videos donde usamos React, y NestJs. th-cam.com/play/PLvzG1-HX2hyEvLjfeHoQRr-aEWOw4FQCp.html Abrazo!
@@utilapiso no sabia gracias amigo me gustan muchos tus videos y tu manera de enseñar
Hola Rodrigo recien me encuentro con tu canal. Te felicito por el contenido y su calidad, me miré todo el proceso de crear la tienda virtual y es genial, simple y concreto en cuanto a la información que brindas. Sin marear a nadie, y con la fluidez decesaria para que no sea aburrido tampoco, sos un crack. Te queria hacer una pregunta, para agregar una barra de busqueda de productos se me complico, algun consejo? Saludos desde uruguay
Hola! Muchas gracias por tu comentario. Para hacer una busqueda podes usar un filter, unite al canal de discord y hace la pregunta ahi. Compartime lo que tengas y te ayudo. Abrazo!
Muchas gracias maestro.
Abrazo!!!
Cómo se llama la app del principio? Es que estoy aprendiendo a programar y recién la voy a instalar para crear mi tienda. Se lo agradecería. :)
Hola, se llama Visual Studio Code. Abrazo!
Yo quiero hacer una donde el administrador pueda subir o eliminar productos x una cuenta y luego el cliente elegir por otra cuenta :c
Seguí mirandoaa serie. Al final podes agregar más productos y administrarlo desde Google Sheets. Para hacer la parte de un administrador necesitas manejo de usuarios. Es un poco más difícil. Si no te sale podes unirte al canal de discord y preguntar. Abrazo
Se sabe cuánto es la comisión que te cobra mercado pago por venta?
www.mercadopago.com.ar/ayuda/33399 Los costos pueden variar, así que mirá su página. Abrazo.
muy buen tutorial simple hace rato buscaba algo similar, es simple pero nunca lo había hecho gracias me salvaste!
Gracias! Abrazo grande.
muchas gracias maestro justo lo que estaba buscando
Gracias! Abrazo.
Excelente Profesor! como puedo hacer la integración con el metodo de pago con Paypal? en la colocacion del boton Paypal, junto con el boton de mercado pago, para tener ambas opciones... Muchas gracias
Hola Carlos, en este video hice una integracion copn PayPal: th-cam.com/video/ZPoKbo6j71M/w-d-xo.htmlsi=wk8hyruvNdtChVsg Podes poner los dos botones en el Front End uno al lado del otro. Y en el Back End vas a necesitar 2 endpoints, uno para cada integracion. Si tenes algo funcionando y necesitas mas ayuda unite al canal de discord y lo vemos. Abrazo!
QUE MAESTRO!! GRACIAS
Gracias! Abrazo
@@utilapis Grande Utilapis!
Heroku ya no es gratis.... Sería genial que púedas hacer un hosteo con otro servicio como netlify o github, saludos CRACK!
Gracias Carlos, abrazo.
durito pero EXCELENTE !
Gracias!
Hola genio, estoy desarrollando un e-commerce a un cliente , ya te go todo el front, pero el tema dr pagos siguiendo el video estaria todo OK o para un proyecto real necesitaria mas seguridad a la hora de implementar esto? Desde ya muchas gracias
Definitivamente, agregaría validaciones y logs para saber lo que está pasando. Y tambien implementaría los webhooks de Mercadopago para asegurarme de que ninguna transacción queda a mitad de camino. Abrazo.
Buenas, como haces hoy en dia para que el checkout pro se abra como un modal en tu misma pagina? Estoy intentándolo con React y no encuentro la manera, me fije en la documentación de Mercado Pago y no aparece nada.
Hola, si miras mi video numero 12, actualizamos la version de mercado pago a la version 2. th-cam.com/video/VeHnjK2DfqU/w-d-xo.htmlsi=Q_PYXQdalSjGBCuN una vez que este usando bricks, podes pasarle la configuracion al boton. Abajo del preference id, te quedaria algo asi: initialization: { preferenceId: preference.preferenceId, redirectMode: 'modal', } Si queres mas cofiguraciones para ajustar la UI, podes ver la demo aca: www.mercadopago.com.ar/developers/en/live-demo/wallet-brick Abrazo!
hola como estas saludos vos haces ese trabajo para lo que nos sabemos
Abrazo granden!
Hola amigo tengo problemas con mi página web implemente stripe como método de pago para agregar saldo a mi página web pero me hace el cobro y me llega el dinero a stripe pero no agrega el saldo a mi página web me podrías ayudar?
Hola unite al canal de discord y contame que estás haciendo y quizás te pueda ayudar. Abrazo!
como apagas un live_loop comentandodolo., con win , comentando con que teclas ?
Tenés que escribir stop adentro del live loop y correrlo de nuevo. Mira este vídeo: th-cam.com/video/LMsRmlwRyjY/w-d-xo.htmlsi=leE0rsbQVSAzUaRW Abrazo!
Hola, sabes si se puede adaptar el ejemplo a un proyecto en angular?, muchas gracias.
Hola, si se puede. Fíjate que estoy haciendo otra serie que se llama Tienda Online 2.0, ahí uso React, pero tranquilamente podes usar Angular.
Muchas gracias por los vídeos! Realmente me sirvieron para un desarrollo personal que estoy haciendo, en lo personal renegué mucho con los cambios de estados de los pagos en la DB, estaría bueno que mas adelantes inspeccionaras esa área.
Me alegro que te hayan servido. Si, la verdad que los cambios de estado de las órdenes cuando usas la cuenta de Test no funcionan bien. Tenés que hacer lo que hago en el vídeo para obtener el resultado final. Del Pago tenés que obtener la orden y ahí el estado de la orden es correcto. Abrazo
hola genio! te felicito por compartir tu conociemintos con la comunidad enserio, queria preguntarte si crees que sea posible recrear la tienda pero con un tipo dashboard para que de ahi se pueda hacer las operaciones CRUD de los productos al igual que agrerle un login y en vez de usar Google Sheet como BD podrias actualizarla a una SQL ya sea mariaDB, SQLserver o PostgreSQL etc. Gracias!
Buenas tardes! Estoy haciendo un desarrollo como el que comentas, te comento por si te interesa, en mi caso estoy haciendo 2 proyectos distintos, la API con nodeJs y expressJs, con eso manejo la auth, crud de productos y el checkout, luego tengo al app que seria el front con vueJs y hago uso de vuetify para hacer los componentes, haciendo eso conectas las dos partes activando los CORS y ya tenes mas o menos lo que decis.
Hola, si se puede. Fíjate que tengo otra serie de videos que se llama Tienda Online 2.0, en esa uso React, NestJs y Postgres. Abrazo.
Como seria hacerlo con mysql?
Hola! Unite al canal de discord y pregunta ahí. Hay varios que lo hicieron con MySQL y por ahí te pueden ayudar. Abrazo.
como puedo colocar la opcion para que el cliente pueda pagar el valor que quiera,
Si estas siguendo la serie, en un momento llamas al metodo pay en el backed con la orden. Y de ahi extraes los ids, podrias tranqilamente pasar el valor que el cliente quiere pagar tambien. Abrazo
Buen video la verdad, excelente entendí todo
Gracias!!!
buen dia , llevo siguiendo tu proyecto con atencion , muy bueno por cierto , pero han cambiado algunas cosas con mercado pago , y no lo toma con ese metodo , me podrias orientar , desde ya muchas gracias
Hola, unite al canal de discord así te podemos ayudar. Abrazo.
gracias gracias@@utilapis
Hola amigo! Muchas gracias por el video y la colaboracion! un exito. Tengo una duda, que temas de seguridad debo tener en cuenta al incluir medios de pago en la web ? a lo mejor es una pregunta que tiene una respuesta bastante extensa, pero me intriga saber si alguien puede desviar el pago hacia otra cuenta, o que queden datos sensibles a la vista . Muchas gracias !!
Hola Facundo, lo ideal es que implementes los webhooks. Y que cuando Mercado pago te llame a tu Backend para confirmar un pago, vos verifiques todo. Si haces eso no vas a tener ningún problema de seguridad. Abrazo.
que rápido vas :0
Podes cambiar la velocidad de reproducción a 0.5x y lo vas a ver más lento si necesitas. Abrazo!
Lo del stock mejoro mi vision de lo que era el sistema en si MUCHISIMO sos un tipazo gracias por la datita
Que bueno! Abrazo.
Necesito integrar mercadopago como metodo de pago en un sistema ERP que es utilizado por distintas empresas por lo cual cada empresa tendrá sus propias credenciales de mercadopago, como podria hacer esa integración y que sea cada empresa la que configure sus credenciales?
Como me lo estas contando, necesitarias almacenar una tabla con las credenciales de cada cliente. Y despues cuando vayas a hacer el pago, usar las claves del cliente que necesites. Si no te sale unite al canal de Discord, mostrame lo que tenes hecho y ayudamos desde ahi. Abrazo.
gracias Crack!! tremendo ecommerce me estoy mandando gracias por tu ayuda!
Abrazo grande!!!
Amigo que manera de explicar muy clean, que locura!! Ojala hagas cursos porque la vas a romper!
Gracias! Te mando un abrazo grande!
Amigo podrías subir un buscador de los productos porfa
Un buscador de productos lo podrias hacer con un texfield y un boton. Y depues usas un array.filter en la lista de productos. Si no te sale unite al canal de discord y pregunta ahi. Abrazo.
Hola existe otra pasareka de pagos que esta ? Como stripe pero que aceptes pesos y dolares
Si hay varias. Un truco que uso siempre cuando quiero encontrar algo pareciado a lo que conozco, busca en google "mercado pago vs " y deja que google te autocomplete las otras opciones. Abrazo.
buenisimoo, super infravalorado tu canal loco, gracias!
Gracias a vos! Abrazo
Hola, se podria hacer un video de como desplegar el sitio en linea por favor
Sin duda, los estoy preparando. Abrazo.
amigo podrias hacer un video de como se podria desplegar los servicios porfa
Mirate el resto de los vídeos. En el vídeo número 5, lo subimos a Heroku. Abrazo.
excelente video!!! como se haría para un modelo de suscripción mensual?
Mira la API de subscripciones, si tenes alguna duda unite al canal de Discord y pregunta. Abrazo www.mercadopago.com.ar/developers/es/reference/subscriptions/_preapproval/post
No se como este video no tiene mas vistas Gracias!! cuanto tiempo tarda en pasar el dominio y cuanto el zone??
Depende pero es casi instantáneo. Lo que tarda la mayor parte del tiempo es hasta que las cache de los DNS se actualizan. En mi experiencia no más de 20 minutos.
@@utilapis muchas gracias! pues a intentarlo asi sin mas con un cliente que quiere ya todo en su cuenta espero no tarde mucho 😅 me suscribo amigo buen canal Saludos
Hola Rodrigo. ¿Se puede utilizar este back-end para subir imagenes y descripcion de productos nuevos a la pagina web? ¿Tienes algun tutorial para eso? Que se pueda subir imagenes y descripcion de productos nuevos a la pagina web sin creear el back-end online sino en Google sheets.
Hola David, se puede usar este backend para lo que vos quieras. Sería quizás una mezcla entre la otra serie de videos que subí para programar tu tienda online deade cero y ésta. Te sugiero que mires las dos series así te das una idea de lo que se puede hacer. Abrazo.
Gran video Rodrigo ¡¡¡¡, mira estoy creando una pagina web en google sites, pero quisiera agregarle para que muestre foto, el precio y se pueda colocar la cantidad, para que se pueda solcitar varios productos, luego se genere un pedido y notifique a los involucrados, he visto algunos videos que lo hacen con google sheets y app scrips(yo no se nada de programacion), espero me puedas ayudar, muchas gracias exitos¡¡¡
Vas a tener que seguir mirando los videos de la serie. Ahi explico como hacer todo. Abrazo!
@@utilapis ok Rodrigo,voy a seguir mirando los videos, muchas gracias, exitos¡¡¡
muchas gracias, como se realizaría el pago con la opción "Efectivo -> Pago fácil", el modo sandbox igual contempla eso?
El modo sandbox es solamente para testear. La integracion que muestro en esta serie permite el pago en efectivo, pero para poder ser notificado del pago, tendrias que agregarle webhooks. Abrazo.
Cómo es que este crack tiene tan pocos subs?? no entiendo :s, gracias, me sirvió un monton!!
Gracias Sebastián! Abrazo grande.
Profe va continuar con el proyecto? esta genial la idea de replicar la webStore1 con estos frameworks
Hola Lucas, si voy a continuar subiendo videos de esta serie. Abrazo!
profe cuando va terminar el proyecto@@utilapis tienda 2.0
Buenas profe, gracias por el contenido es muy claro y bien explicado, pero me da un error que no conecta con /api/products un saludo.
Hola Francisco, unite al canal de Discord y lo vemos. discord.com/invite/kjYye7FTpW Abrazo.