Modern GraphQL Crash Course - 2022

  Рет қаралды 131,130

Laith Academy

Laith Academy

Күн бұрын

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

Пікірлер: 133
@nelsonomoro8591
@nelsonomoro8591 2 жыл бұрын
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!!
@Nectaroon
@Nectaroon 2 жыл бұрын
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!
@junaidulqayyumqureshi7546
@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!
@mvmanh
@mvmanh Жыл бұрын
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!
@dancingdata2118
@dancingdata2118 2 жыл бұрын
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 10 ай бұрын
This is an absolutely fantastic introduction to GraphQL! Very well paced and easy to follow.
@odoolabs1366
@odoolabs1366 2 жыл бұрын
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 .
@tazimmahta7625
@tazimmahta7625 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
@psyferinc.3573
@psyferinc.3573 Жыл бұрын
i finished it . and went to udemy for the full course. thank you
@akasadulloh3393
@akasadulloh3393 Жыл бұрын
I love this! Very simple and easy to understand, and code along. Thanks a lot! Keep up the good work.
@Electricante
@Electricante 2 жыл бұрын
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
@samiullahsheikh5015
@samiullahsheikh5015 2 жыл бұрын
Awesome tutorial. You also explain what is happening and best practices too. Full learning package. Great work bro
@akhilaravindakshan420
@akhilaravindakshan420 2 жыл бұрын
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 2 жыл бұрын
I am looking forward for this vid also
@WillGains
@WillGains 2 жыл бұрын
Just out of interest, why would you want to set it up manually when CRA, Next and Gatsby sort it for you?
@gfgdgfdgdfhggjfjytjy
@gfgdgfdgdfhggjfjytjy Жыл бұрын
Try
@igorbudimir573
@igorbudimir573 Жыл бұрын
@@WillGains because some companies want it done from scratch
@michaelzucker772
@michaelzucker772 2 жыл бұрын
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. :)
@user-dx9ls8qh6x
@user-dx9ls8qh6x 5 ай бұрын
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.
@dhrunit1018
@dhrunit1018 2 жыл бұрын
Love your content and respect your hardwork and dedication ❤️
@muhammadtalal8695
@muhammadtalal8695 2 жыл бұрын
One of the best teachers I've found on internet !!
@iamgerer
@iamgerer 2 жыл бұрын
Such an insanely amazing course. Thnx buddy Precise description and complete. Well i usually love to watch your videos at 1.75x 😄
@xXHelsingGamingXx
@xXHelsingGamingXx 2 жыл бұрын
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 :-)
@omarx11
@omarx11 2 жыл бұрын
Thank you Laith , loving this tutorial!
@savvyprogrammer
@savvyprogrammer 2 жыл бұрын
This video makes my coading life easier in graphql means a lot man 🙏😍
@amiturfnd
@amiturfnd Жыл бұрын
Thank you so much. Now I am confident on graphql with node.
@propro8040
@propro8040 Жыл бұрын
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.
@Arabian_Epileptic
@Arabian_Epileptic 2 жыл бұрын
Nice bro! Congrats!
@balaeinstein8710
@balaeinstein8710 2 жыл бұрын
thanks a lot for the complete course on udemy . Please make more udemy courses .it is much affordable for many . Thanks again
@user-zn5ky3fw5h
@user-zn5ky3fw5h 2 жыл бұрын
Hi Laith< thank you for the course, going to learn it soon)
@IT_Pastor
@IT_Pastor 2 жыл бұрын
Thanks man, you are doing great work!!!
@lucasvtiradentes
@lucasvtiradentes Жыл бұрын
this helped me a lot, thank you so much!
@danielsusaimanickam8415
@danielsusaimanickam8415 2 жыл бұрын
Purchased your course on Udemy. You are one of the best tutors who use the latest tools in the current market
@sleeptil3
@sleeptil3 2 жыл бұрын
Loving this tutorial! Recommend for future videos to be just a tad more zoomed out. Maybe its just me though. Thanks for the content!
@duynhanvo7673
@duynhanvo7673 Жыл бұрын
I love your explanation. It is so easy to understand. Thank you
@includejoe
@includejoe 2 жыл бұрын
Thank you for this, very vivid explanations. God Bless you🙏
@naveedalirehmani4135
@naveedalirehmani4135 Жыл бұрын
This tutorial was very helpful, thank you very much!
@denisslabodchikov342
@denisslabodchikov342 Жыл бұрын
Thanks a lot, your video really helped me to understand graphQL
@hazartilirot1014
@hazartilirot1014 2 жыл бұрын
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.
@princeratna8688
@princeratna8688 Жыл бұрын
This is very helpful video and you have explained everything very clearly. Take love.
@codelightsparkles2403
@codelightsparkles2403 2 жыл бұрын
Thank you for your amazing videos!!
@SemenAlexndrovich
@SemenAlexndrovich 2 жыл бұрын
You are an amazing teacher! Than you, sir!
@rosj91
@rosj91 Жыл бұрын
Thank you so much for this!!
@yoavk
@yoavk 2 жыл бұрын
Thanks! This crash course is very helpful
@thongtech1984
@thongtech1984 2 жыл бұрын
You r so awesome; I wish you have millions subscribers. One of the best KZbinr channels in here;
@amerikan
@amerikan 2 жыл бұрын
Solid video!
@arash_vaziri
@arash_vaziri Жыл бұрын
Brilliant and educational ! ... also multiple cursor 🙂
@scriptKiddieOG
@scriptKiddieOG Жыл бұрын
Superb content! 😁👏
@aayush135
@aayush135 Жыл бұрын
Thanks for such a great video ✨✨
@raksameth2297
@raksameth2297 2 жыл бұрын
Bought using your link to support u 👌
@laithacademy
@laithacademy 2 жыл бұрын
Thanks mate, I saw!
@rohith3261
@rohith3261 9 ай бұрын
I accidentally found your channel here I'm addicted to it 😂❤❤❤❤❤
@iUmerFarooq
@iUmerFarooq 2 жыл бұрын
Very well explained 👏
@iqwebserve3973
@iqwebserve3973 2 жыл бұрын
Great video. I bought your course on Udemy as support for this great work.
@filipegarcia5362
@filipegarcia5362 2 жыл бұрын
Awesome video, really helpful! Can you do a crash course for WunderGraph sometime?
@lifeisbeautifu1
@lifeisbeautifu1 Жыл бұрын
Amazing! Thank you :)
@surafelnegaalemayehu1080
@surafelnegaalemayehu1080 Жыл бұрын
thank you bro that was really helpful
@amarr1865
@amarr1865 2 жыл бұрын
Thanks for the Udemy course 🙂
@kevin73911
@kevin73911 2 жыл бұрын
Very good course, thank you ; )
@huzafaarshad973
@huzafaarshad973 2 жыл бұрын
nice work start with basic and explain everything
@MuhammadAbdullah-pt3fq
@MuhammadAbdullah-pt3fq 2 жыл бұрын
thank you for your great work here
@andrian_bee_cs
@andrian_bee_cs Жыл бұрын
🤩 Nicee!!!!
@roussafiomar5741
@roussafiomar5741 2 жыл бұрын
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
@laithacademy
@laithacademy 2 жыл бұрын
udemy course is in TS
@frankchen3021
@frankchen3021 2 жыл бұрын
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
@oz9957
@oz9957 2 жыл бұрын
Thanks, great and useful video
@ugurkorkmaz7968
@ugurkorkmaz7968 2 жыл бұрын
thank you man. Realy!
@lohishra4901
@lohishra4901 Жыл бұрын
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.
@alfbaez
@alfbaez 2 жыл бұрын
Brilliant! Thx for sharing your knowledge. Would you do a fresh version with connecting and saving consisting data into PostgreSQL?
@laithacademy
@laithacademy 2 жыл бұрын
The full course has a section that does that
@yuvalron6319
@yuvalron6319 2 жыл бұрын
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?
@NitinRanganath
@NitinRanganath 2 жыл бұрын
Definitely planning to get this one. You're a great instructor. Do you have any other topics planned too?
@laithacademy
@laithacademy 2 жыл бұрын
Udemy courses take so long to make so I want to focus on the KZbin channel for now, but it'll definitely won't be the last one
@NitinRanganath
@NitinRanganath 2 жыл бұрын
@@laithacademy Looking forward to it, I completely understand 😄
@alpha_blvck
@alpha_blvck 11 ай бұрын
Dude stopped the video to attend to the cat ❣ Great content, big fan
@worldbest3097
@worldbest3097 2 жыл бұрын
thx bro 1 day ago!!
@EmadRashdan
@EmadRashdan Жыл бұрын
Super thanks :)
@ex_nihilonihil_fit5711
@ex_nihilonihil_fit5711 2 жыл бұрын
Thanks for this tutorial. Can you adding subtitles to video lectures in the Udemy course?
@lebcit2225
@lebcit2225 2 жыл бұрын
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
@milon27
@milon27 2 жыл бұрын
thank you man
@raihanmahmud4017
@raihanmahmud4017 Жыл бұрын
Thank you so much sir
@wolfgangtiefbrunner8412
@wolfgangtiefbrunner8412 2 жыл бұрын
Thank you very much for the concise and excellent demo. In 2:50:00, what is the exact reason we can't delete?
@vaibhavtyagi18
@vaibhavtyagi18 2 жыл бұрын
Best tutorial
@odoolabs1366
@odoolabs1366 2 жыл бұрын
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 .
@Shuyinz
@Shuyinz 2 жыл бұрын
Question! Should I buy your course in udemy to learn graphQL properly, or is it enough to learn from your KZbin crash course?
@milon27
@milon27 2 жыл бұрын
please make next part like graphql middleware, protect multiple resolver or all resolver in a file.
@hassanebendaoud4446
@hassanebendaoud4446 2 жыл бұрын
thanks
@ajayraja6636
@ajayraja6636 2 жыл бұрын
After Watching your video in Net Ninja about React Testing Library I am addicted to your Videos
@sjnthp268
@sjnthp268 Жыл бұрын
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
@psymannizback
@psymannizback 2 жыл бұрын
Are you planning on making a React Native tutorial?
@mickaelrichard7255
@mickaelrichard7255 2 жыл бұрын
hooooo yes! Not event watching the video directly buying your udemy course! Hope its not your last udemy course :)
@nepalcodetv6298
@nepalcodetv6298 2 жыл бұрын
how would you deal with graphql disadvantage like: caching (redis), rate limiting ?
@dylan-j-gerrits
@dylan-j-gerrits 8 ай бұрын
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...
@iltanoia6865
@iltanoia6865 2 жыл бұрын
Hoping that you will include mongoDB connection in your udemy course
@sofian_so
@sofian_so Жыл бұрын
Thanks for the course. I’m interested in buying your Udemy course but the couple no longer works..
@gopinathkrm58
@gopinathkrm58 2 жыл бұрын
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 ?
@abdu5822
@abdu5822 2 жыл бұрын
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.
@souvikkumarbarua5557
@souvikkumarbarua5557 2 жыл бұрын
Can you make a video on graphql with php... On same content like this
@includejoe
@includejoe 2 жыл бұрын
This is a great tutorial but I feel like you could have done the database a little more practical with like using mongodb instead of keeping all the data in an object in one file.. once again great tutorial!
@laithacademy
@laithacademy 2 жыл бұрын
I use a SQL DB in the full Udemy course
@includejoe
@includejoe 2 жыл бұрын
@@laithacademy that is great! I'll be sure to check it out
@adriandrozman3404
@adriandrozman3404 2 жыл бұрын
Any incoming content on microservices ? I really enjoy the Udemy course
@laithacademy
@laithacademy 2 жыл бұрын
That's great to hear! I would love to do a microservices course sometime in the future
@sammedsankonatti
@sammedsankonatti Жыл бұрын
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
@dagoldfish6829
@dagoldfish6829 5 ай бұрын
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.
@editingtuto1.011
@editingtuto1.011 11 ай бұрын
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?
@yashvanthkumar2576
@yashvanthkumar2576 8 ай бұрын
@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
@Davi-wv8mi
@Davi-wv8mi 2 жыл бұрын
Tanks man you're the best, your kitty is hungry HAHAHHA
@gordonfreimann
@gordonfreimann 2 жыл бұрын
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
@Jayakrishna-ly3ei
@Jayakrishna-ly3ei 2 жыл бұрын
35:58 wrote same code but getting error like this, TypeError: AppoloServer is not a constructor
@notyournormaldev1419
@notyournormaldev1419 2 жыл бұрын
Is there is ui for ecommerce in this course?
@fashq
@fashq Жыл бұрын
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.
React With GraphQL (Apollo Client) Crash Course
1:06:28
Laith Academy
Рет қаралды 86 М.
The Hidden Cost Of GraphQL And NodeJS
28:35
ThePrimeTime
Рет қаралды 184 М.
The child was abused by the clown#Short #Officer Rabbit #angel
00:55
兔子警官
Рет қаралды 17 МЛН
Дибала против вратаря Легенды
00:33
Mr. Oleynik
Рет қаралды 3,9 МЛН
Did you believe it was real? #tiktok
00:25
Анастасия Тарасова
Рет қаралды 7 МЛН
Vivaan  Tanya once again pranked Papa 🤣😇🤣
00:10
seema lamba
Рет қаралды 25 МЛН
HTTPS, SSL, TLS & Certificate Authority Explained
43:29
Laith Academy
Рет қаралды 67 М.
GraphQL vs REST: Which is Better for APIs?
7:31
IBM Technology
Рет қаралды 186 М.
Владимир Цукур - GraphQL - API по-новому
58:20
JPoint, Joker и JUG ru
Рет қаралды 48 М.
Learn GraphQL In 40 Minutes
39:43
Web Dev Simplified
Рет қаралды 731 М.
GraphQL: The Documentary
27:58
Honeypot
Рет қаралды 569 М.
The NumPy Tutorial
42:44
Laith Academy
Рет қаралды 2,3 М.
TypeScript in React - COMPLETE Tutorial (Crash Course)
53:21
ByteGrad
Рет қаралды 210 М.
GraphQL Crash Course
2:59:54
Laith Academy
Рет қаралды 40 М.
GraphQL vs REST: What's The Difference And When To Use Which?
26:57
The child was abused by the clown#Short #Officer Rabbit #angel
00:55
兔子警官
Рет қаралды 17 МЛН