WebApp para visualizar nuestros proyectos, clientes o estudiantes, a partir de una tabla de SHEETS

Sdílet
Vložit
  • čas přidán 12. 09. 2022
  • Seguimos entrando en el gran mundo del desarrollo de webapps con Google Apps Script. Hoy hacemos desde 0, un webapp para mostrar nuestros datos y tablas de Sheets en una página web
    👍 Si te ha gustado este video, te encantará el curso gratis "Aprende Google Sheets en 2 horas". Aquí puedes obtener acceso juansguzman.com/cursogratis
    📋 Puedes encontrar el código y la plantilla de este video (y los más de 350 videos del canal) inscribiéndote en un plan mensual o anual en mi membresía JuanSGuzman - juansguzman.com
    🎓Allí mismo, encontrarás un curso completo de Introducción a WebApps asi como más de 75 cursos completos de Sheets, Forms y Apps Script. Aquí puedes verlo juansguzman.com/curso/42-weba...
    ☎️ Si necesitas asesoría personalizada, ofrezco algunas horas a la semana de este servicio. juansguzman.com/consultoria
    🔔 Suscríbete al canal donde recibirás nuevos videos semanales de Sheets, Forms, Apps Script y más.
    Aquí algunos canales donde me puedes seguir y apoyar:
    📨 - Newsletter: juansguzman.com/boletin
    ➤Patreon: juansguzman.com/patreon
    ➤Telegram: juansguzman.com/telegram
    ➤Instagram: juansguzman.com/instagram
    ⓕ - Facebook: juansguzman.com/facebook
    ➤Tiktok: juansguzman.com/tiktok
    𝕏 - (Twitter): juansguzman.com/twitter
    Cualquier sugerencia, pregunta o inquietud, te invito a comentar más abajo

