Google Sheets Web App Example - Google Apps Script Web App Tutorial - Part 1

Поділитися
Вставка
  • Опубліковано 25 сер 2024

КОМЕНТАРІ • 628

  • @ExcelGoogleSheets
    @ExcelGoogleSheets  2 роки тому +6

    Watch Full Web App Series ua-cam.com/play/PLv9Pf9aNgemt82hBENyneRyHnD-zORB3l.html
    Google Sheets Userform Wep App Level 2 ua-cam.com/play/PLv9Pf9aNgemuzTNWeHd8HziGVNzSlWACh.html
    CRUD Web App Series ua-cam.com/play/PLv9Pf9aNgemvM36efLpaHxbkZTGp2pfhx.html

    • @nihaalaekka8509
      @nihaalaekka8509 2 роки тому +3

      I have written code in the same way as mentioned in the video but the sheet is not updating and the fields are not clearing after I hit submit. I can share my code if you want. Please suggest me a solution.

    • @AtiqZabinski
      @AtiqZabinski 2 роки тому

      @@nihaalaekka8509 Same. Refreshing page actually has no effect on the Execution Log; must run functions from the console. Did you crack it?

    • @ctcc6244
      @ctcc6244 2 роки тому +2

      @@nihaalaekka8509 I had same thing. until I see Thinh Nguyen below, solved it. "If you follow the instruction until 19:12 and get nothing in the Log, just go to the menu Run and choose Disable new App Script runtime powered by Chrome V8, then everything will work. " Chrome V8 Probably wasn't a feature when this video was created. On top of that, Google is going to change the APP script Editor interface which will be more confusing. Like Google wants to copy 1990-2010 Microsoft of rolling out new Windows every few years to confuse everyone. also addEventListener didn't work for me, not sure why. I got around it by adding onclick code.

    • @levancanh3927
      @levancanh3927 Рік тому

      Thank you

  • @tedjammers
    @tedjammers 5 років тому +122

    This is so great. You are opening doors to things that seemed unattainable to a novice like me. Thank you.

  • @heinrichhelmbold419
    @heinrichhelmbold419 5 років тому +27

    Almost started to give up on AppScript and then I discovered your channel... THANK YOU! Your way of explaining makes so much more sense than reading through Google's online help.
    If at all possible, could you do some examples of using Google Forms with AppScript and Google Sheets? Things like populating drop downs, button actions etc.

  • @MohamedIbrahim-im5qs
    @MohamedIbrahim-im5qs 3 роки тому +7

    As usual fantastic tutorial, I am learning so much from your channel. Thanks.
    Ref. 9:48 Just in case someone is having trouble passing multiple values with the same parameter, the way to pass different categories is like this: category=6&category=44&category=2. If you just separate the values with commas you end up with one category having the string value "6,44,2".

    • @MaqsoodAlamShafiq
      @MaqsoodAlamShafiq 7 місяців тому +1

      I also discovered this anomaly (in 2024). I guess your comment being 3 years old and the tutorial 5 years old, maybe Goolge had changed something under the hood.

  • @annaandresen7048
    @annaandresen7048 5 років тому +16

    This is such an amazing video. You really have a great teaching style, everything is so clear and you explain everything so good! thank you so much for helping out

  • @sheikhraisulislam4483
    @sheikhraisulislam4483 2 роки тому

    Bools eye. No bullshitting , just pure knowledge. awesome style.

  • @josephus626
    @josephus626 4 роки тому +11

    Going back to this tutorial, I realized it would be awesome if there is a way to fill out a fillable PDF from information provided in the web app. As always, I appreciate your tutorial bro. Keep them coming.

    • @rafaelwendel1400
      @rafaelwendel1400 4 роки тому +1

      It is, all you need to to is integrate the form data with Google Docs or Google Slides, for example SlidesApp has the function replace all text which you can run along with DriveApp to create a temporary copy and replace your info, then you can save the blob as PDF and export it, save it in your Google Drive our use MailApp to email it

  • @jamesspeigelhalder9592
    @jamesspeigelhalder9592 Місяць тому

    Dude!!! I've been watching you for years. You should put a couple of classes together so we can get a certification from your content. Thank you so much for all the help. Have a great day!! 😁

  • @edgardocometto2051
    @edgardocometto2051 3 роки тому

    You are so clear! I practically do not speak english, but with your videos I learn both. Thank you for your time..

  • @alipouradam4406
    @alipouradam4406 5 років тому +5

    I really enjoyed watching this video! Perfect quality, sound, compact teaching, just perfect! Thank you SO MUCH and wish you all the best.

  • @rizkyazandra9651
    @rizkyazandra9651 Рік тому +1

    clearest ever tutorial on appscript

  • @ashemuh4755
    @ashemuh4755 2 роки тому

    This tutorial is best of the best of the best That I have seen last 12 years. Simple frontend backend database web app in 30 minutes.
    Thank you for your time.

  • @Benji-Hello-World
    @Benji-Hello-World 4 роки тому +46

    If you run into trouble trying to Log the (e) or event click on the "Apps Script Dashboard" link at the bottom of the log window, this will show you the log output that matches the video.

    • @erickk716
      @erickk716 4 роки тому +2

      may i know why this happen? i mean the null value from the log.

    • @JDLeadam
      @JDLeadam 4 роки тому +3

      @@erickk716 They must have updated Apps Script. On the pop up page with "null" click on the text link at the bottom "Apps Script Dashboard" and if you click on each log it will show you what's referenced in the video.

    • @addasmusic
      @addasmusic 4 роки тому +2

      i should have came to comments 15 mins earlier😑 thank you btw😂

    • @hubertprayogo5858
      @hubertprayogo5858 4 роки тому +3

      I just started making one myself (total newbie on this)
      Apparently this is not the only thing that has been slightly changed, the part where function 'userClicked' is now considered TypeError & cannot get the log for "Someone Clicked the Button".
      Any idea how to fix this?

    • @jimarl2002
      @jimarl2002 4 роки тому

      Inhabilitar el nuevo tiempo de ejecución de Apps Script con tecnología de Chrome V8

  • @thinhse
    @thinhse 3 роки тому +7

    If you follow the instruction until 19:12 and get nothing in the Log, just go to the menu Run and choose Disable new App Script runtime powered by Chrome V8, then everything will work.

  • @avimehenwal
    @avimehenwal 5 років тому +5

    WOwowow wowo man! This tutorial did just opened my eyes. And all this come free with google if you can program little bit :) Thankyou so much for this tutorial man, loved it. Its mind blowing

  • @gsxmentor
    @gsxmentor 5 років тому

    I have not found any video material on web, regarding this, better than yours. Salute and Respect for your detailing and convincing method of conveying rather teaching

  • @steph291
    @steph291 3 роки тому +1

    developing in the cloud ! OMG... I'm from the old school of the 90's AMAZING ! thanks

  • @tanveerhussain3881
    @tanveerhussain3881 3 роки тому

    World's Best Teacher
    Best Quality
    Learn Easy and Understand
    I Love And Like All Video

  • @amalprabath7983
    @amalprabath7983 5 років тому +2

    you are the best teacher ever

  • @rachidbeggar711
    @rachidbeggar711 5 років тому +5

    You are doing a very noble work, thank you so much.

  • @BarryMilne
    @BarryMilne 3 роки тому

    This is great! I've been using Google App scripts for a while;but, haven't done any UI expect with the Google Apps. This is a great jump start.

  • @WitoonThreamthakanpon
    @WitoonThreamthakanpon 3 роки тому +1

    Super step to make webpage easy way. I can apply these step for small business. Thank you so much and very much. :))

  • @martinn1071
    @martinn1071 5 років тому +7

    THIS IS GOOD STUFF
    I MEAN, REALLY GOOD STUFF
    YOU'RE THE MAN !!

    • @maziarpedram5213
      @maziarpedram5213 4 роки тому

      google.script.run.userclicked() does not work, please explain why

  • @lasantharanjith8230
    @lasantharanjith8230 Рік тому

    I have created a valuable online application after watching your videos, thank you very much👍

  • @brintmontgomery8323
    @brintmontgomery8323 5 років тому +1

    So VERY glad somebody walked me thru this processes!! Thanks for making this video.

  • @rayongkiteboardingschool7023
    @rayongkiteboardingschool7023 3 роки тому

    I think your great at doing all these videos. you teaching is clear an concise. Love it.

  • @hakuna3624
    @hakuna3624 5 років тому +1

    Great tutorial... Finally found solution how to make google script app using html service after ui service deprecated warning here. Thanks you!!!

  • @liangmale
    @liangmale 5 років тому

    Excellent video, as others people say don't stop, we are waiting for more, thanks a lot. You are a teacher by nature

  • @emingunduz4690
    @emingunduz4690 2 роки тому

    Thank you for these information. They helps a lot. You teach step by step and easy to understand. It helps me to be better at my work.

  • @robertmaluka2763
    @robertmaluka2763 5 років тому +4

    I really enjoyed this video. This is what I have been looking for. I would like to know more on HTML Thanks

  • @marwanshwaiki777
    @marwanshwaiki777 Рік тому

    This is really a great video. I think this would change my methods with the registration in my educational spreadsheets.

  • @julia.vasilieva
    @julia.vasilieva 5 років тому

    Genious in teaching! Yes please make an html video explaining these options (output, evaluate etc.), explaining scriptlets and what's the difference in using them with using , when and why. How to properly use a script inside an html file, interaction between them. So appreciate your efforts!!!

  • @staycalm4957
    @staycalm4957 3 роки тому +1

    Thanks a lot for those tutorials. They are really helpful, so well organized and much detailed!
    Keep up the good work!

  • @bigbrother1211
    @bigbrother1211 4 роки тому +2

    Thank you so much!
    This is the kind of video that changes the world : )

  • @valadares462
    @valadares462 5 років тому +1

    Fantastic. This is your best video until now.

    • @jammer268
      @jammer268 5 років тому

      Bruno Valadares )

  • @tarunsukhpalani9514
    @tarunsukhpalani9514 4 роки тому +2

    First 10 seconds and I was like this is what I am searching for years😋🐒

  • @leonsabit2335
    @leonsabit2335 2 роки тому +1

    You´re a genius. Amazing video. Here again.

  • @DavidWeissProgramming
    @DavidWeissProgramming 3 роки тому +7

    Thank you Learn Google Spreadsheets! Your videos really helped me out when I was beginning to learn to program. Now, I'm a small UA-camr producing tutorials on Apps Script and Google Cloud myself. But how did you get over 100K+ subscribers? I really hope to build a channel like yours someday! :)

    • @stephaniehartman4633
      @stephaniehartman4633 3 роки тому

      Keep producing videos. you have good content! When you first get going it will be slow but then by year two you'll see 5K subs and year three 25K. You just gained one more sub from me!

    • @michaelshaw7652
      @michaelshaw7652 3 роки тому

      Well, he got so many subscribers is because he is very good at what he does. His teaching style and structure fits most people from beginning to seasoned programmers who want to get into google script. You will get there if you keep working on your craft.

  • @user-rd4tz5sq7s
    @user-rd4tz5sq7s 3 роки тому

    Very nice tutorial. I am writing standalone scripts for myself, not using html interaction. Need arised to share with my colleagues. WebApp deployment is found appropriate, for which this tutorial is apt. Thanks.

  • @snwlms
    @snwlms 5 років тому +2

    Please Add more vids on app script..
    Awesome content as always..

  • @AkiraShocking
    @AkiraShocking 5 років тому

    It's just amazing ! I'm from France and your tutorial is just fantastic for learn. Don't stop yeah, thank you !

  • @jasonstraurss6974
    @jasonstraurss6974 2 роки тому

    very fun first go, thank you for the tutorial, in programing it is always gratifyingly to get results quickly

  • @leonsabit2335
    @leonsabit2335 4 роки тому

    Excelente tu aporte. Soy de Colombia y estoy sencillamente encantado con la claridad con que explicas. Por cierto, no hablo muy bien Inglés; no obstante comprendo tus videos. Gracias por tu colaboración y dedicación.

  • @tiwarirr
    @tiwarirr 5 років тому +2

    Very nice teaching! Thanks for adding new contents.

  • @fhozouri
    @fhozouri 3 роки тому +1

    Great training for novices.

  • @reie4208
    @reie4208 4 роки тому +1

    Your tuts have been helping me so much. You're amazing! Thank you very much!

  • @kenrowan2242
    @kenrowan2242 Рік тому

    I love this. It's so easy to follow you and understand. Thanks for sharing.

  • @agentbey
    @agentbey 4 роки тому +1

    Very clear and precise. Way better than all the blogs and videos I've seen in the past 48 hours. Big thanks. Question: I have already have an HTML form with more details. Do I need to add a variable for each input type?

  • @geremycao4919
    @geremycao4919 5 років тому +1

    Really appreciate these, has helped me so much. Please don't stop!!!

  • @jenrexpolinag5085
    @jenrexpolinag5085 3 роки тому +1

    Remember That You May Have An Error While Adding The string , To Fix That Add Your Text

  • @fusillertube
    @fusillertube 4 роки тому +2

    Excellent tutorial. Very well explained, the logic is clear. Great job ! Thanks a lot

  • @m07028
    @m07028 3 роки тому +1

    You are a life saver. Great Job!

  • @---ml4jd
    @---ml4jd Рік тому

    thanks for a great vid, i reference this vid mabye 10 times over the years LOL
    loov u

  • @seyjoon
    @seyjoon 3 роки тому +2

    Hi. I am beginner and your video is so helpful. btw, I just ran doGet(e) function and it says 'TypeError: Cannot read property 'parameter' of undefined (line 2, file "Code")'. i wrote down exactly as same as you wrote. what could be the problem?

  • @jodhvirsingh8677
    @jodhvirsingh8677 3 роки тому +1

    Excellent tutorial as usual

  • @brilliantpy
    @brilliantpy Рік тому

    Thank you for creating a very helpful and easy to follow video! Great job!!!

  • @OccasionalRunner
    @OccasionalRunner 2 роки тому +1

    **SOLVED:
    So I followed the tutorial (two times) and ended up copying basically everything - word by word - to conclude that some things changed for sure.
    1. The log changed in the way it shows the data - can't show parameters (error when you try)
    2. google.script.run.userClicked(); does not work anymore. At least not for me (oktober 9 2021). - I checked typing errors etc. Everything was exactly as shown in the video.
    What is the workaround for the second problem? I really want the page.html to call/use the functions of the gs. code.
    Amazing tutorial videos btw. Liked as well! And I know things change from time to time, so I don't blame the content at all - Love these videos!

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 роки тому +1

      Parameters still work, you just have to check the logs under Executions instead of View->Logs.
      The only way google.script.run wouldn't work is if you have some sort of security plugin on your browser that prevents it from working OR you have multiple Google accounts and Google isn't able to recognize the right account when you run the script. The solution for the latter is to log out of all your accounts and login with the right account.

    • @OccasionalRunner
      @OccasionalRunner 2 роки тому

      @@ExcelGoogleSheets Wow! Thanks for your. help. Fixed it now. 🔥🔥🔥

    • @OccasionalRunner
      @OccasionalRunner 2 роки тому

      @@ExcelGoogleSheets And thank you for taking your time to answer. I've spend countless of hours following your videos. Big fan!

    • @angelaeast1895
      @angelaeast1895 2 роки тому

      @@OccasionalRunner What did you do to fix it. I'm having the same problem

  • @chatbot6348
    @chatbot6348 5 років тому

    Great video,. The best tutorial about how to use GAS for newbie.

  • @guitarman7575
    @guitarman7575 3 роки тому +1

    Great. Thank you 👍👍👍 you're the best

  • @faiqhafidzfaiq301
    @faiqhafidzfaiq301 3 роки тому +2

    want to ask
    at 7:25
    why my log is "nul"
    and if i reload the web app, the log doesn't change
    and if i "run" manually, the log change
    thank

  • @mrpakravian
    @mrpakravian 5 років тому +1

    You are Awsome as usual
    Every tutorial is a killer

  • @CBSD1972
    @CBSD1972 5 років тому

    Thanks a lot! It's a long awaited video. Please, give us more about google web scripts

  • @prakash52kar
    @prakash52kar 4 роки тому +5

    Sir, Logger.log(e) or Console.log(e) both gives "undefined" on Log!

    • @jimarl2002
      @jimarl2002 4 роки тому +3

      Inhabilitar el nuevo tiempo de ejecución de Apps Script con tecnología de Chrome V8

  • @fpwilliams71
    @fpwilliams71 3 роки тому +2

    Awesome. well done for the good job.

  • @alfredocoindreau9876
    @alfredocoindreau9876 3 роки тому

    Estoy flipando pepinillos, apenas vi que se podía incluir css, js, html, y sigo flipando leyendo la documentación , ya estoy diseñando en el papel la app que voy a armar, muy buenos videos!!! like vitalicio para los videos de este canal

  • @fredzecat5993
    @fredzecat5993 5 років тому

    Only two words : Great, Thanks !

  • @alesue6575
    @alesue6575 3 роки тому

    Thanks Brother . i am writing 1st time in J.S

  • @rustamthomas6381
    @rustamthomas6381 5 років тому

    Thank you very much ... This video is a great tutorial for me to enhance my tools. Wonderful and bravo. Really a great information !! You nailed it.

  • @JanJanuszNosacz
    @JanJanuszNosacz 4 роки тому +1

    This is an awesome video! Helped me to understand the way html page connects to functions in Apps Script. Thank you!

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  4 роки тому +1

      Glad it was helpful!

    • @JanJanuszNosacz
      @JanJanuszNosacz 4 роки тому +1

      @@ExcelGoogleSheets Helped me write a nice script for my boss. It was accepted today ;) Thanks again!

  • @AndroidsReview
    @AndroidsReview 4 роки тому

    Very useful video for me, it help me understand work on freelance. Thank you!

  • @JorgeHerrera-qn5fj
    @JorgeHerrera-qn5fj 2 роки тому

    very usefull even in 2021

  • @nmhinton
    @nmhinton Рік тому +1

    Hello- I'm having trouble seeing the names getting 'undefined' instead of 'joe' or 'ana'...and then I moved on to the spreadsheet and 'commenting' out the other logger.log function, and am having the same issue there too, the error message reads: TypeError: Cannot read properties of undefined (reading 'parameter') ....the names are not showing up. in the new spreadsheet

  • @tinkershukla1725
    @tinkershukla1725 5 років тому

    Your are the best I have come across . Even better than the bozos on other paid edu-portals

  • @user-gp4dy6bg1u
    @user-gp4dy6bg1u 5 місяців тому

    Hey thanks for the great series! I am knew to app script and coding and was hoping if you could help out with a small issue i am facing. The variable declared in the HTML JS to be called within the App Script code is not getting identified as a variable. thanks

  • @minabenjamin3660
    @minabenjamin3660 3 роки тому

    Thank you so much mate!
    Your videos are so informative.
    Great job.

  • @chandrakantsurwase2881
    @chandrakantsurwase2881 5 років тому

    Great video by Google thanks for sharing this valuable video.

  • @MrBasie1234
    @MrBasie1234 5 років тому +1

    Please brother, some html video will be nice, great videos, you helped me a lot

  • @edidiongesu4035
    @edidiongesu4035 3 роки тому +1

    Thank you for this Video, man

  • @genaminin
    @genaminin 4 роки тому +1

    Nice! Very useful

  • @user-td8ns3oz1q
    @user-td8ns3oz1q 3 роки тому +1

    Nice, Helpful video,saya 😘

  • @eneiasmg
    @eneiasmg 4 роки тому

    All I can say is Thanks a lot! 👏👏👏

  • @rgenericson5361
    @rgenericson5361 5 років тому

    Sweet! Just what I need for a work project!

  • @sohailmalik5481
    @sohailmalik5481 5 років тому

    Very Nice Tutorials.. Please keep on making such useful stuff

  • @strativaryus
    @strativaryus 5 років тому

    Great content, congrats!
    You see, it gets me nervous watching you typing , ,. Press , man. Auto indent works really fine. You may even select many lines at once and auto indent them all hitting a single ...
    Peace ✌

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  5 років тому +1

      I wish it did. It works sometimes, then it doesn't work other times. I hate their editor, I wish there was a way to integrate in Visual Studio Code.

    • @strativaryus
      @strativaryus 5 років тому

      Perhaps I know what you mean: I'm Firefox user. On GAS, I have to go to Chrome. Many problems are gone, better interop.
      You seem to be Safari, I guess. Give Chrome a try, only to handle GAS editor

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  5 років тому +2

      I use Firefox in this video. Too many privacy issues with Chrome, but yea, it would probably work better in it.

    • @plvideos4u
      @plvideos4u 5 років тому +2

      @@ExcelGoogleSheets - In the 'Google app script' window, there is an indent (toggle) button at the top (below the main menu bar). If it was enabled, pressing on your keyboard wouldn't work.
      In your video, this indent button was showing as enabled. You have to toggle/disable it for presses to work (meaning auto indent). I had to scratch my head for a minute to figure this out. Hope this helps.

  • @NamHaVblog
    @NamHaVblog 3 роки тому +1

    thanks

  • @sandermann
    @sandermann 3 роки тому

    Great Tutorial. Thank you for sharing.

  • @SofianMW
    @SofianMW 5 років тому

    thanks its a good introduction....looking to all tuto

  • @christophegodard
    @christophegodard 3 роки тому +1

    the google.script.run function does not work. What can I replace it with?

  • @ph5874
    @ph5874 3 роки тому

    You are the best, well done!

  • @melkerart1793
    @melkerart1793 2 роки тому +2

    I've found that in the new version of the Apps Script editor, the Logger/console output of these functions DOES NOT appear in the "Execution log" (of the top bar) BUT in "Executions" (in the sidebar) as "Cloud logs". I've always used the new editor and haven't changed any of the default settings of the project. Ideally I'd like to have the output come out in the "Execution log" below the coding but it doesn't seem to be possible?

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 роки тому

      Runs triggered by events will not appear in "Execution log".

    • @bli240
      @bli240 Рік тому

      Thanks for mentioning this. I was scratching my head for a little while trying to find the parameter outputs...

    • @nmhinton
      @nmhinton Рік тому

      Hello! I'm having an issue with the names changing whenever it's typed into the box 'joe'/'ana'...it keep showing up as undefined. The new/old apps script editor is throwing me off a bit, can anyone help?

  • @4funrc11
    @4funrc11 4 роки тому

    Thank you! :) I've been hoping for this type of instruction vid. :)

  • @mask75260
    @mask75260 5 років тому

    Great I learn a lot from you.

  • @2ru2pacFan
    @2ru2pacFan 11 місяців тому

    Can you teach us more webapp related topics like this, probably make it more dynamic from start to finish if that's ok? Would love that :)

  • @pymathsstepbystep490
    @pymathsstepbystep490 4 роки тому

    Very useful. Thank you for sharing.

  • @TomMiLLeRThailand
    @TomMiLLeRThailand 5 років тому +1

    Really Great much helpful great information like the door to door hit it, may be possible some more Tutorial about creating an application:) Thankyou.

  • @PropertiDong
    @PropertiDong 4 роки тому

    Very helpful information , thanks 🙏

  • @kulspike88
    @kulspike88 4 роки тому +1

    Thank you for making this. I love the tutorials. Any chance you can share the code from the lesson? I am copying what you are doing but for some reason it is not working.

  • @andreslara1849
    @andreslara1849 4 роки тому +3

    This is so great, wonderful tutorial. Thanks for all have you done. I wrote the same code like you but I got an error in HTML button, it doesn't work when I do click but when I run the function works perfectly, could you help me, thanks again bro!

    • @andreslara1849
      @andreslara1849 4 роки тому

      I got this error: Uncaught TypeError: document.getElementById(...).addEvenListener is not a function

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  4 роки тому +4

      it's not Even it's Event

    • @SMDtv24
      @SMDtv24 4 роки тому

      @@ExcelGoogleSheets I wrote the same code like you but I got an error in HTML button, it doesn't work when I do click but when I run the function works perfectly, could you help me, thanks again bro! is there any problem with google.script.run.myFunc() ?

  • @user-vw9bb4lh2q
    @user-vw9bb4lh2q 9 місяців тому

    thank you for sharing

  • @adrienbird4130
    @adrienbird4130 2 роки тому

    Thank you for this!