I have been in school (3 different) in the past year or so. For the way I learn, this is without a doubt the best explained process to acquire data from the front end I have seen! Thank you!!
Great job explaining. I just attended a Full Stack Boot Camp where we flew through this since the course was a 12 week course. This helps fill in the gaps where I missed some of the, what, where, how, and why.
I have to say this is the first time I am seeing a video of yours and I am very impressed. Just the way you explains things very easy really shows how good you know these topics.
Thanks Ania! I always learn so much from you tutorials, and actually hava a great idea for a web app to share with my daughter to use in her buiness after watching this video -- Hopefully it'll benefit her!
Hi Ania, great tutorial but i can't seem to get past 14:25 in the video. You test your index.html file on a totally different port which leads me to believe you either are serving the html content from a different server or node instance? Could you explain how to get the html part working as by just loading backend and listening on port 8000 does not allow for me to load any html content as shown in the video. Thanks again
@@SparkyTunes I had the same problem but then I solved this by renaming the "src" folder to "public" and keeping only the index.html file with inline javascript.
hello Ania! can you please make a tutorial on how one can change the entire language in the front end, thank you so much your tutorials are life saving!!!!!!
For whatever at 9:00 when looking at the results, my results did not look that clean and organized. It gave back the results, but its all cluttered together and not neat like that. Is there something I am missing? Did anyone else have this issue? I am using Chrome.
How would you go about hosting your website and using the built npm modules? Do you have to compile the modules? If thats the case, would you have to renmae the fetch() path etc?
Can you PLEASE do a video on retrieving, storing and posting to the DOM, JSON data. The closest video I've found that you've done was the beer API one, but something I'm specifically trying to do is go deep into some JSON data, retrieve a big list of names or people (or cities doesn't matter) and put that stuff to the DOM. Everytime I get problems either bc i'm in a promise, or a forEach loop. I'm not sure how to properly do it. I pretty much know how to use the array methods thanks to you, but being able to store those values is actually tricky when dealing with an API because of scope.
Thanks so much for the video it was incredibly helpful for me! I have a little bit of a dumb question for you or anyone reading this - why do we need to pull the data onto the backend server first? Would it have been possible to just have the front end get the data from the website and add it to the html?
Sorry for going offtopic, but have you seen "Last night in Soho" movie? There's a girl named Sandy in that movie, who gives the same kind of vibe as you. And that's a good thing 😊
I have a question. I wanted to make a forum type site, I would like that after the user is authenticated show on a page as their data such as post, videos, message that he put on the site (through a form) how would I do this?
What are the advantages/disadvantages of doing the rendering client side vs. server side? I have watched a few tutorials and most of them advocating the use a view-engine like ejs and then they do the rendering on the server and sending the page back to the client - is there some video were you could go in depth about these different approaches and the pro/cons
Hi Ania. Thanks for all these amazing tutorials. I'm diversifying my development skills and find your teaching style very clear and easy to follow. Literally you and Travis from Dev Tips have taught me more than any paid courses have. I have a question. I want to display the scraped URLs as clickable links back to the original article. Can you point me in the right direction? Thanks again
Like the Node and VaniilaJS ones the best like this (and lib ones more than frameworks vids). Or eclectic ones like moving to Web storm from VS. Would you do one on HTTP2 we feed like we got tricked switching to it as its slower than 1.1! Anyway Great stuff!! Love these videos.
Great video but how about facebook friends scraper ? I have a form in front end and i want it to send email and password to backend as argument to excute the script. Hope you answer asap many thanks
typeError: Cannot read properties of undefined(reading 'push') İ got like these errorrs and LoadCheerio.each i got these Errors in my command prompt is the versions of modules. mine modules versions are not match.if you interest these question i wil be glad. Thanks.
Hi Ania!👋 great video! This I could figure out by myself already, but how I can save data at the backend? This is my current problem. I'm using typescript in VS2019, but I think it should not be a problem... I like your kind, thanks a lot!😉🤟😎 Edit: BR from Germany 😁
@Marcos Thanks a thousand times for your answer!😁 But is it as well possible using a json-object as NoSQL-db? Means, I want to change the json-file at the Server! Is this possible? Sorry for my bad englisch!😇 Edit: I already found the error for using 'fs'!😉 Thank you all!
@@johnwayne8059 you can save data using a database instead of file, just create your table or collection depending on the adapter you choose. I just published a basic example that could help you understand this approach : )
@@tristanb_ Why in this case? There was no serverside rendering. Just simple client side javascript. Your way is a completely different solution which have also disadvantages
@@sephirot7581 Yeah but is that not what PHP and ASP are for? What I am not understand is why we have this extra layer here? Normally a client is served by a PHP or ASP backend that talks to the SQL server.
Great tutorials @ Code with Ania Kubów , Love the hands on content! I made an API from your Climate Change Live code in Byvalue - hope you'd see and like it :)
if you were to host this website now, would fetching from localhost:8000 still work? and if not how would you change the fetch statement to make it work
Hi. I have gotten this to work. but I am getting this message ">We're sorry but doesn't work properly without JavaScript enabled" I have confimed that it is enabled. Is there a way around this with code? I've tried app.use(express.static(__dirname)); app.get("/*", function(req, res) { res.sendFile(path.join(__dirname, "index.html")); }); with this in the package.json file "homepage": ".",
Hi Ania, how can I create the "dist" folder ( to deploy the project, so that it can work in a webhosting ). I have tried but I get the error: GET localhost:8000/ net::ERR_CONNECTION_REFUSED TypeError: Failed to fetch The same error occurs locally when I close Visual Studio Code and try to open the index.html file from a folder.
I love these videos. As far as I am concerned, Ania is the 'Queen of Code' right now on YT.
I have been in school (3 different) in the past year or so. For the way I learn, this is without a doubt the best explained process to acquire data from the front end I have seen!
Thank you!!
Great job explaining. I just attended a Full Stack Boot Camp where we flew through this since the course was a 12 week course. This helps fill in the gaps where I missed some of the, what, where, how, and why.
I have to say this is the first time I am seeing a video of yours and I am very impressed. Just the way you explains things very easy really shows how good you know these topics.
Holy poop, these tutorials are literally next level... If you guys follow these tutorials you can literally get a job at so many places! Keep it up!
Love it when you cover beginner friendly tutorials, I'm learning express so this is exactly what I needed to cement my understanding
Thanks Ania! I always learn so much from you tutorials, and actually hava a great idea for a web app to share with my daughter to use in her buiness after watching this video -- Hopefully it'll benefit her!
This is the very best explanation I have seen on this topic. Thank you!
Thanks!
I was looking for this all day...i need to try it in the morning... thanks in advance
last year you had only couple of thousand of subscribers, good going persistence always wins.
Thank you so much been trying to do this for my local project for days!!!
I love learning from the Queen of dragons!
🐉👑
Yesss! I was hoping youd make a video on this!
So excited 💖
Great tutorial, an excellent and simple explanation!
Great stuff. Simple quick and to the point
Great job Ania, as always great content.
Pretty cool that you can read a script and write a script
Hi Ania, great tutorial but i can't seem to get past 14:25 in the video. You test your index.html file on a totally different port which leads me to believe you either are serving the html content from a different server or node instance? Could you explain how to get the html part working as by just loading backend and listening on port 8000 does not allow for me to load any html content as shown in the video. Thanks again
Im just getting "This is my webscraper" at the same point... no sign of any arrays in the Console..
I had the same problem but then I solved this by renaming the "src" folder to "public" and keeping only the index.html file with inline javascript.
@@SparkyTunes I had the same problem but then I solved this by renaming the "src" folder to "public" and keeping only the index.html file with inline javascript.
Amazing tutorial 🙏
Nice explanation, awesome !!!
This was very helpful thank you!!
You read my mind ❤️ great topic
the best one yet
hello Ania! can you please make a tutorial on how one can change the entire language in the front end, thank you so much your tutorials are life saving!!!!!!
For whatever at 9:00 when looking at the results, my results did not look that clean and organized. It gave back the results, but its all cluttered together and not neat like that. Is there something I am missing? Did anyone else have this issue? I am using Chrome.
hey, same issue.
You are my inspiration! Thanks ❤️
Fantastic and great Teacher
Web Scraping Tutorial, beautifully, fluently, and succinctly presented. Thank you, Ania.
{2022-03-02}
Great lecture
Niceee! Just what I needed!!!
You are Nice and Incredible teacher. Thank you very much!!!
can you make a tutorial for vuejs 3 and axios and api and search in api
Especially using algolia.
ALL HAIL QUEEN ELSA . I really enjoyed your lessons and im learning plenty usefull information from you. You look great and NICE HAIR
very nice video, thanks for sharing
I built a pretty cool web scraper using this tutorial. Could you do a quick video on how to deploy this type of site to heroku?
Highly informative video
How would you go about hosting your website and using the built npm modules? Do you have to compile the modules? If thats the case, would you have to renmae the fetch() path etc?
Can you PLEASE do a video on retrieving, storing and posting to the DOM, JSON data. The closest video I've found that you've done was the beer API one, but something I'm specifically trying to do is go deep into some JSON data, retrieve a big list of names or people (or cities doesn't matter) and put that stuff to the DOM. Everytime I get problems either bc i'm in a promise, or a forEach loop. I'm not sure how to properly do it. I pretty much know how to use the array methods thanks to you, but being able to store those values is actually tricky when dealing with an API because of scope.
Ty from Brazil
Thank you! Any advice on how to store the web scraping so the front end can access it when published on Netlify?
The first step to make your own proxy server done )
excellent. i must share.
Thanks for sharing!
Thanks so much for the video it was incredibly helpful for me! I have a little bit of a dumb question for you or anyone reading this - why do we need to pull the data onto the backend server first? Would it have been possible to just have the front end get the data from the website and add it to the html?
What should you use in stead of the 'localhost' to get this working on mobile?
Great tutorials!
Hey, nice video :) May I ask what books are on the shelf in the background? (Hope this wasn't answered before..) Best regards
Hi Ania, great tutorial. Very informative, thanks.
Is it possible to tweak the code so it scrapes one element from a list of target URL's?
Great! Many thanks
Sorry for going offtopic, but have you seen "Last night in Soho" movie? There's a girl named Sandy in that movie, who gives the same kind of vibe as you. And that's a good thing 😊
No way! Is it Anya Taylor Joy because I love her 😱
@@aniakubow me too 😀
You Are Phenomenal: I learn WAY To Much Watching Your Incredible Presentations; Thanks Once Again , Sweetie ~
I have a question. I wanted to make a forum type site, I would like that after the user is authenticated show on a page as their data such as post, videos, message that he put on the site (through a form) how would I do this?
Thanks you saved me a headache.
Better than ibuprofen
This stuff is really awesome! Any chance you can do something on microservices using express and axios (since request is being deprecated)? Thanks!
i wish that restfull api video was in the description
What are the advantages/disadvantages of doing the rendering client side vs. server side? I have watched a few tutorials and most of them advocating the use a view-engine like ejs and then they do the rendering on the server and sending the page back to the client - is there some video were you could go in depth about these different approaches and the pro/cons
Super good cheers, lets give Ania more likes and subs :D
Thank you
Excellent...
Hi ma'am!
how can front end the djnago rest API ? How to show it's data in front end. ?
tks a lot from brazil
Thanks mam 🦋
Hi Ania. Thanks for all these amazing tutorials. I'm diversifying my development skills and find your teaching style very clear and easy to follow. Literally you and Travis from Dev Tips have taught me more than any paid courses have. I have a question. I want to display the scraped URLs as clickable links back to the original article. Can you point me in the right direction? Thanks again
const title = `` + article.title + ``
Is it possible to create an app with react native that can be overlayed on top of other application
Like the Node and VaniilaJS ones the best like this (and lib ones more than frameworks vids). Or eclectic ones like moving to Web storm from VS. Would you do one on HTTP2 we feed like we got tricked switching to it as its slower than 1.1! Anyway Great stuff!! Love these videos.
18:00 how to click to the links?
Great video but how about facebook friends scraper ?
I have a form in front end and i want it to send email and password to backend as argument to excute the script.
Hope you answer asap
many thanks
My server side .js file collecting data continuously using web socket I want to display that data on index.html please help
Also we can use Pug template
can we fetch sql server database tables nodejs to frontend react
But what if I have new data continuously coming in and I want to keep my client updated accordingly?
i need the link to the first video
typeError: Cannot read properties of undefined(reading 'push') İ got like these errorrs and LoadCheerio.each i got these Errors in my command prompt is the versions of modules. mine modules versions are not match.if you interest these question i wil be glad. Thanks.
Hi Ania!👋 great video! This I could figure out by myself already, but how I can save data at the backend? This is my current problem. I'm using typescript in VS2019, but I think it should not be a problem...
I like your kind, thanks a lot!😉🤟😎
Edit:
BR from Germany 😁
You can save data at backend with 'fs' package or database such as firebase, mongodb, etc. You should ask Ania to create a tutorial on this topic 😃
@@maskman4821 that's a great idea!
ANIA...???😇😁
@@johnwayne8059 Ania Kubo 😃
@Marcos Thanks a thousand times for your answer!😁 But is it as well possible using a json-object as NoSQL-db? Means, I want to change the json-file at the Server! Is this possible? Sorry for my bad englisch!😇
Edit:
I already found the error for using 'fs'!😉 Thank you all!
@@johnwayne8059 you can save data using a database instead of file, just create your table or collection depending on the adapter you choose.
I just published a basic example that could help you understand this approach : )
why not using template engine like ejs or pug ?
Because there are better solution when you want SSR
@@sephirot7581 yeah but in that case, it will be much simplier
@@tristanb_ Why in this case? There was no serverside rendering. Just simple client side javascript. Your way is a completely different solution which have also disadvantages
Can’t find part 1
Please come back to vscode🙏
I'm pretty sure I love you
Khaleesi is such a deft data manipulator
What is the advantage of using NodeJS as a backend as opposed to calling a SQL backend and selecting the data you want?
To have business logic? And you should not open a database connection from the client to the database. This would be a huge security flaw
@@sephirot7581 Yeah but is that not what PHP and ASP are for? What I am not understand is why we have this extra layer here? Normally a client is served by a PHP or ASP backend that talks to the SQL server.
@@Mobay18 Nodejs is an alternative solution which have his own advantages
Vue?
👍
Great tutorials @
Code with Ania Kubów , Love the hands on content! I made an API from your Climate Change Live code in Byvalue - hope you'd see and like it :)
const Kubów = require(🤩)
Hi Ania,
why dont you want to put subtitles in Polish?
Wow..... Its you not the IDE.
She's always saying to "watch a video, link in the description" but there's never a link to a video she's mentioning.
Why not using PHP?
8:57 how to pretty content of localhost:8000/results. i use chrome on windows
if you were to host this website now, would fetching from localhost:8000 still work? and if not how would you change the fetch statement to make it work
Hi. I have gotten this to work. but I am getting this message ">We're sorry but doesn't work properly without JavaScript enabled" I have confimed that it is enabled. Is there a way around this with code?
I've tried
app.use(express.static(__dirname));
app.get("/*", function(req, res) {
res.sendFile(path.join(__dirname, "index.html"));
});
with this in the package.json file
"homepage": ".",
Hi Ania, how can I create the "dist" folder ( to deploy the project, so that it can work in a webhosting ). I have tried but I get the error:
GET localhost:8000/ net::ERR_CONNECTION_REFUSED
TypeError: Failed to fetch
The same error occurs locally when I close Visual Studio Code and try to open the index.html file from a folder.