Modern GraphQL Crash Course - 2022

Sdílet
Vložit
  • čas přidán 5. 07. 2024
  • This is a snippet of a full modern GraphQL course on Udemy. I hope you all enjoy and learn a ton!
    Second Channel:
    / @laiture123
    Udemy Courses (with discount):
    www.udemy.com/course/modern-g...
    Course Repo:
    github.com/harblaith7/GraphQL...
    Timeline:
    0:00 - What is GraphQL
    17:57 - Setting up a GraphQL Server
    36:00 - Scalar Types
    44:30 - Arrays
    51:28 - Object Types
    1:01:00 - Query with Variables
    1:09:32 - Adding Another Object Type
    1:20:15 - Relating Data
    1:37:00 - Reorganizing Our Directory
    1:46:30 - The Context Param
    1:52:05 - Adding a Third Object Type
    2:01:11 - Adding Filtering Data Logic
    2:24:00 - Mutations!
    2:27:00 - Adding Data
    2:48:17 - Deleting Data
    3:13:00 - Updating Data

Komentáře • 133

  • @nelsonomoro8591
    @nelsonomoro8591 Před 2 lety +4

    Did anyone else just get emotional going through this tutorial like how easy it has become to get data and not just data, i mean data that is relevant to the current scenario. Also the way he gets excited really kept me going. Thank you sir!!

  • @junaidulqayyumqureshi7546

    As an extreme newbie in GraphQL, I can say, by GOD this is one of the best, most easiest and well-explained videos out there on GraphQL, if not the best. Hands down!

  • @Nectaroon
    @Nectaroon Před 2 lety +18

    You're a great teacher, Laith! Thanks so much for the hard work you put into these, they're incredibly helpful. I feel lucky to have found your channel!

  • @mvmanh
    @mvmanh Před rokem +1

    I really appreciate the way you enlarge the UI and text size so that we can easily watch your video on mobile devices, even on a mobile phone. Thank you so much!

  • @psyferinc.3573
    @psyferinc.3573 Před rokem +2

    i finished it . and went to udemy for the full course. thank you

  • @tazimmahta7625
    @tazimmahta7625 Před 2 lety +2

    spent the whole day on a lot of tutorials. And finally, I got you. Thank you very much. Please keep uploading this types of quality video

  • @dancingdata2118
    @dancingdata2118 Před 2 lety

    Hey Laith ! Your tutorial is very nice and pretty clear! I do like the way you’re teaching and really appreciate for your contribution! Keep going!

  • @reneetostengard7212
    @reneetostengard7212 Před 10 měsíci +3

    This is an absolutely fantastic introduction to GraphQL! Very well paced and easy to follow.

  • @odoolabs1366
    @odoolabs1366 Před 2 lety +1

    by the way wonderful tutorial , first time a person make me realize what is graphql , you took very well , and make the audience learn in baby steps .

  • @Electricante
    @Electricante Před 2 lety +5

    Thank you Laith, I'm gonna start studying GraphQL in a month or so and probably, with your udemy course, it will be much easier

  • @akasadulloh3393
    @akasadulloh3393 Před rokem

    I love this! Very simple and easy to understand, and code along. Thanks a lot! Keep up the good work.

  • @muhammadtalal8695
    @muhammadtalal8695 Před 2 lety +1

    One of the best teachers I've found on internet !!

  • @samiullahsheikh5015
    @samiullahsheikh5015 Před 2 lety +1

    Awesome tutorial. You also explain what is happening and best practices too.
    Full learning package. Great work bro

  • @user-dx9ls8qh6x
    @user-dx9ls8qh6x Před 5 měsíci +1

    Thank you so much Laith, you are really a great teacher. This course is the best I have ever seen with your amazing explanation method of every thing in graphql. Bravo and more success.

  • @iamgerer
    @iamgerer Před 2 lety +1

    Such an insanely amazing course. Thnx buddy
    Precise description and complete.
    Well i usually love to watch your videos at 1.75x 😄

  • @michaelzucker772
    @michaelzucker772 Před 2 lety

    Very good! Thank you for creating this course -- and all your other course too! Hell...I'm heading over to Udemy to buy the full course. :)

  • @xXHelsingGamingXx
    @xXHelsingGamingXx Před 2 lety +3

    I just saw your redux course I know for sure, you are an awesome teacher. Please do use visual tools to teach us. Its really helping us :-)

  • @danielsusaimanickam8415
    @danielsusaimanickam8415 Před 2 lety +1

    Purchased your course on Udemy. You are one of the best tutors who use the latest tools in the current market

  • @dhrunit1018
    @dhrunit1018 Před 2 lety +1

    Love your content and respect your hardwork and dedication ❤️

  • @amiturfnd
    @amiturfnd Před rokem

    Thank you so much. Now I am confident on graphql with node.

  • @savvyprogrammer
    @savvyprogrammer Před 2 lety

    This video makes my coading life easier in graphql means a lot man 🙏😍

  • @akhilaravindakshan420
    @akhilaravindakshan420 Před 2 lety +29

    You're the reason I get to learn, understand and become a great developer. I have a request, could you please make a tutorial on Webpack 5 and set a react project with Webpack manually for both dev and prod?

    • @thongtech1984
      @thongtech1984 Před 2 lety

      I am looking forward for this vid also

    • @WillGains
      @WillGains Před 2 lety +1

      Just out of interest, why would you want to set it up manually when CRA, Next and Gatsby sort it for you?

    • @gfgdgfdgdfhggjfjytjy
      @gfgdgfdgdfhggjfjytjy Před 2 lety

      Try

    • @igorbudimir573
      @igorbudimir573 Před rokem

      @@WillGains because some companies want it done from scratch

  • @sleeptil3
    @sleeptil3 Před 2 lety

    Loving this tutorial! Recommend for future videos to be just a tad more zoomed out. Maybe its just me though. Thanks for the content!

  • @omarx11
    @omarx11 Před 2 lety

    Thank you Laith , loving this tutorial!

  • @propro8040
    @propro8040 Před rokem

    Hi,
    Thank you very much for this video, it is so helpful! I'm really looking forward to continuing to watch your videos and learning from you.

  • @balaeinstein8710
    @balaeinstein8710 Před 2 lety +4

    thanks a lot for the complete course on udemy . Please make more udemy courses .it is much affordable for many . Thanks again

  • @hazartilirot1014
    @hazartilirot1014 Před 2 lety

    3:26:11 Once again mate! Mind syntax! updateCategory: (parent, { id, input }, { db: { categories } }) => categories[categories.findIndex(c => c.id === id)] &&= { id, ...input } - as you may notice, if findIndex returns -1 the whole expression will give us undefined. Thankfully, we've got an operator &&= which only assigns a value once the left side isn't null or undefined. Meaning, we would assign a new object to the a corresponding index OR return undefined which would be null in the schema. It's a classic oneliner which definitely easier to comprehend and read.
    What I really don't get.... is that why we need to supply all fields to update just one? GraphQL allows us to read just one field that's why it's great for but on the other hand when we update a field - we need to specify all fields. It's strange.

  • @thongtech1984
    @thongtech1984 Před 2 lety

    You r so awesome; I wish you have millions subscribers. One of the best CZcamsr channels in here;

  • @duynhanvo7673
    @duynhanvo7673 Před rokem

    I love your explanation. It is so easy to understand. Thank you

  • @includejoe
    @includejoe Před 2 lety

    Thank you for this, very vivid explanations. God Bless you🙏

  • @Arabian_Epileptic
    @Arabian_Epileptic Před 2 lety

    Nice bro! Congrats!

  • @princeratna8688
    @princeratna8688 Před rokem

    This is very helpful video and you have explained everything very clearly. Take love.

  • @user-zn5ky3fw5h
    @user-zn5ky3fw5h Před 2 lety

    Hi Laith< thank you for the course, going to learn it soon)

  • @lucasvtiradentes
    @lucasvtiradentes Před rokem

    this helped me a lot, thank you so much!

  • @denisslabodchikov342
    @denisslabodchikov342 Před rokem

    Thanks a lot, your video really helped me to understand graphQL

  • @naveedalirehmani4135
    @naveedalirehmani4135 Před rokem

    This tutorial was very helpful, thank you very much!

  • @IT_Pastor
    @IT_Pastor Před 2 lety

    Thanks man, you are doing great work!!!

  • @frankchen3021
    @frankchen3021 Před 2 lety

    I've been seraching for graphql tutorials. The documents aren't helpful, their small dummy project is not enough for me to understand. The other tutorials are all outdated. And then I came across your video, you really give detailed explanations that are helpful, thank you so much

  • @SemenAlexndrovich
    @SemenAlexndrovich Před 2 lety

    You are an amazing teacher! Than you, sir!

  • @yuvalron6319
    @yuvalron6319 Před 2 lety +1

    Thank you for this great introduction to Graphql. I liked it, but I am a little confused about the real advantage of Graphql over REST. I thought that the whole idea of Graphql is to provide a highly flexible querying language that saves the need of explicitly predefining a whole CRUD stack for each and every type (entity) in our data, thus avoiding the verbosity and inflexibility of REST endpoints. But it seems that we end up explicitly defining all our queries and mutations for each of our types anyway, even when all they need is plain CRUD operations, as opposed to mapping our data (the schema) to our presentation declaratively and let a default generic stack do most of the work.
    I'd be curious to hear your thoughts on this matter, what is the advatage here over RESTful APIs and whether we really become more flexible or less verbose in this approach to querying data? Maybe there's a way to make these CRUD operations more generic and declarative?

  • @rohith3261
    @rohith3261 Před 10 měsíci

    I accidentally found your channel here I'm addicted to it 😂❤❤❤❤❤

  • @rosj91
    @rosj91 Před rokem

    Thank you so much for this!!

  • @iqwebserve3973
    @iqwebserve3973 Před 2 lety

    Great video. I bought your course on Udemy as support for this great work.

  • @amerikan
    @amerikan Před 2 lety

    Solid video!

  • @filipegarcia5362
    @filipegarcia5362 Před 2 lety

    Awesome video, really helpful! Can you do a crash course for WunderGraph sometime?

  • @scriptKiddieOG
    @scriptKiddieOG Před rokem

    Superb content! 😁👏

  • @arash_vaziri
    @arash_vaziri Před rokem

    Brilliant and educational ! ... also multiple cursor 🙂

  • @yoavk
    @yoavk Před 2 lety

    Thanks! This crash course is very helpful

  • @roussafiomar5741
    @roussafiomar5741 Před 2 lety

    thanks for this course i really fall in love with graphql because of you, this course can be much better if it was with typescript instead of js, thank you bro for all yours efforts

  • @codelightsparkles2403
    @codelightsparkles2403 Před 2 lety

    Thank you for your amazing videos!!

  • @alfbaez
    @alfbaez Před 2 lety

    Brilliant! Thx for sharing your knowledge. Would you do a fresh version with connecting and saving consisting data into PostgreSQL?

    • @laithacademy
      @laithacademy  Před 2 lety

      The full course has a section that does that

  • @wolfgangtiefbrunner8412

    Thank you very much for the concise and excellent demo.
    In 2:50:00, what is the exact reason we can't delete?

  • @lohishra4901
    @lohishra4901 Před rokem

    Excellent tutorial, Just a tip , it could have been more useful if you could also include the N+1 db queries issue in graphql and how to resolve that.

  • @huzafaarshad973
    @huzafaarshad973 Před 2 lety

    nice work start with basic and explain everything

  • @surafelnegaalemayehu1080

    thank you bro that was really helpful

  • @iUmerFarooq
    @iUmerFarooq Před 2 lety

    Very well explained 👏

  • @amarr1865
    @amarr1865 Před 2 lety +2

    Thanks for the Udemy course 🙂

  • @andrian_bee_cs
    @andrian_bee_cs Před rokem

    🤩 Nicee!!!!

  • @aayush135
    @aayush135 Před rokem

    Thanks for such a great video ✨✨

  • @ex_nihilonihil_fit5711

    Thanks for this tutorial. Can you adding subtitles to video lectures in the Udemy course?

  • @alpha_blvck
    @alpha_blvck Před 11 měsíci

    Dude stopped the video to attend to the cat ❣
    Great content, big fan

  • @ugurkorkmaz7968
    @ugurkorkmaz7968 Před 2 lety

    thank you man. Realy!

  • @MuhammadAbdullah-pt3fq

    thank you for your great work here

  • @Shuyinz
    @Shuyinz Před 2 lety

    Question! Should I buy your course in udemy to learn graphQL properly, or is it enough to learn from your CZcams crash course?

  • @lifeisbeautifu1
    @lifeisbeautifu1 Před rokem

    Amazing! Thank you :)

  • @kevin73911
    @kevin73911 Před 2 lety

    Very good course, thank you ; )

  • @nepalcodetv6298
    @nepalcodetv6298 Před 2 lety

    how would you deal with graphql disadvantage like: caching (redis), rate limiting ?

  • @oz9957
    @oz9957 Před 2 lety

    Thanks, great and useful video

  • @NitinRanganath
    @NitinRanganath Před 2 lety

    Definitely planning to get this one. You're a great instructor. Do you have any other topics planned too?

    • @laithacademy
      @laithacademy  Před 2 lety +6

      Udemy courses take so long to make so I want to focus on the CZcams channel for now, but it'll definitely won't be the last one

    • @NitinRanganath
      @NitinRanganath Před 2 lety

      @@laithacademy Looking forward to it, I completely understand 😄

  • @sjnthp268
    @sjnthp268 Před rokem

    can you please tell me which vscode theme are you using ?
    I really need that theme, I could not get those highlighter in my default vscode theme as shown in this tutorial in schema.js file

  • @odoolabs1366
    @odoolabs1366 Před 2 lety

    At 2:44:05 there was not any server related mistake when you were executing Add review mutation first time , it was you just forgot to execute the addition command because meanwhile you start writing th select query in the other window . so select query didnot work you thought that its server restarted but actually you forgot to execute the addreview mutation .

  • @lebcit2225
    @lebcit2225 Před 2 lety

    Hello
    Thanks a lot for your time and all your efforts
    Would you consider making a tutorial about GraphQL using Fastify and Mercurius ?
    Thanks again
    Have a nice coding day/night

  • @raksameth2297
    @raksameth2297 Před 2 lety +4

    Bought using your link to support u 👌

  • @ajayraja6636
    @ajayraja6636 Před 2 lety

    After Watching your video in Net Ninja about React Testing Library I am addicted to your Videos

  • @EmadRashdan
    @EmadRashdan Před rokem

    Super thanks :)

  • @raihanmahmud4017
    @raihanmahmud4017 Před rokem

    Thank you so much sir

  • @gopinathkrm58
    @gopinathkrm58 Před 2 lety

    Hi is it possible to integrate GraphQL along with Node JS template engine like EJS/PUG. Because in REST we can create dynamic html files based on the incoming route and after receiving the request we process it and send out html using render( )
    But in GraphQL since there is only one endpoint how to send out dynamic html files based on the incoming route or we can only send the JSON objects ?
    I need to use GraphQL but with NODE + EJS - is this even possible ? or we can use it only with client side like React etc..
    can you please give a simple example for this scenario ?

  • @worldbest3097
    @worldbest3097 Před 2 lety +1

    thx bro 1 day ago!!

  • @editingtuto1.011
    @editingtuto1.011 Před 11 měsíci

    How to use schema Directives in Apollo V4.
    Can anybody explain to me how this will work through examples like role (Admin, user) to allow access to specific mutations/queries?

  • @dylan-j-gerrits
    @dylan-j-gerrits Před 8 měsíci

    How can you provide the context that way ? I have to provide a function, and not in the constructor of the server but while starting the server...

  • @sammedsankonatti
    @sammedsankonatti Před rokem

    even in Rest we can select what we want right(select name , image from products that's it)? instead of over fetching. it all delepnds on SQL queries right? 9:36

  • @psymannizback
    @psymannizback Před 2 lety

    Are you planning on making a React Native tutorial?

  • @hassanebendaoud4446
    @hassanebendaoud4446 Před 2 lety

    thanks

  • @notyournormaldev1419
    @notyournormaldev1419 Před 2 lety

    Is there is ui for ecommerce in this course?

  • @fashq
    @fashq Před rokem

    Hello everyone, around 2:50:27 Laith explains that we would not be able to delete anything unless we export a single object, can anyone explain this in more depth to me? I don't really understand the difference or what really changed. Thanks in advance.

  • @yashvanthkumar2576
    @yashvanthkumar2576 Před 8 měsíci

    @Laith Harb , I have taken one of your Nextjs course in udemy
    While connecting a database getting this error. when i run the command
    > npx prisma db push
    Error: Migration engine error:
    db error: ERROR: prepared statement "s0" does not exist

  • @vaibhavtyagi18
    @vaibhavtyagi18 Před 2 lety

    Best tutorial

  • @milon27
    @milon27 Před 2 lety

    please make next part like graphql middleware, protect multiple resolver or all resolver in a file.

  • @souvikkumarbarua5557
    @souvikkumarbarua5557 Před 2 lety

    Can you make a video on graphql with php...
    On same content like this

  • @milon27
    @milon27 Před 2 lety

    thank you man

  • @mickaelrichard7255
    @mickaelrichard7255 Před 2 lety

    hooooo yes! Not event watching the video directly buying your udemy course! Hope its not your last udemy course :)

  • @sofian_so
    @sofian_so Před rokem

    Thanks for the course. I’m interested in buying your Udemy course but the couple no longer works..

  • @iltanoia6865
    @iltanoia6865 Před 2 lety

    Hoping that you will include mongoDB connection in your udemy course

  • @dagoldfish6829
    @dagoldfish6829 Před 5 měsíci

    Question, the GraphQL looks like a black box for me. How do I get a list of all available tables inside the GraphQL? Also How do I list all fields in each table? I am using SQL and not sure how to find the data inside the GraphQL quickly.

  • @Jayakrishna-ly3ei
    @Jayakrishna-ly3ei Před 2 lety +1

    35:58 wrote same code but getting error like this,
    TypeError: AppoloServer is not a constructor

  • @mubasharhassan1979
    @mubasharhassan1979 Před 2 lety

    How to write logic ??i always feels confuse writing logic

  • @abdu5822
    @abdu5822 Před 2 lety

    Hey man, thanks for uploading this. one thing that bothered me in the video is the zooming (too zoom in), i think you went too far with the zoom. i believe 70% is normal. i hope you understand my point.
    Thanks Anyways.

  • @nitely9089
    @nitely9089 Před 2 lety

    Is there any discount going on for the Udemy course? The discount on the link above is no longer working.

    • @laithacademy
      @laithacademy  Před 2 lety

      Out of discount codes this month. I’ll do it again next month

  • @adriandrozman3404
    @adriandrozman3404 Před 2 lety

    Any incoming content on microservices ? I really enjoy the Udemy course

    • @laithacademy
      @laithacademy  Před 2 lety

      That's great to hear! I would love to do a microservices course sometime in the future

  • @gordonfreimann
    @gordonfreimann Před 2 lety

    2:12:33 -> with your logic if onSale is set to false it wont return products with onSale being set to false. because you only filter if onSale is set to true. Correct implementation should be if onSale !== undefined then filter ... product.onSale === filter.onSale. Justa small nitpick, otherwise great introduction, thanks