utilapis
utilapis
  • 65
  • 218 246
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
มุมมอง: 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
Truquitos NodeJs | Array reduce
มุมมอง 703 ปีที่แล้ว
Truquitos NodeJs | Array reduce
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
Truquitos NodeJs | Array filter
มุมมอง 913 ปีที่แล้ว
Truquitos NodeJs | Array filter
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
Truquitos NodeJs | Array map
มุมมอง 1413 ปีที่แล้ว
Truquitos NodeJs | Array map

ความคิดเห็น

  • @carinasittner6669
    @carinasittner6669 หลายเดือนก่อน

    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....

    • @utilapis
      @utilapis หลายเดือนก่อน

      Gracias!! Abrazo grande.

  • @batesmotelfansespanol4336
    @batesmotelfansespanol4336 2 หลายเดือนก่อน

    se puso viejo el video

    • @utilapis
      @utilapis หลายเดือนก่อน

      Si! Mira el vídeo número 12 para una versión más actual de la integración. Abrazo

    • @batesmotelfansespanol4336
      @batesmotelfansespanol4336 หลายเดือนก่อน

      @@utilapis Gracias Rey

  • @santibernardez3118
    @santibernardez3118 2 หลายเดือนก่อน

    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?

    • @utilapis
      @utilapis 2 หลายเดือนก่อน

      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.

    • @santibernardez3118
      @santibernardez3118 2 หลายเดือนก่อน

      @@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?

  • @ValentinaPerez-
    @ValentinaPerez- 2 หลายเดือนก่อน

    Muchas gracias por esta guía. Pregunto ¿Esto lo puedo migrar fácilmente a React?

    • @utilapis
      @utilapis 2 หลายเดือนก่อน

      Si, se puede migrar a React fácilmente. Si necesitas ayuda, unite al canal de Discord. Abrazo.

    • @ValentinaPerez-
      @ValentinaPerez- 2 หลายเดือนก่อน

      @@utilapis Muchísimas gracias. En estos días me estaré uniendo para saber cómo hacerlo

  • @Eitommy
    @Eitommy 3 หลายเดือนก่อน

    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?

    • @utilapis
      @utilapis 3 หลายเดือนก่อน

      Unite al canal de Discord y pega tu código ahí así te puedo ayudar!

  • @excelinfo1205
    @excelinfo1205 3 หลายเดือนก่อน

    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

    • @Solved374
      @Solved374 2 หลายเดือนก่อน

      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

    • @excelinfo1205
      @excelinfo1205 2 หลายเดือนก่อน

      @@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

    • @utilapis
      @utilapis 2 หลายเดือนก่อน

      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.

    • @Solved374
      @Solved374 2 หลายเดือนก่อน

      @@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

  • @orianalopez5238
    @orianalopez5238 5 หลายเดือนก่อน

    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

    • @utilapis
      @utilapis 5 หลายเดือนก่อน

      Si, totalmente. Necesitas usad las credenciales de producción en lugar de las credenciales de test. Abrazo.

  • @desktoprobe
    @desktoprobe 5 หลายเดือนก่อน

    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

    • @utilapis
      @utilapis 5 หลายเดือนก่อน

      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!

    • @desktoprobe
      @desktoprobe 5 หลายเดือนก่อน

      @@utilapiso no sabia gracias amigo me gustan muchos tus videos y tu manera de enseñar

  • @rburgues_uy
    @rburgues_uy 5 หลายเดือนก่อน

    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

    • @utilapis
      @utilapis 5 หลายเดือนก่อน

      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!

  • @yamidfrank9757
    @yamidfrank9757 5 หลายเดือนก่อน

    Muchas gracias maestro.

    • @utilapis
      @utilapis 5 หลายเดือนก่อน

      Abrazo!!!

  • @Emmanuel-kb1li
    @Emmanuel-kb1li 5 หลายเดือนก่อน

    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. :)

    • @utilapis
      @utilapis 5 หลายเดือนก่อน

      Hola, se llama Visual Studio Code. Abrazo!

  • @francoyupanqui5030
    @francoyupanqui5030 6 หลายเดือนก่อน

    Yo quiero hacer una donde el administrador pueda subir o eliminar productos x una cuenta y luego el cliente elegir por otra cuenta :c

    • @utilapis
      @utilapis 6 หลายเดือนก่อน

      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

  • @tomasmoriondo7169
    @tomasmoriondo7169 6 หลายเดือนก่อน

    Se sabe cuánto es la comisión que te cobra mercado pago por venta?

    • @utilapis
      @utilapis 6 หลายเดือนก่อน

      www.mercadopago.com.ar/ayuda/33399 Los costos pueden variar, así que mirá su página. Abrazo.

  • @anubiscba78
    @anubiscba78 7 หลายเดือนก่อน

    muy buen tutorial simple hace rato buscaba algo similar, es simple pero nunca lo había hecho gracias me salvaste!

    • @utilapis
      @utilapis 7 หลายเดือนก่อน

      Gracias! Abrazo grande.

  • @MConPoll0
    @MConPoll0 7 หลายเดือนก่อน

    muchas gracias maestro justo lo que estaba buscando

    • @utilapis
      @utilapis 7 หลายเดือนก่อน

      Gracias! Abrazo.

  • @carlosj1748
    @carlosj1748 8 หลายเดือนก่อน

    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

    • @utilapis
      @utilapis 7 หลายเดือนก่อน

      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!

  • @carlosj1748
    @carlosj1748 8 หลายเดือนก่อน

    QUE MAESTRO!! GRACIAS

    • @utilapis
      @utilapis 8 หลายเดือนก่อน

      Gracias! Abrazo

    • @carlosj1748
      @carlosj1748 8 หลายเดือนก่อน

      @@utilapis Grande Utilapis!

  • @carlosj1748
    @carlosj1748 8 หลายเดือนก่อน

    Heroku ya no es gratis.... Sería genial que púedas hacer un hosteo con otro servicio como netlify o github, saludos CRACK!

    • @utilapis
      @utilapis 8 หลายเดือนก่อน

      Gracias Carlos, abrazo.

  • @carlosj1748
    @carlosj1748 8 หลายเดือนก่อน

    durito pero EXCELENTE !

    • @utilapis
      @utilapis 8 หลายเดือนก่อน

      Gracias!

  • @AlexAR93
    @AlexAR93 9 หลายเดือนก่อน

    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

    • @utilapis
      @utilapis 9 หลายเดือนก่อน

      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.

  • @matiaslokman
    @matiaslokman 9 หลายเดือนก่อน

    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.

    • @utilapis
      @utilapis 7 หลายเดือนก่อน

      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!

  • @ZemaMayorista
    @ZemaMayorista 10 หลายเดือนก่อน

    hola como estas saludos vos haces ese trabajo para lo que nos sabemos

    • @utilapis
      @utilapis 9 หลายเดือนก่อน

      Abrazo granden!

  • @MarketingFollowers
    @MarketingFollowers 10 หลายเดือนก่อน

    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?

    • @utilapis
      @utilapis 10 หลายเดือนก่อน

      Hola unite al canal de discord y contame que estás haciendo y quizás te pueda ayudar. Abrazo!

  • @franrios3843
    @franrios3843 10 หลายเดือนก่อน

    como apagas un live_loop comentandodolo., con win , comentando con que teclas ?

    • @utilapis
      @utilapis 10 หลายเดือนก่อน

      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!

  • @albertoemmanuelcastillo1784
    @albertoemmanuelcastillo1784 10 หลายเดือนก่อน

    Hola, sabes si se puede adaptar el ejemplo a un proyecto en angular?, muchas gracias.

    • @utilapis
      @utilapis 10 หลายเดือนก่อน

      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.

  • @ayrtoncravero
    @ayrtoncravero 10 หลายเดือนก่อน

    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.

    • @utilapis
      @utilapis 10 หลายเดือนก่อน

      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

  • @DevNando_
    @DevNando_ 10 หลายเดือนก่อน

    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!

    • @ayrtoncravero
      @ayrtoncravero 10 หลายเดือนก่อน

      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.

    • @utilapis
      @utilapis 10 หลายเดือนก่อน

      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.

  • @MathyxXXx
    @MathyxXXx 11 หลายเดือนก่อน

    Como seria hacerlo con mysql?

    • @utilapis
      @utilapis 10 หลายเดือนก่อน

      Hola! Unite al canal de discord y pregunta ahí. Hay varios que lo hicieron con MySQL y por ahí te pueden ayudar. Abrazo.

  • @XPLAYER-kk9om
    @XPLAYER-kk9om 11 หลายเดือนก่อน

    como puedo colocar la opcion para que el cliente pueda pagar el valor que quiera,

    • @utilapis
      @utilapis 11 หลายเดือนก่อน

      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

  • @nilspineda
    @nilspineda ปีที่แล้ว

    Buen video la verdad, excelente entendí todo

    • @utilapis
      @utilapis ปีที่แล้ว

      Gracias!!!

  • @pepeconte7966
    @pepeconte7966 ปีที่แล้ว

    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

    • @utilapis
      @utilapis ปีที่แล้ว

      Hola, unite al canal de discord así te podemos ayudar. Abrazo.

    • @pepeconte7966
      @pepeconte7966 ปีที่แล้ว

      gracias gracias@@utilapis

  • @facundoibanez8010
    @facundoibanez8010 ปีที่แล้ว

    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 !!

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

  • @rominaconstanzavalenzuela5614
    @rominaconstanzavalenzuela5614 ปีที่แล้ว

    que rápido vas :0

    • @utilapis
      @utilapis ปีที่แล้ว

      Podes cambiar la velocidad de reproducción a 0.5x y lo vas a ver más lento si necesitas. Abrazo!

  • @Apache90
    @Apache90 ปีที่แล้ว

    Lo del stock mejoro mi vision de lo que era el sistema en si MUCHISIMO sos un tipazo gracias por la datita

    • @utilapis
      @utilapis ปีที่แล้ว

      Que bueno! Abrazo.

  • @agustinaappes5324
    @agustinaappes5324 ปีที่แล้ว

    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?

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

  • @lucaksstrive2457
    @lucaksstrive2457 ปีที่แล้ว

    gracias Crack!! tremendo ecommerce me estoy mandando gracias por tu ayuda!

    • @utilapis
      @utilapis ปีที่แล้ว

      Abrazo grande!!!

  • @damianortiz04
    @damianortiz04 ปีที่แล้ว

    Amigo que manera de explicar muy clean, que locura!! Ojala hagas cursos porque la vas a romper!

    • @utilapis
      @utilapis ปีที่แล้ว

      Gracias! Te mando un abrazo grande!

  • @miguelortiz6423
    @miguelortiz6423 ปีที่แล้ว

    Amigo podrías subir un buscador de los productos porfa

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

  • @directo7518
    @directo7518 ปีที่แล้ว

    Hola existe otra pasareka de pagos que esta ? Como stripe pero que aceptes pesos y dolares

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

  • @lucaksstrive2457
    @lucaksstrive2457 ปีที่แล้ว

    buenisimoo, super infravalorado tu canal loco, gracias!

    • @utilapis
      @utilapis ปีที่แล้ว

      Gracias a vos! Abrazo

  • @Bramit24
    @Bramit24 ปีที่แล้ว

    Hola, se podria hacer un video de como desplegar el sitio en linea por favor

    • @utilapis
      @utilapis ปีที่แล้ว

      Sin duda, los estoy preparando. Abrazo.

  • @Bramit24
    @Bramit24 ปีที่แล้ว

    amigo podrias hacer un video de como se podria desplegar los servicios porfa

    • @utilapis
      @utilapis ปีที่แล้ว

      Mirate el resto de los vídeos. En el vídeo número 5, lo subimos a Heroku. Abrazo.

  • @martinjolivares1
    @martinjolivares1 ปีที่แล้ว

    excelente video!!! como se haría para un modelo de suscripción mensual?

    • @utilapis
      @utilapis ปีที่แล้ว

      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

  • @emmanuel.sanchez
    @emmanuel.sanchez ปีที่แล้ว

    No se como este video no tiene mas vistas Gracias!! cuanto tiempo tarda en pasar el dominio y cuanto el zone??

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

    • @emmanuel.sanchez
      @emmanuel.sanchez ปีที่แล้ว

      @@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

  • @DavidHernandez-bv8es
    @DavidHernandez-bv8es ปีที่แล้ว

    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.

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

  • @alexcondorhurtado9339
    @alexcondorhurtado9339 ปีที่แล้ว

    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¡¡¡

    • @utilapis
      @utilapis ปีที่แล้ว

      Vas a tener que seguir mirando los videos de la serie. Ahi explico como hacer todo. Abrazo!

    • @alexcondorhurtado9339
      @alexcondorhurtado9339 ปีที่แล้ว

      @@utilapis ok Rodrigo,voy a seguir mirando los videos, muchas gracias, exitos¡¡¡

  • @rodriroja-y2i
    @rodriroja-y2i ปีที่แล้ว

    muchas gracias, como se realizaría el pago con la opción "Efectivo -> Pago fácil", el modo sandbox igual contempla eso?

    • @utilapis
      @utilapis ปีที่แล้ว

      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.

  • @sebastianvaldez1986
    @sebastianvaldez1986 ปีที่แล้ว

    Cómo es que este crack tiene tan pocos subs?? no entiendo :s, gracias, me sirvió un monton!!

    • @utilapis
      @utilapis ปีที่แล้ว

      Gracias Sebastián! Abrazo grande.

  • @lucas-cicconi
    @lucas-cicconi ปีที่แล้ว

    Profe va continuar con el proyecto? esta genial la idea de replicar la webStore1 con estos frameworks

    • @utilapis
      @utilapis ปีที่แล้ว

      Hola Lucas, si voy a continuar subiendo videos de esta serie. Abrazo!

    • @lucas-cicconi
      @lucas-cicconi 9 หลายเดือนก่อน

      profe cuando va terminar el proyecto@@utilapis tienda 2.0

  • @franciscogarcia9906
    @franciscogarcia9906 ปีที่แล้ว

    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.

    • @utilapis
      @utilapis ปีที่แล้ว

      Hola Francisco, unite al canal de Discord y lo vemos. discord.com/invite/kjYye7FTpW Abrazo.