Web automation with JavaScript for beginners | Puppeteer

Поделиться
HTML-код
  • Опубликовано: 6 сен 2024

Комментарии • 186

  • @chandanrout5404
    @chandanrout5404 4 года назад +47

    I have used puppeteer to generate PDF in node js for my college project . It's really nice to work with.

  • @prateekdas3334
    @prateekdas3334 4 года назад +55

    I love coding and You helped me to fall in love with coding.

    • @yogeshdeveloper5346
      @yogeshdeveloper5346 4 года назад +5

      Bro, he is an example of a true teacher!!! (DRONACHARYA)

    • @abhivishwavlogs
      @abhivishwavlogs 4 года назад +1

      Make more video on Automation Testing

    • @AlbedoShorts
      @AlbedoShorts 4 года назад

      me also

    • @dbsdenis81
      @dbsdenis81 4 года назад +1

      Usage examples:
      > Array.from(document.querySelectorAll('.mw-headline')).map( h => h.innerText);
      > [...document.querySelectorAll('.mw-headline')].map( h => h.innerText);

    • @laughme7566
      @laughme7566 4 года назад

      what is the name of the outro song

  • @rajatsingh2614
    @rajatsingh2614 4 года назад +9

    You need not write a callback function to wait the page. There is a waitfor function in which you can pass miliseconds to wait the page.
    Like - page.waitFor(5000)
    Then it wait for 5 sec. Before close the browser.

    • @HiteshCodeLab
      @HiteshCodeLab  4 года назад +2

      Thanks

    • @harshit741
      @harshit741 3 года назад +1

      @@HiteshCodeLab or you can just remove browser close function

  • @SuperNickSom
    @SuperNickSom 3 года назад +1

    Nice introduction!
    10:55 doing $$(".mw-headline").map(h => h.innerText) can get you there quicker.

  • @The_Python_Turtle
    @The_Python_Turtle 3 года назад +3

    Wow covid19 in feb 2020 - def look more into this - wise words, wish more people did this one year ago !!!

  • @AgarwalAnup95
    @AgarwalAnup95 4 года назад +4

    Lovely content
    A small trick for youtubers: go to the end of the video and play restart to avoid ads.
    And yeah "You are welcome" 😅😜

    • @laughme7566
      @laughme7566 4 года назад

      just use a adblocker instead and what's the name of the outro song

    • @joematkin2554
      @joematkin2554 3 года назад

      This guy won't get any revenue tho :(

  • @gauravvishwakarma____3330
    @gauravvishwakarma____3330 4 года назад +1

    आपका बहुत बहुत धन्यवाद ,हितेश जी वीडियो बनाने के लिए।

  • @rajeshwarkashyap
    @rajeshwarkashyap 4 года назад

    thank you, sir, apse Mai bahut inspire Hua hu, main web development chorna chahta tha, apke videos dekh karke bahut kuch sikhnane aur janne ko milta hai, thanks you for teaching us. love from Chhattisgarh😘😘

  • @ScaredDonut
    @ScaredDonut 2 года назад +1

    Need to learn more of this stuff. 99.99% of my job can literally be automated.

  • @nikhiljose2029
    @nikhiljose2029 4 года назад +2

    Which vscode theme are you using ?

    • @amanr11314
      @amanr11314 4 года назад

      Same thing i need to know

  • @snghnishant
    @snghnishant 4 года назад +3

    Don't try to web scrap popular websites(fb, twitter, LinkedIn). They'll ban your ip and you can even get into trouble for scraping data. Scraping comes with a lot of risk. And there is nothing to worry about scraping publicly available data on the internet or from websites not configured properly.

  • @eborne66
    @eborne66 3 года назад +1

    Great tutorial. I like the way you demonstrate the flexibility of puppeteer and explain the documentation. I actually have a running start on how to scrape web pages in JS. Way more dynamic than python scraping. Thanks!

  • @prasanna.purohit9853
    @prasanna.purohit9853 4 года назад +3

    Its crisp video I loved,it will be great if architecture is explained along with how it works which already explained beautifully Thank you very much
    Could you please take CodeceptJS as next topic

  • @sowjanyajuvvala2698
    @sowjanyajuvvala2698 4 года назад +1

    Very Good to hear automation related stuff through you.. Hitesh garu .. Keep posting..

  • @tedchirvasiu
    @tedchirvasiu 3 года назад

    Ahh, good ole Corona in February 2020. Good times, good times.

  • @danesparza77
    @danesparza77 2 года назад +1

    Wow -- that sample wikipedia page aged pretty well.

  • @rajeshbhattarai5934
    @rajeshbhattarai5934 4 года назад +1

    Video on integrating payment gateway in the website

  • @Ravichawla68
    @Ravichawla68 3 года назад +2

    Which theme are you using in VS code?

  • @Ligilvj
    @Ligilvj 4 года назад +5

    Woah, today I decided to learn puppeteer and was going through docs, and guess what, your video notification pops up. Jinx

  • @adampatel4523
    @adampatel4523 2 года назад

    That was great tutorial you don’t need to be criticise yourself your doing great!

  • @himanshupathak6802
    @himanshupathak6802 4 года назад +1

    More such videos sir please

  • @geetramchandani1167
    @geetramchandani1167 4 года назад +1

    Yes.. More videos on Web Automation are welcome.

  • @fredsoda3034
    @fredsoda3034 Год назад

    This was an amazing video.
    You did an amazing job!

  • @yogeshdeveloper5346
    @yogeshdeveloper5346 4 года назад +1

    Hey Hitesh, the video is slightly down (noisy, to be precise). May be camera settings are not good. Have a look. And apart from that, the content is on the infinite quality. Thanks for this great work!!!

    • @HiteshCodeLab
      @HiteshCodeLab  4 года назад +1

      Thanks for comment. Can you please let me know the time of noise.
      Is it in screen recording part or intro part.
      I will surely fix it

    • @yogeshdeveloper5346
      @yogeshdeveloper5346 4 года назад +1

      @@HiteshCodeLab The screen recording is a bit blurry & the Normal full screen video (intro) have a little bit of noise.

    • @yogeshdeveloper5346
      @yogeshdeveloper5346 4 года назад +1

      @@HiteshCodeLab i just realized that, there's no quality down noticed in mobile view, but when we switch to 1080p monitor it seems to be as described.

  • @namanjindal3089
    @namanjindal3089 2 года назад

    For sure more videos on Puppeteer.

  • @chaittnyashinde2133
    @chaittnyashinde2133 4 года назад +1

    I have used puppeteer for my eCommerce website scraping project. It is an amazing library.❤️

  • @mariakats35
    @mariakats35 2 года назад

    Thanks for your presentation about puppeteer, please make more videos on the same

  • @vikasjadhav0203
    @vikasjadhav0203 4 года назад

    Yes please create series on Puppeteer. Will be waiting for same.

  • @86ajmn
    @86ajmn 2 года назад

    Thank you Hitesh, very helpful!

  • @ourcrazyworld6281
    @ourcrazyworld6281 2 года назад

    That explanation was rlly great

  • @karansoni3543
    @karansoni3543 4 года назад

    Yes I want more video like this.

  • @Caleul.C
    @Caleul.C 4 года назад +1

    i'm having some issues.
    first off all: "throw new errors.TypeError('ERR_INVALID_ARG_TYPE', 'original', 'function');"
    TypeError [ERR_INVALID_ARG_TYPE]: The "original" argument must be of type function

    • @Caleul.C
      @Caleul.C 4 года назад +1

      please help

  • @samms7922
    @samms7922 3 года назад

    1-Web scraping is illegal?
    2-puppeteer is written (made) in pure JavaScript code? or it's written in other languages like python?

  • @CancunCrow
    @CancunCrow 2 года назад

    You're really a great teacher!

  • @beingabstrac
    @beingabstrac 4 года назад

    Hey @Hitesh Choudhary, nice tutorial!
    Got stuck, how do I do this -
    1. Open a webpage (you see list of items)
    2. Click an item - you go inside item detail page
    3. Extract data from the detail page (like name, desc, images...)
    4. Now store all this data as a markdown file (.md) with the item name as the file name
    5. Repeat the same for 300+ items
    P.S. the class names are complex(with weird names and numbers). How do I use the same with XPATH?
    Thanks in advance!

  • @yuzararyadi7843
    @yuzararyadi7843 4 года назад

    Thanks for this video. Help me much. Keep it up man

  • @gokilavanis6157
    @gokilavanis6157 4 года назад

    Please continue your videos with web automation

  • @samadritsarkar2
    @samadritsarkar2 4 года назад +1

    I want more videos on JavaScript and NodeJs.

  • @sumanth8296
    @sumanth8296 4 года назад +3

    Hey dude! Please mention that vs code theme and font

  • @chrisneisen657
    @chrisneisen657 3 года назад

    You're the best!!! thank you thank you thank you!!

  • @asmmisfar
    @asmmisfar 4 года назад

    Please do open and search youtube channel using puppeteer like u did using selenium.

  • @pankajpawar8601
    @pankajpawar8601 4 года назад +1

    Nice

  • @unyieldingjarnail
    @unyieldingjarnail 4 года назад

    Awesome. I request you do deep webscraping with this and save that to database please. That's my request for next video . Thank you Sir and it's always great stuff from you

  • @juniqureshi1798
    @juniqureshi1798 4 года назад

    I run it and the screenshot is not working, i coped exactly what you did, i am just learning node and puppeteer, and would like help?

  • @GreatNewo
    @GreatNewo 4 года назад

    Hey Hitesh I saw your RUclips video about Web automation in python for beginners. It was very interesting but what I want to do is open windows clicking a link then clicking for a specific item and every time I click that link the item is in another spot so I might even have to go to the next page to find it. I do this a lot but it’s a lot of work, if you could show me how to automate it that would be awesome!

  • @codedheart
    @codedheart 4 года назад +2

    Amazing👍🏻😍
    Love from Nepal❤

  • @stevetulig1019
    @stevetulig1019 3 года назад

    Awesome! Thanks very much.

  • @learningbird4732
    @learningbird4732 4 года назад

    Amazing.. Please make more such videos

  • @rohitjyoti9071
    @rohitjyoti9071 4 года назад

    yes plz make more videos on it

  • @kelvintakyi-bobi3155
    @kelvintakyi-bobi3155 2 года назад

    I really enjoyed your lesson 😊🙏

  • @animeshsamanta3444
    @animeshsamanta3444 3 года назад

    when i take Screen short i get it as this web site currently not available in your region

  • @rohandevaki4349
    @rohandevaki4349 4 года назад

    nice one, but why didnt you use selenium, here, since it is popular for automation. which one is better "puppeter" or "selenium"

  • @gokilavanis6157
    @gokilavanis6157 4 года назад

    I started to learn coding.The way you teach made me fall with them.
    My question is you usually use the word terminal..what is meant for ? As I am a beginner I don't get what it is!

    • @botgod6264
      @botgod6264 3 года назад

      A terminal is dependant on the server. Often seen in the wild as a monitor and keyboard alone. Maybe a small bit of hardware.
      In this video usage it appears to be referring to the apple name for a command prompt interface.

  • @deepakarthikeyan3109
    @deepakarthikeyan3109 4 года назад

    Informative video.thanks for sharing

  • @kaptandspadb6718
    @kaptandspadb6718 3 года назад

    Please anybody can help,, for example i have login to a website thant shows certain data in javascript tabel,, ini the dropdownlist menu,, there are only three option of number of showing data, which are 10, 50, and 100. How to for example i want to show all the data not only 100 data. But all the data that i search with certain criteria. Thanks

  • @anand.prasad502
    @anand.prasad502 2 года назад

    How to change browser to Firefox ?

  • @axaysushir
    @axaysushir 4 года назад

    Can we make some file manager with it , that copy and move file to certain folder when our work done. I think that's interesting and useful for small automation projects too.

  • @elle9834
    @elle9834 4 года назад

    im stuck at the first bit, i run the code for getting a snapshot of wiki but it just says Error: Cannot find module 'puppeteer'
    EDIT: NVM im an idiot and installed puppeteer core instead of of puppeteer

  • @golubovicm
    @golubovicm 3 года назад

    Great tutorial! Thank you.

  • @Bisibletoanyoneonyoutube
    @Bisibletoanyoneonyoutube 2 года назад

    I am not getting how to get rid of that promise error, only the copied snippet is working without promise err. plz help me someone

  • @ahmedhashem9971
    @ahmedhashem9971 4 года назад +3

    Love from Egypt 💗❤💗

  • @Shubham-jv6dp
    @Shubham-jv6dp 3 года назад

    I am getting an error saying that chrome is being controlled by an automated software, can someone please help me out

  • @CancunCrow
    @CancunCrow 2 года назад

    I'm curious how to set multiple threads (browsers) in Puppeteer Stealth. Also how do I load resources as variables so i can fill out sign up forms with those variables?

  • @yogeshdeveloper5346
    @yogeshdeveloper5346 4 года назад +1

    Continue the Puppeteer

  • @ImranSheikh-kg4qd
    @ImranSheikh-kg4qd 4 года назад

    Nice video. love from Bangladesh

  • @sakon4466
    @sakon4466 4 года назад

    nice job bhai

  • @amnamushtaq6803
    @amnamushtaq6803 3 года назад

    for each new project we will have to write npm init -y
    and npm install puppeteer for once?

  • @paggillakumar3608
    @paggillakumar3608 3 года назад

    I want more videos on pupppeeter

  • @robomanrobo6777
    @robomanrobo6777 4 года назад

    Yeah Definitely web scraping. Thanks

  • @boyapatiramakrishna2068
    @boyapatiramakrishna2068 4 года назад

    Dear sir, is puppeteer good or selenium is good for web automation / web scrapping? Please reply to my question. I did not listen selenium in your videos. I have listen lot of your videos.

  • @valerii5096
    @valerii5096 4 года назад

    Well it's funny that I am watching this video at 3 am after trying multiple applications that actually didn't work. All I need is to automate several actions, I have tried iMacros, CAB and UI.Automation, maybe I'm just too stupid to use them properly lol. So, I have a question. I have a web page, I need to copy the information from one field (it doesn't look like a field, just one or two words) to another field, I have thousands of such pages (every time I need to copy and paste different information) and I want to automate these actions, because they are very time consuming. Maybe you can recommend me a good tutorial based on JS? I am have 0 coding skills, about 2 years ago I just tried to learn something in JS lol.

  • @draszi
    @draszi 3 года назад

    How do I pass this information to an HTML page to display?

  • @spontaneousjr.8351
    @spontaneousjr.8351 3 года назад

    amazing explanation

  • @shivamseth4586
    @shivamseth4586 4 года назад +1

    I thought Google url crawl made of samething.

  • @waqasrahman6174
    @waqasrahman6174 4 года назад

    Fantastic Sir !!!!
    Please do a video on Socket.io with NodeJs

  • @bibhashkumar2155
    @bibhashkumar2155 4 года назад

    Thanks for the video. Is it possible to automate reading of browser bookmarks???????

  • @maltherunner
    @maltherunner 4 года назад

    is there a way to access that page variable from another function?

  • @mutalemulenga8708
    @mutalemulenga8708 3 года назад

    How can you run that from the browser?

  • @shivanisaini1652
    @shivanisaini1652 4 года назад

    I want to know that what are the career opportunities in puppeteer?.

  • @EnglishRain
    @EnglishRain 4 года назад

    Thank you excellent video!

  • @priyomsaha3997
    @priyomsaha3997 4 года назад +1

    Hey , Nice Video.
    can you please tell the difference between "Puppeteer" and "selenium-webdriver-js"

    • @hargunbeersingh8918
      @hargunbeersingh8918 3 года назад

      They are different packages but they perform the same task, the only difference is that Puppeteer only works with chrome whereas the latter can work with firefox and IE

  • @olegmaz3969
    @olegmaz3969 4 года назад

    Is it possible to check data from server by Jest and Puppeteer ?

  • @preetikumari7214
    @preetikumari7214 3 года назад

    please make more video on that

  • @kvncnls
    @kvncnls 4 года назад

    How much node do you have to know to make full use of Puppeteer?

  • @anubhabbhattacharya3644
    @anubhabbhattacharya3644 4 года назад

    Sir can I use selenium in JavaScript as I want the use of x path

  • @anjali3928
    @anjali3928 3 года назад

    Sir, Thanks for this video, How can we auto fill captcha using same tech stack????

  • @amnamushtaq6803
    @amnamushtaq6803 3 года назад

    if we will delete whole folder i-e youtubefun then we will install puppeteer again?

  • @ahmedgarhy5166
    @ahmedgarhy5166 4 года назад

    Thank you very much! this video summerized the Puppeteer idea for a beginner.

  • @saranyab2304
    @saranyab2304 3 года назад

    Sir do u have Playlist for this?pls provide link of this series

  • @souptiksaha5
    @souptiksaha5 4 года назад

    Sir I was looking forward for this kind of video.. your way of explaining is very easy to grasp

  • @MaxOnMaxxer90
    @MaxOnMaxxer90 3 года назад

    If you create an application with this code, will it not be really weird for a user to see some browser open and close very quickly? It is headless, but I think users will notice something happening?

    • @0tiii
      @0tiii 3 года назад

      do you know what headless means?

  • @Urtechquery
    @Urtechquery 4 года назад

    Can I login in any website using curl???

  • @paristar3079
    @paristar3079 4 года назад

    Make more videos on puppeteer

  • @harshjhunjhunuwala
    @harshjhunjhunuwala 4 года назад

    If possible then More videos for automation please 🙂

  • @notaword932
    @notaword932 4 года назад

    Nice and perfect!)

  • @opossum4463
    @opossum4463 3 года назад

    What VSCode theme is that?

  • @RetroCode0011100100110111
    @RetroCode0011100100110111 4 года назад

    With this tool i can Make thinks similar like in jmeter?

  • @nazshaan2871
    @nazshaan2871 4 года назад

    Can anybody give me the link of the song he played at the end of this videos please.

  • @zaidyousaf4449
    @zaidyousaf4449 4 года назад

    How to tackle recaptcha in web scraping

  • @AmanSinghalEARCS-xs4nv
    @AmanSinghalEARCS-xs4nv 2 года назад

    sir what is [...a] #please explain