Web automation with JavaScript for beginners | Puppeteer

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

КОМЕНТАРІ • 185

  • @chandanrout5404
    @chandanrout5404 4 роки тому +51

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

  • @prateekdas3334
    @prateekdas3334 4 роки тому +56

    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)

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

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

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

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

    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 4 роки тому +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.

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

    Wow -- that sample wikipedia page aged pretty well.

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

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

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

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

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

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

    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.

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

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

  • @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 :(

  • @eborne66
    @eborne66 4 роки тому +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!

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

    For sure more videos on Puppeteer.

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

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

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

    Which theme are you using in VS code?

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

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

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

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

    Please continue your videos with web automation

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

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

    That explanation was rlly great

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

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

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

    Yes I want more video like this.

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

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

  • @86ajmn
    @86ajmn 3 роки тому

    Thank you Hitesh, very helpful!

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

    Which vscode theme are you using ?

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

      Same thing i need to know

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

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

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

    More such videos sir please

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

    I want more videos on JavaScript and NodeJs.

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

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

    You're really a great teacher!

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

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

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

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

    Informative video.thanks for sharing

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

    Awesome! Thanks very much.

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

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

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

    Video on integrating payment gateway in the website

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

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

    Amazing.. Please make more such videos

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

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

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

    Great tutorial! Thank you.

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

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

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

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

    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?

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

  • @spontaneousjr.8351
    @spontaneousjr.8351 3 роки тому

    amazing explanation

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

  • @kelvintakyi-bobi3155
    @kelvintakyi-bobi3155 2 роки тому

    I really enjoyed your lesson 😊🙏

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

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

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

    Hey Hitesh I saw your UA-cam 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!

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

    Yes.. More videos on Web Automation are welcome.

  • @ImranSheikh-kg4qd
    @ImranSheikh-kg4qd 4 роки тому

    Nice video. love from Bangladesh

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

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

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

    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.

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

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

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

    nice job bhai

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

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

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

    Sir, please make full course on AngularJs.

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

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

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

    yes plz make more videos on it

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

    Nice

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

    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

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

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

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

    Amazing👍🏻😍
    Love from Nepal❤

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

    Hey Hitesh, please make a video on ML using JavaScript.

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

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

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

    How can you run that from the browser?

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

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

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

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

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

    Hey dude! Please mention that vs code theme and font

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

    Thank you excellent video!

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

    Which theme u r using ?

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

    What theme are u using in vs code

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

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

    Yeah Definitely web scraping. Thanks

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

    Do more python automation projects and web scraping using python with stocks

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

    Can I login in any website using curl???

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

    please need videos for login and registration page with puppeteer automation

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

    is there any library like this in PHP?

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

    Can you do a tutorial to use puppeteer to scrape data from a password protected page

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

    We want more videos on automation

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

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

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

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

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

    Please make a video on tenserflow

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

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

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

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

  • @abishekp.y4736
    @abishekp.y4736 4 роки тому

    Can I use puppeteer for my backend server?

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

    Sir please guide more on Web automation using JS

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

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

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

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

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

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

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

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

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

    Great video.👍🏻

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

    If possible then More videos for automation please 🙂

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

    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?

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

    Love from Egypt 💗❤💗

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

    please make more video on that