Komentáře • 46

  • @AxIIpro
    @AxIIpro Před rokem +3

    Esto es una explicación detallada.
    Lo que decimos nosotros, "con plastilina".
    Excelente contenido, muchas gracias y felicitaciones sr Juan! 🙏😌

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Que amables palabras! Mil gracias!
      Saludos!

  • @juanpablocesvi6396
    @juanpablocesvi6396 Před 7 měsíci +1

    Excelente explicación!!!. Es el mejor enseñando GAS, Bootstrap y Google Sheets!. Soy nuevo suscriptor del canal y me motiva muchísimo a aprender más de éstos interesantes temas gracias a su amena enseñanza y explicación línea por línea del código. Gracias por su dedicación a compartir su conocimiento.

    • @JuanSGuzman
      @JuanSGuzman  Před 7 měsíci +1

      Hola!
      Que amables palabras! Mil gracias!
      Saludos!

  • @alexdesupercool2291
    @alexdesupercool2291 Před rokem +2

    Juan, muchas gracias por tu paciencia y manera de explicar. Cada segundo del video vale la pena!! MUCHAS GRACIAS!!! 🍻

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Que amables palabras! Mil gracias!
      Saludos!

  • @JoseGuevara-gx8uu
    @JoseGuevara-gx8uu Před rokem +1

    Interesante no tenía idea de esta herramienta, gracias Juan

  • @oxpey4473
    @oxpey4473 Před rokem

    Excelente video sensei. Me gusta como va progresando esto!

  • @wildenv
    @wildenv Před rokem +2

    excelente..saludos

  • @lluisax
    @lluisax Před rokem

    Como siempre gracias!!!

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Gracias a ti por tomarte el trabajo de comentar!
      Saludos!

  • @chimboterex
    @chimboterex Před rokem

    Gracias... Y bendiciones por enseñar

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Que amables palabras! Mil gracias!
      Saludos!

  • @ecofamilias
    @ecofamilias Před rokem +1

    Llevo toda la tarde viendo tu vídeo. Me funciona todo correctamente, hasta que conecto con la hoja de cálculo. Por más que he revisado si he cometido algún error (de lo cual estoy seguro que sí) no logro hacerlo funcionar. Me coge el dato que tengo en la celda A1 y me lo pone carácter por carácter en una columna en vertical. Si tengo Nombre me pone N o m b r e (cada carácter en una línea diferente)
    Seguiré revisándolo.
    gracias por estos maravillosos vídeos

  • @Leover378
    @Leover378 Před rokem +2

    Estaría genial eso que dices de poder restringir a otras personas.

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +2

      Esto tiene muchas posibilidades
      Saludos!

  • @EcoDev-Solutions
    @EcoDev-Solutions Před rokem +2

    Sublime!

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Que amables palabras! Mil gracias!
      Saludos!

  • @JotaXPeaR
    @JotaXPeaR Před rokem +1

    Buenas Juan, felicidades ante todo.
    En el minuto 5:59 he pausado el video.
    Aqui tengo las opciones de 'Solo yo' , 'Cualquier usuario', 'Cualquier usuario con cuenta gmail' pero... y si yo solo quiero que lo vea una persona (o varias) en concreto y nadie más?
    Parece de momento que tengo la opción de "todos" ó "nadie"

  • @javier6655
    @javier6655 Před 11 měsíci +2

    Hola Juan! soy fan de tus videos. Me podrias guiar de como hacer para que haya un buscador ? por ejemplo quiero buscar un proyecto en particular y que me devuelva la informacion. No le puedo encontrar la manera ....Cualquier ayuda es bienvenida, desde ya muchas gracias!

    • @JuanSGuzman
      @JuanSGuzman  Před 11 měsíci +1

      Hola!
      Tengo un video en el canal en inglés...o si no en la academia hay 1 curso sólo de eso
      Me cuentas
      Saludos!

  • @abdullahquhtani4247
    @abdullahquhtani4247 Před rokem +1

    I think there a CDN for data table that has more features like search, sort and Aldo CRUD operation that compatible with appsScript. One more thing It’s better to use form inside the sheet so no one who may has the link of the appsScript can reach the data.
    Last thing. I hope you could do that in your English Channel ☺️
    Thank you.

    • @JuanSGuzman
      @JuanSGuzman  Před rokem

      Hello!
      Thx for the comments!
      Actually you then have the option, depending on your needs of leaving as a link, or, as you say, including it as a popup inside the sheet or a sidebar, available only for sheets user. But leaving it in url, gives us plenty of freedom for using it in tablets or phones
      Regards!

  • @israelpincheira6720
    @israelpincheira6720 Před rokem +2

    Hola Juan, muchas gracias por tus tutoriales. tengo una consulta.. como se haria en el caso que una planilla contenga una URL, como podria hacer que se muestre como link en el webapp. Se que con un "href", pero como se implementaría dado el ejemplo actual?.. Desde ya muchas gracias..

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +2

      Lo anoto para la segunda parte. Saludos!

  • @MediaSocialViral
    @MediaSocialViral Před 10 měsíci +2

    Hola Juan, me sale un erro cuando escribo la linea para llamar el ciclor for dentro del scriptlet, el simbolo de mayor que lo resalta de color rojo y si le doy guardar me muestra un mesaje de error: TypeError: Cannot read properties of undefined (reading '0'), me puedes ayudar con eso???

    • @JuanSGuzman
      @JuanSGuzman  Před 10 měsíci +2

      Revisa que hayas cerrado el scriptlet bien
      Saludos!

  • @JotaXPeaR
    @JotaXPeaR Před rokem

    Hola no me funciona. Despues de la primera implementación, copio link de la aplicacion web pero la página que se abre tiene el tipico mensaje de error de " NO SE PUEDE ABRIR LA PÁGINA"

  • @AquanariaPark
    @AquanariaPark Před 4 měsíci +1

    solo me salen 6 cursos, que dicen 64 - 65 -66 - 67 podrias compartirme la liste de todos los cursos que tienes en tu academia, gracias. Excelente explicación aunque entendi nomas la mitad

    • @JuanSGuzman
      @JuanSGuzman  Před 4 měsíci

      Hola!
      El tema dde webapps es un poo complejo porque son muchos lenguajes al tiempo: javascript, html y google apps script (que sigue siendo javascript pero con modificaciones)
      Aquí te dejo el listado de los cursos
      juansguzman.com/lista-cursos/
      Saludos!

  • @davidmoraquintero2727
    @davidmoraquintero2727 Před rokem +1

    Hola Juan, muchas gracias. Juan te pregunto, como se puede hacer que desde el webApp pueda editar el texto? Feliz día.

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +2

      Ya pronto viene ese video. Saludos!

    • @15david75
      @15david75 Před rokem +2

      @@JuanSGuzman Sos el mejor, gracias. Revisaré mi presupuesto y espero inscribirme a tus clases me interesa demasiado

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      @@15david75 Saludos!

  • @rominafrias6065
    @rominafrias6065 Před rokem

    Estimado Juan:
    UD podría hacer un tutorial sobre las "cuotas" para crear proyectos? Porque he intentado crear más proyectos en Apps Script pero me arroja el mensaje "No se ha podido crear el proyecto de Cloud Platform. Código de error RESOURCE_EXHAUSTED."
    UD que es un experto y ha creado muchos códigos.
    Gracias.

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Tienes cuenta workspace?
      Podrían ser límites del administrador
      Saludos!

    • @rominafrias6065
      @rominafrias6065 Před rokem +1

      @@JuanSGuzman hola Juan, tengo cuenta Gmail, será eso lo que no comprendo, si workspace incluye más complementos.

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      @@rominafrias6065 Te lo pregunté porque a veces esas cuentas te ponen límites que puedes configurar en el administrador
      Pero la verdad nunca me había salido eso, y yo tengo miles de archivos de código
      Saludos!

  • @ijoseferia
    @ijoseferia Před rokem +1

    Como le puedo hacer para que me deje ingresar datos?

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      Hola!
      Ahí funciona de manera diferente
      Tengo un tuorial muy básico, pero ya pronto viene el avanzado
      czcams.com/video/EnWRINFHz8M/video.html
      Saludos!

  • @giamar3026
    @giamar3026 Před rokem

    Hola Juan, cómo estas? Te paso mi código, solo modifiqué la forma de conectar a la hoja, pero no me debería dar error. La parte que no me tome es "html.tabla =....me pone que el '=' es el problema. A ver si me puedes decir que puede ser. Luego veré tud cursos de pago, ya que me gustaria avanzar en ciertos conocimientos como las formas distintas de crear el template,etc. Gracias
    function doGet() {

    var libro = SpreadsheetApp.openById(ID_ss);
    var hoja = libro.getSheetByName('Usuarios');
    var html = HtmlService.createTemplateFromFile('base')
    html.tabla=hoja.getDataRange().getValues();
    return html.evaluate();
    }

    • @JuanSGuzman
      @JuanSGuzman  Před rokem +1

      revisa que tu htnl se llame exactamente "base"
      Saludos!