Build a Simple Web Scraper using Node.JS, Fetch and Cheerio for beginners

In this tutorial, we are going to scrape the Formula 1 Drivers 2022 from the official Formula 1 website using Node.JS, Node-Fetch and Cheerio. The main reason why I chose Node-Fetch and Cheerio is simply that many people will be familiar with the syntax and both of them are very easy to use and understand.
Cheerio uses core jQuery which makes selecting elements extremely easy and if you have worked with Fetch on the front end of the web, then this would be very familiar to you. Also, I need to mention that Fetch will be bundled in Node.js in the near future so you won’t have to install it as a separate package. That’s always a plus.
Article: bit.ly/3vccvOV
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Chapters:
0:00 Introduction:
0:14 What is Web Scraping
1:09 Is Web Scraping Illegal?
1:47 Create Web Scraper
32:06 End
Credit:
Thumbnail photo Photo by Hanson Lu on Unsplash
Data: www.formula1.com
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Discounts:
⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: trk.elementor.com/26518
Recording Equipment:
◾ Microphone: amzn.to/3Ppp8Ok
◾ Shotgun Mic: amzn.to/3IVqIot
◾ Camera: amzn.to/3z0bxpF
◾ Lens: amzn.to/3Pw4s7d
◾ Lighting: amzn.to/3PGXvzW
Computer Gear:
◾ Keyboard: amzn.to/3PGXvzW
◾ Headphones: amzn.to/3PJl9fg
◾ Mouse: amzn.to/3z1TGPf
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
#nodejs #nodejstutorial #cheerio

[@camilapinzon5589]

Finally some explanation on how to access the specific classes. Thank you

[@erichepperlewp]

Great tutorial Raddy! I especially love the step-by-step detail you give to creating a simple but powerful working web scraper project. I would like to build a news aggregator myself. I may try that as a project soon

[@RaddyDev]

I am glad that you like it, Eric. News aggregator sounds pretty cool. There is also Puppeteer that you can use for more complex scenarios, but it's not as friendly as Cheerio to use. Thank you for the comment!

[@Santiago-ej4ph]

Awesome video, thanks!

[@CodeWithLakshan]

Awesome tutorial. 🔥

[@sadyk4ever]

actually what i've searched for, ty much🔥

[@RaddyDev]

🔥🔥🔥

[@orlundoexplainsai]

Thanks for the video!

[@thedevnoteyt]

Fantastic tutorial 🙌🔥

[@RaddyDev]

Thank you!

[@phoenixflower1225]

Awesome Tutorial - very detailed and so nice to learn from

[@RaddyDev]

Thank you! Cheers!

[@fal8202]

Thank you for concise and simple explanation

[@RaddyDev]

You're welcome!

[@leticianeves6977]

Love your videos bro!

[@RaddyDev]

It's good to hear that! Thank you

[@computerscience1152]

yeah, Awesome, Subscribed

[@RaddyDev]

Thank you!

[@qusai2062]

thank you so much

[@RaddyDev]

Welcome 😊

[@AdamsViews]

What happens if the website you're scraping is utilising Cloudflare? It pretty much becomes blocked straight away.

[@Emma-eb5zb]

Nice, can you do a tutorial with pupeteer in node?

[@RaddyDev]

Yes of course. I will add this to the list

[@Emma-eb5zb]

@@RaddyDev thanks!

[@Emma-eb5zb]

@@RaddyDev Sorry if bother you, I need to make a continuous integration an deployment with GitHub actions and Heroku, can you add a tutorial of this? thank you

[@ancestralconsciousness]

quick question: can i setp all of this up on shared hostinger hosting? or do i need a vps or something like that?

[@RaddyDev]

As long as your hosting allows you to use NodeJs, it should be fine. If you are using CPanel, you could search for NodeJs and see if the option is there.

[@michaelday6987]

Is Cheerio or Puppeteer a better starting point for web scrapping? If I wanted to learn and create a usable app with?

[@RaddyDev]

I would say Cheerio

[@noabeldoch971]

Thank you for this amazing tutorial!

[@RaddyDev]

You're very welcome!

[@akshayy_xd]

I get an error, handleErrorFromBinding(ctx); when trying to run app.js, any idea why?

[@RaddyDev]

Does it happen when you use the FS module and you try to create a folder or write a file? It could be file permissions. Read the full error and see if it says "permission denied". You could try in a different disk or folder.

[@orlundoexplainsai]

When using span:last - I get back the first names again instead of the last names. Is there a reason why that could be?

[@orlundoexplainsai]

Nevermind. I fixed it. I didn't save my app 😆

[@RaddyDev]

😆😄

[@AbdulHannan-or8ql]

what if a website do not allows scraping? then what?

[@RaddyDev]

Straight to jail. Jokes aside, you could check to see if they have an API that you can use

[@user-de6um8fw9v]

How save data in database and send notifications

[@RaddyDev]

To save the data into a database you could use a database like MySQL, MongoDB or Firebase. To be fair there are a lot of good options. I've already made a few videos on how to save data into database. You could check them out. For notifications I think that there is a Push API. I am not sure what's the best to use for that right now. I am sure that there are a ton of services that make it super easy to setup and use

[@landrover1114]

how to get date and time by using web scrapping

[@RaddyDev]

If it's on the page, it would be the same way. If you want the current date / time you can use the JavaScript Date object. Google that, and you'll find a lot of examples and formats

[@DitiGjoni]

Hello can i ask something

[@RaddyDev]

Sure!