Up & Running with JSON Server (Part 1)

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024

ความคิดเห็น • 174

  • @michakaczanowicz331
    @michakaczanowicz331 3 ปีที่แล้ว +28

    Every time I watch one of your tutorials, I transition from thinking "oh, I don't know that, let's check it out" to "omg, that's precisely the tool I needed, I just wasn't aware of it". Cheers!

  • @antoncherry
    @antoncherry 3 ปีที่แล้ว +18

    Big appreciation for "New Vue course coming soon" ))))

  • @shubhang2877
    @shubhang2877 3 ปีที่แล้ว +6

    At this point he's spitting out tutorials RAPID-FIRE!!

  • @hackzyoboy2459
    @hackzyoboy2459 3 ปีที่แล้ว +2

    wohoooooooo!!!!!!!!! another new seriessss. Just finished authentication series. Loving this ninja since 2016

  • @lenhu7089
    @lenhu7089 3 ปีที่แล้ว +3

    I like this json. Wow . I respect you. You release tuts everyday . Thank you so much. Wish you all the best and healthy

  • @peetkumarghosh5619
    @peetkumarghosh5619 3 ปีที่แล้ว +1

    Sickest loading animation of any coding tutorial video

  • @himanshushekhar3304
    @himanshushekhar3304 3 ปีที่แล้ว +2

    Your videos and series are amazing the way you breakdown things in small small projects.

  • @NERO-ez1mn
    @NERO-ez1mn 3 ปีที่แล้ว +1

    this should be the one responsible for the TODOLIST BAckends not the Local Storage. Seriously you explain more than enough than those guys doing the JS stuffs. looking forward to make more like this. Thnks really for this

  • @swoorp
    @swoorp 3 ปีที่แล้ว +8

    you're a crazy person, love you, ninja... // no more hard code! we live dynamically.
    😘thank you, great person...

  • @dejuanclark4163
    @dejuanclark4163 3 ปีที่แล้ว +1

    Ahh snap another series!!! I'm ready!

  • @electiongeek2570
    @electiongeek2570 3 ปีที่แล้ว

    I'm very grateful for this and all your other work Shaun. Watching your vids has been time very well spent

  • @naywinhlaing7574
    @naywinhlaing7574 3 ปีที่แล้ว +1

    New tutorials are always amazing!
    Thank U,Sir!

  • @FairyRat
    @FairyRat 2 ปีที่แล้ว +3

    Great stuff! I'm currently learning React and was just curious how would one use JSON Server in vanilla JS. Your content is extremely informative as per usual.

  • @AntonioRibeiro-qs3fy
    @AntonioRibeiro-qs3fy 3 ปีที่แล้ว

    Jeepers...now that is some real Ninja Dev right there...Very informative, thanks a lot

  • @webdev4786
    @webdev4786 3 ปีที่แล้ว +10

    me: let me learn react -> maybe I should make sure I have a solid understanding of JSON server -> i should revise on async javaScript -> back to react.

    • @HomelessDeamon
      @HomelessDeamon 3 ปีที่แล้ว +1

      why does this feel familiar......wait a minut :D

    • @Paul-jh3rs
      @Paul-jh3rs 3 ปีที่แล้ว +1

      the same here :)

    • @i_am_human_being5570
      @i_am_human_being5570 3 ปีที่แล้ว

      hilariously familiar

    • @ericmomoh7927
      @ericmomoh7927 2 ปีที่แล้ว

      Me too.... @The Net Ninja you are are world-class first genius tutor.

  • @shivamvijaywargi
    @shivamvijaywargi 3 ปีที่แล้ว +1

    Another "To be the BEST" series by The Net Ninja ❣

  • @adipati27ma
    @adipati27ma 2 ปีที่แล้ว +2

    Nice content, very awesome~ Best programming channel ever✨

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว +1

      Thanks! 😃

  • @ayyoubm
    @ayyoubm 2 ปีที่แล้ว +1

    So I was watching a react course. At one part, I needed to watch this. And now, at a point in the video, I need to go watch another course( await) so that I can watch this so that I can watch the react one.

  • @roloep85
    @roloep85 5 หลายเดือนก่อน

    For anyone watching this in future, the json server version has been updated and some of the filters work differently rather use: npm install -g json-server@0.17.4 instead of installing the latest.

  • @LubomilaTerziyska
    @LubomilaTerziyska 2 ปีที่แล้ว +1

    Thank you a million! Really helpful and useful video, it has given me so much information on exactly what I need!

  • @edsoncampos5050
    @edsoncampos5050 2 ปีที่แล้ว

    the most informative and cool chanel on the youtube!
    Thanks a lot

  • @cryswerton-silva
    @cryswerton-silva 3 ปีที่แล้ว +1

    What a awesome tutorial! Good job!!!

  • @RameenFallschirmjager
    @RameenFallschirmjager 3 ปีที่แล้ว +5

    I searched for how god created the world. The Net Ninja came up with a tutorial!

  • @babrakoskei6134
    @babrakoskei6134 2 ปีที่แล้ว

    Net ninja you genius. I needed this!!!

  • @mcocfun1427
    @mcocfun1427 3 ปีที่แล้ว

    Yes! Vue comes next! Like the way you anouce it!

  • @zourdy697
    @zourdy697 3 ปีที่แล้ว

    you are such a great teacher man! huge love for your content

  • @kevink3072
    @kevink3072 ปีที่แล้ว

    simple, effective and informative. I become a net Ninja soon and Im buying you coffee.

    • @NetNinja
      @NetNinja  ปีที่แล้ว

      Haha, awesome Kevin, thank you! :)

  • @dipenparmar2273
    @dipenparmar2273 3 ปีที่แล้ว +1

    For dummy content, type
    lorem and hit tab wala...❤️
    Thanks for your tut.

  • @StuffIMade
    @StuffIMade 3 ปีที่แล้ว

    perfect timing for the post of this video ... just what I needed.
    In part 2 will you cover off looping through a posts children... e.g. if a post had multiple sub sections to it?
    anyhow great video!

  • @EuroAlex333
    @EuroAlex333 3 ปีที่แล้ว +1

    How do you deploy an actual JSON Server? Could you put this on GCP and have it as an actual API?

  • @mrahmedfuad2656
    @mrahmedfuad2656 3 ปีที่แล้ว

    YAY a new tutorial thank you net ninja

  • @mohdalghoul8673
    @mohdalghoul8673 3 ปีที่แล้ว

    Awesome master, best teacher you are amazing and you are the reason i am still keep the codeing dream alive

  • @obi.3965
    @obi.3965 3 ปีที่แล้ว

    that is what i was looking for it for long time . thanks a lot sir

  • @Pareshbpatel
    @Pareshbpatel 2 ปีที่แล้ว

    JSON Server. Beautifully and fluently explained. Thanks, Shaun
    {2022-02-20}

    • @jelouche
      @jelouche 2 ปีที่แล้ว

      Amen
      {2022-03-01}

  • @khashayarseangoudarzi5894
    @khashayarseangoudarzi5894 3 ปีที่แล้ว +1

    Hi, is anyone else getting an Error: "The file C:\Users....\json.sever.ps1" couldn't be loaded, because the execution of scrips in this system is deactivated. More Information...."
    FullyQualifiedErrorId: UnauthorizedAccess
    Thanks

    • @khashayarseangoudarzi5894
      @khashayarseangoudarzi5894 3 ปีที่แล้ว +1

      Solved it: Run the command: Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted

  • @hadisergan1
    @hadisergan1 3 ปีที่แล้ว +3

    I am a Muslim fan of you from Bangladesh, Sir. Thank you very much for all tutorials.

    • @RameenFallschirmjager
      @RameenFallschirmjager 3 ปีที่แล้ว

      How cares about your religion?! Why did you think you should mention your religion?!

  • @harishbalasubramanian78
    @harishbalasubramanian78 3 ปีที่แล้ว

    I was hoping there'd be SOME tutorial out there semi-decent that'll help me understand this. Who would've thought The ninja would've made it

  • @HomelessDeamon
    @HomelessDeamon 3 ปีที่แล้ว

    Hey Shaun, Great tutorial as always, thank you very much.

  • @bugraotken
    @bugraotken 3 ปีที่แล้ว +4

    Haven't watched it yet but I am sure it is a great tutorial! =)

  • @manoharprabhu7076
    @manoharprabhu7076 3 ปีที่แล้ว

    Just now started to watch, it is a great tutorial

  • @ib926
    @ib926 3 ปีที่แล้ว +1

    Thanks so much for this.
    God will bless you and your family. Your enemies will not rejoice over you (A prayer from an African man 😊)

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว

      Thank you 🙏

  • @komiloff6740
    @komiloff6740 3 ปีที่แล้ว

    I love your tutorials!

  • @lorielkkkiz
    @lorielkkkiz 3 ปีที่แล้ว +1

    I finished a coding bootcamp a few months ago and have been self-learning since, and while I'm job-seeking, I'd like to know if in you think it's better to say I'm a Full Stack Developer or to begin with, I should stick with Front End Developer, specializing in ReactJS for example? Some argue that Full Stack is better because in the employer's eyes I'm multi-faceted but some argue that sticking to Front or Back will increase my chances of employability because it's more "believable" and being as I have no experience, will be "easier" for me. I'd love to get your input! Thank you.

    • @krisztiankugler5699
      @krisztiankugler5699 3 ปีที่แล้ว +1

      I'd say pick a side first, be it frontend or backend, whichever you feel more comfortable with. For most people with little experience, frontend is more fun since it's more "visual". I was in a similar situation 2 years ago, went with frontend, now I'm slowly transitioning to full-stack but it takes time, gaining experience is something one cannot hurry. A word of advice: don't pay too much attention to the vast amount frameworks and libraries out there, it's much more important to internalize concepts and patterns.

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว +4

      I'd say take it one step at a time. I started with front-end and became as good as I could with that before moving on the server-side code. Besides, full-stack is a very loose term. The stack is very changeable in terms of technologies used & what one company uses isn't necessarily what another one will. But that's just my opinion and others may disagree.

    • @lorielkkkiz
      @lorielkkkiz 3 ปีที่แล้ว

      @@NetNinja Thank you very much!

    • @lorielkkkiz
      @lorielkkkiz 3 ปีที่แล้ว

      @@krisztiankugler5699 Thank you very much!

  • @spellsaif
    @spellsaif 3 ปีที่แล้ว

    Our master is ready with new ninja technique :)

  • @darpananeja4751
    @darpananeja4751 3 ปีที่แล้ว

    Very informative and easy to understand.

  • @christersin7934
    @christersin7934 3 ปีที่แล้ว

    Vey appreciate for all the tutorials.

  • @cossale
    @cossale 3 ปีที่แล้ว +1

    Can you do full flutter course udemy? I would buy it. The series you made is pretty great but i would love to see basics to advance. Thank You!

  • @mahmoudhamdy819
    @mahmoudhamdy819 ปีที่แล้ว

    Really awesome tutorial, thank you so much

    • @NetNinja
      @NetNinja  ปีที่แล้ว

      Thanks for watching Mahmoud!

  • @siddharthpawar552
    @siddharthpawar552 3 ปีที่แล้ว

    this is some next level js. thank you

  • @proemail3237
    @proemail3237 3 ปีที่แล้ว

    Wow thank you shawn. I wish this course was in reactjs but regardless very easy to convert once you know the basic. Thank you

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว

      I considered it, but didn't want to make it a block for those who don't know it.

  • @mobinhussaini2564
    @mobinhussaini2564 2 ปีที่แล้ว

    Your tutorial is so amazing

  • @ademineshat
    @ademineshat 3 ปีที่แล้ว +4

    Nice one ✌️. But I was expecting "Electron Course" 😢

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว +12

      At some point, I promise!

    • @ademineshat
      @ademineshat 3 ปีที่แล้ว

      @@NetNinja Thank you 😎

    • @codybontecou
      @codybontecou 3 ปีที่แล้ว

      +1 on this one.

    • @dawnbugay7094
      @dawnbugay7094 3 ปีที่แล้ว

      @@NetNinja same. Thank u

    • @pudasainianjan
      @pudasainianjan 3 ปีที่แล้ว

      @@ademineshat Mee too

  • @ZetsKai
    @ZetsKai 3 ปีที่แล้ว +2

    18:24 I can't see anything on my console. xl
    Edit: Nvm it turns out I did not have JS ON on my browser lmao. 4 hours of stress.

  • @hughhe4209
    @hughhe4209 3 ปีที่แล้ว +1

    Angular 10 series? Loving your content😀

  • @peoplearecool8766
    @peoplearecool8766 3 ปีที่แล้ว +1

    Please make React & firebase App course

  • @zanmlakar9803
    @zanmlakar9803 6 หลายเดือนก่อน

    is the modern javascript course gonna be on discount again sometime?

  • @matthewblasco4720
    @matthewblasco4720 ปีที่แล้ว

    This is good stuff! thank you for this

  • @dawnbugay7094
    @dawnbugay7094 3 ปีที่แล้ว +1

    please teach us also how to deploy that json server. thank you sensei

  • @mihaimyh
    @mihaimyh 3 ปีที่แล้ว

    Isn't there a better way to send the post object directly to details page, since you already have it? This way you save some extra API calls.

  • @kodingsquad
    @kodingsquad 3 ปีที่แล้ว +1

    Hello please make tutorial for Unit Testing React Component using jest+react testing library

  • @gouranshsachdeva6097
    @gouranshsachdeva6097 3 ปีที่แล้ว

    Thanks for this another amazing tutorial :)

  • @prafulrane3591
    @prafulrane3591 ปีที่แล้ว

    What should I do next
    Can you make a pathway video to know how should we follow your playlist from your channel for every technology covered on your channel?

  • @jingxinjiang3462
    @jingxinjiang3462 3 ปีที่แล้ว

    Please help me. I can not install json server, the command "npm install -g json-server" does not work, show "changed 178 packages, and audited 179 packages in 4s
    13 packages are looking for funding
    run `npm fund` for details
    found 0 vulnerabilities"

  • @thetech3624
    @thetech3624 2 ปีที่แล้ว

    So nothing is loading for me, it doesn't loop through posts, it just shows undefined in the console

  • @justingolden21
    @justingolden21 3 ปีที่แล้ว +3

    17:45 imagine showing a JS dev from 5 years ago this code and telling them it's JS

  • @msundar661
    @msundar661 3 ปีที่แล้ว

    Awesome series thank you lot ...🙏🙏❤️

  • @mostafashawki
    @mostafashawki 3 ปีที่แล้ว

    Great as usual thanks 🙏

  • @SmitaLinas
    @SmitaLinas 3 ปีที่แล้ว

    Love it !😍

  • @iansmith6844
    @iansmith6844 3 ปีที่แล้ว

    This is premium content people

  • @heavydirtysoul1491
    @heavydirtysoul1491 3 ปีที่แล้ว

    😮 my God this is a great topic!

  • @nijinnazar4760
    @nijinnazar4760 3 ปีที่แล้ว +1

    Awesome 😍

  • @GaneshSingh1
    @GaneshSingh1 2 ปีที่แล้ว

    In my json there is no id outside then how to update json without id(just update using index) any way or any other way?

  • @RicardoManuelArana
    @RicardoManuelArana 3 ปีที่แล้ว

    So, in order to run JSON Server, am I supposed to have installed Live Server and, or XAMPP?...

  • @mridulsetia4974
    @mridulsetia4974 3 ปีที่แล้ว

    ninja ipsum ..lol😂😂,Great work🙌🙌

  • @denysgl3732
    @denysgl3732 3 ปีที่แล้ว

    Cool tutorial! Thanks a lot 👍

  • @davidohayon3212
    @davidohayon3212 3 ปีที่แล้ว

    Can you make a video about the deployment of the api?

  • @gregoirerichard6606
    @gregoirerichard6606 3 ปีที่แล้ว

    thanks for sharing your knowledge

  • @maryamniazkhani1820
    @maryamniazkhani1820 2 ปีที่แล้ว

    How can I make a JSON file, and have the ability to edit it after publishing the react app?

  • @santiagoardila8090
    @santiagoardila8090 3 ปีที่แล้ว

    Thank you very much for the tutorial, I am working the json-server locally and it works for me, but when compiling the project it does not work for me, I have to change the localhost path to the url of the website?

  • @williambradley1448
    @williambradley1448 ปีที่แล้ว +1

    This is incredibly frustrating - I have followed this through for the first 30 minutes , I have the localhost:3000/posts page working and displaying exactly as it should, but the web page showing the blogs stubbornly refuses to change from 'all blogs add new blog'. This is my console output when I try to refresh my browser:
    GET /posts 304 18.696 ms - -
    GET /db 200 1.601 ms - 501
    GET /__rules 404 7.040 ms - 2
    GET /db 304 1.337 ms - -
    GET /__rules 404 5.667 ms - 2
    GET /posts 304 28.519 ms - -
    GET /db 304 1.096 ms - -
    GET /__rules 404 14.380 ms - 2
    GET /db 304 3.467 ms - -
    GET /__rules 404 12.751 ms - 2
    GET /posts 304 6.823 ms - -
    GET /posts 304 5.515 ms - -
    If anyone can figure what I am doing wrong I would appreciate it. Also not that I cannot run >json-server --watch data/db.json in a VS Code window but have to use the windows command prompt, if that is relevant to the problem.

    • @williambradley1448
      @williambradley1448 ปีที่แล้ว +1

      Figured it! Took a lot of patience and a couple of days away from the terminal but I got it in the end. Came to it fresh today and quickly realised that my data/db.json folder and file were within my js folder, similarly my css file and three html files were also there. A bit of reorganisation and woo hoo it works perfectly.

    • @williambradley1448
      @williambradley1448 ปีที่แล้ว +1

      Oh, and I had to set my execution policies (forgot to mention that above) but all is good now.

  • @jonice4229
    @jonice4229 3 ปีที่แล้ว

    When vue.js is coming? Thank you!

  • @khanhld8376
    @khanhld8376 3 ปีที่แล้ว

    love u ninja. amazingv

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 3 ปีที่แล้ว

    Great tutorial.. If I have simple GoDaddy linux web hosting server. How to run project and install JSON server. Please reply. This is best way to live an project as a fresher.

  • @daniellloyd5584
    @daniellloyd5584 2 ปีที่แล้ว

    Is this course still applicable in Nov 2021?

  • @danielkaminski-gc5si
    @danielkaminski-gc5si ปีที่แล้ว

    can i do this without async function? or how can i get a elemts render with my script out of a async function?

  • @wendylee5498
    @wendylee5498 3 ปีที่แล้ว

    Anyone has problem with json-server installed globally but prompt with " json-server: command not found" issue?

  • @steveowenIOW
    @steveowenIOW 3 ปีที่แล้ว

    I tried to run it but got an erro: r 'C:\Users\User\AppData\Roaming
    pm\json-server.ps1 is not digitally signed. You cannot run this script on the current system.'

  • @user20517
    @user20517 3 ปีที่แล้ว

    Amazing man! I am following your tutorials and learning alot. Thank you

  • @jeansouvenir3110
    @jeansouvenir3110 3 ปีที่แล้ว

    I Like this video..
    Hello there! I want to ask you if you can make a tutorial about USSD Application??
    Thanks.

  • @maddipatlamadhura2531
    @maddipatlamadhura2531 3 ปีที่แล้ว

    Thank you. can you please tell me can I add more than one db.json files with difrrent name and run it.

  • @giorgimindiashvili3810
    @giorgimindiashvili3810 ปีที่แล้ว

    Guys I have problem with fetch url
    404

  • @mohanj2849
    @mohanj2849 2 ปีที่แล้ว

    hi nice video could you plz tell me how to use this json, for ecommerce in react js ..

  • @jotasenator
    @jotasenator 2 ปีที่แล้ว

    hello everybody. How to nest data inside this json server data?

  • @laribenedet
    @laribenedet 3 ปีที่แล้ว

    Thank you!

  • @douarmedouailislam1840
    @douarmedouailislam1840 2 ปีที่แล้ว

    my problem is that it doesnt work when i deploy the app can someone help

  • @aishwaryapadmanabhi6029
    @aishwaryapadmanabhi6029 3 ปีที่แล้ว

    How to create jsonservertutorial part of left hand side...how to create folder... .js also....please Proper video ...how to get new file?? file
    name???

  • @SaiKiran-xc2ge
    @SaiKiran-xc2ge ปีที่แล้ว

    Is this course is essential for frontend development? Anyone Please tell

  • @sheikhabubakar1705
    @sheikhabubakar1705 3 ปีที่แล้ว

    Thank you so much!

  • @sambhavjain9566
    @sambhavjain9566 3 ปีที่แล้ว

    Your passion is really inspirational and it motivates many developers! Great worrkk!
    Please make a react native project next

  • @isaiahdaniel2522
    @isaiahdaniel2522 3 ปีที่แล้ว

    hey shaun, when you wrap the renderPost(), function in an arrow function and said you dont want the e(event object is there a reason for that)?