Get Data from Backend (NodeJS) to Frontend

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

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

  • @MidniteSon
    @MidniteSon 3 года назад +8

    I love these videos. As far as I am concerned, Ania is the 'Queen of Code' right now on YT.

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

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

  • @dameriandark1485
    @dameriandark1485 3 года назад +6

    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.

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

    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.

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

    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!

  • @ngoako
    @ngoako 3 года назад +5

    Love it when you cover beginner friendly tutorials, I'm learning express so this is exactly what I needed to cement my understanding

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

    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!

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

    This is the very best explanation I have seen on this topic. Thank you!

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

    Thanks!

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

    I was looking for this all day...i need to try it in the morning... thanks in advance

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

    last year you had only couple of thousand of subscribers, good going persistence always wins.

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

    Thank you so much been trying to do this for my local project for days!!!

  • @RoughSubset
    @RoughSubset 3 года назад +10

    I love learning from the Queen of dragons!

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

    Yesss! I was hoping youd make a video on this!

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

    So excited 💖

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

    Great tutorial, an excellent and simple explanation!

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

    Great stuff. Simple quick and to the point

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

    Great job Ania, as always great content.

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

    Pretty cool that you can read a script and write a script

  • @openhostwebservices6086
    @openhostwebservices6086 3 года назад +6

    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
      @SparkyTunes 2 года назад +1

      Im just getting "This is my webscraper" at the same point... no sign of any arrays in the Console..

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

      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.

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

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

  • @cobratateco.6041
    @cobratateco.6041 Год назад

    Amazing tutorial 🙏

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

    Nice explanation, awesome !!!

  • @RussellDelbridge-mx6wm
    @RussellDelbridge-mx6wm 4 месяца назад

    This was very helpful thank you!!

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

    You read my mind ❤️ great topic

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

    the best one yet

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

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

  • @bryansuarez2396
    @bryansuarez2396 2 года назад +2

    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.

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

    You are my inspiration! Thanks ❤️

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

    Fantastic and great Teacher

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

    Web Scraping Tutorial, beautifully, fluently, and succinctly presented. Thank you, Ania.
    {2022-03-02}

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

    Great lecture

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

    Niceee! Just what I needed!!!

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

    You are Nice and Incredible teacher. Thank you very much!!!

  • @systembreaker4651
    @systembreaker4651 3 года назад +5

    can you make a tutorial for vuejs 3 and axios and api and search in api

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

    ALL HAIL QUEEN ELSA . I really enjoyed your lessons and im learning plenty usefull information from you. You look great and NICE HAIR

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

    very nice video, thanks for sharing

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

    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?

  • @Raj-xn6rg
    @Raj-xn6rg 3 года назад

    Highly informative video

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

    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?

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

    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.

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

    Ty from Brazil

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

    Thank you! Any advice on how to store the web scraping so the front end can access it when published on Netlify?

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

    The first step to make your own proxy server done )

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

    excellent. i must share.

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

    Thanks for sharing!

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

    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?

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

    What should you use in stead of the 'localhost' to get this working on mobile?
    Great tutorials!

  • @nicos.6019
    @nicos.6019 3 года назад

    Hey, nice video :) May I ask what books are on the shelf in the background? (Hope this wasn't answered before..) Best regards

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

    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?

  • @Noritoshi-r8m
    @Noritoshi-r8m 2 года назад

    Great! Many thanks

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

    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 😊

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

    You Are Phenomenal: I learn WAY To Much Watching Your Incredible Presentations; Thanks Once Again , Sweetie ~

  • @vitorsanto1479
    @vitorsanto1479 5 месяцев назад

    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?

  • @Andre-hc3ww
    @Andre-hc3ww Год назад

    Thanks you saved me a headache.
    Better than ibuprofen

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

    This stuff is really awesome! Any chance you can do something on microservices using express and axios (since request is being deprecated)? Thanks!

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

    i wish that restfull api video was in the description

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

    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

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

    Super good cheers, lets give Ania more likes and subs :D

  • @Anjing-Koththadimai
    @Anjing-Koththadimai Год назад

    Thank you

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

    Excellent...

  •  3 года назад

    Hi ma'am!
    how can front end the djnago rest API ? How to show it's data in front end. ?

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

    tks a lot from brazil

  • @ganeshponmalar..3168
    @ganeshponmalar..3168 2 года назад

    Thanks mam 🦋

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

    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

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

    Is it possible to create an app with react native that can be overlayed on top of other application

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

    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.

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

    18:00 how to click to the links?

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

    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

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

    My server side .js file collecting data continuously using web socket I want to display that data on index.html please help

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

    Also we can use Pug template

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

    can we fetch sql server database tables nodejs to frontend react

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

    But what if I have new data continuously coming in and I want to keep my client updated accordingly?

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

    i need the link to the first video

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

    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.

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

    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 😁

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

      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 😃

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

      @@maskman4821 that's a great idea!
      ANIA...???😇😁

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

      @@johnwayne8059 Ania Kubo 😃

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

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

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

      @@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_
    @tristanb_ 3 года назад

    why not using template engine like ejs or pug ?

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

      Because there are better solution when you want SSR

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

      ​@@sephirot7581 yeah but in that case, it will be much simplier

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

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

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

    Can’t find part 1

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

    Please come back to vscode🙏

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

    I'm pretty sure I love you

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

    Khaleesi is such a deft data manipulator

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

    What is the advantage of using NodeJS as a backend as opposed to calling a SQL backend and selecting the data you want?

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

      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

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

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

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

      @@Mobay18 Nodejs is an alternative solution which have his own advantages

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

    Vue?

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

    👍

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

    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 :)

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

    const Kubów = require(🤩)

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

    Hi Ania,
    why dont you want to put subtitles in Polish?

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

    Wow..... Its you not the IDE.

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

    She's always saying to "watch a video, link in the description" but there's never a link to a video she's mentioning.

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

    Why not using PHP?

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

    8:57 how to pretty content of localhost:8000/results. i use chrome on windows

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

    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

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

    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": ".",

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

    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.