Learn GraphQL In 40 Minutes

Подписаться 1,6 млн

Просмотров 728 тыс.

50% 1

GraphQL is the hottest technology when it comes to server side APIs for good reason. It is incredibly fast to develop with, and it makes building a front-end painlessly easy. In this video I am going to be teaching you what GraphQL is, why it is important, why it is better than REST, and then we will be walking through an entire Node.js and Express GraphQL API for books and authors. By the end of this video you will have a complete understanding of what GraphQL is and how to use it.
Code For This Video:
github.com/WebDevSimplified/L...
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#GraphQL #WebDevelopment #JavaScript

Опубликовано:

1 мар 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 691

@WebDevSimplified 5 лет назад

I really enjoyed making this GraphQL video, and would love to make more videos about learning a single topic in one video. Let me know if you have any topics that you would want me to cover in a similiar manner.

@AshishKumar-oe5ly 5 лет назад

thanks for making such a wonderful video on graph QL. Could you please make some tutorial on integrating GraphQL with Sails-Mongo application?

@johnblyberg4801 5 лет назад

Your videos are fantastic because you get right in to it and provide great, real-world applications for the code you're writing. Thank you! My request would be a video or a series of videos on securing your API with JWT and other approaches for authentication, CSRF protection, etc. Thanks!

@WebDevSimplified 5 лет назад

Thank you for the suggestions. JWT is a topic I want to cover in the nearish future.

@StephanDuToit 4 года назад

Web Dev Simplified hi there, have you been able to create this tut yet? Love your tutorials!

@sundeepparuchuru 3 года назад

Can you please make tutorial on apollo server with node js. Couldn't able to find much on web.

@txdba 3 года назад

The clarity of your voice is amazing. I'm 60 years old and don't hear well and it is rare I hear speech readily. Concerning the tool, the required prep is huge. This tool is a gift for contractors that charge by the hour if it is meant to be a replacement for SQL. It seems to be much more that SQL. Pardon my comparison to SQL, but it has been and still is the query tool of my career. Thank you.

@Jb67912 Год назад

It’s called using a quality microphone

@Failedenterprises 4 года назад

mans straight out of the twilight saga

@dougiehawes916 3 года назад

const expressGraphQL = require("express-graphql"); -- should be -- const { graphqlHTTP } = require("express-graphql"); I kept getting an error till I looked up the documentation

@vivek8270 3 года назад

Thanks man.

@shujabakhtiar8139 3 года назад

thanks man that helped

@iamlande3979 3 года назад

omg thank u, half an hour I was trying to figure out what is wrong

@FalseDev 3 года назад

Great help, using typescript would have saved some time, and it's because they've make some breaking changes

@sahelee1 3 года назад

yes. alternatively : const expressGraphQL = require('express-graphql').graphqlHTTP require('express-graphql') returns an object with a property called graphqlHTTP that is the function you want to call.

@JuanGutierrez-qg4zr Год назад

All these channel videos are gems. By the way, if somebody else is facing the error "TypeError: expressGraphQL is not a function" just replace the import from const expressGraphQL = require("express-graphql"); to const { graphqlHTTP } = require("express-graphql");

@DiviMishra Год назад

Thank you!

@duniadunia3817 Год назад

Thanks

@mohammedfahad4049 Год назад

excellent - thank you!

@abdelalikabou9197 Год назад

or like this `const expressGraphQL = require('express-graphql').graphqlHTTP;`

@ronaldmagno1366 11 месяцев назад

Thanks men

@its_just_me_ 4 года назад

The best part in the video is in between 0:00 to 39:43

@devhypercoder6772 3 года назад

I clicked it and found out the video ended lol

@ziyoshams 4 года назад

This is excellent. I usually see others jumping right into Apollo, which has lots of abstraction. But this tutorial shows more lower level hands on approach of graphQL.

@godwinebikwo6544 4 года назад

You are by far the best when explaining Javascript. Much love from Nigeria

@WebDevSimplified 4 года назад

Thank you! I'm glad my teaching style resonates with you.

@bonaventureokoli7988 3 года назад

@@WebDevSimplified it does with everyone

@swibay 3 года назад

Love from Tanzania! My name is Kyle and my job is to simplify the web for you 🤜🤛🏾

@arnoldtanjunhan 3 года назад

Didn't know anything about GraphQL, so glad this was the first video I watched. Such a great exposition. Thanks!

@awabelmahe9700 3 года назад

Best teacher ever. Straight to the point, and not a single second wasted. Thank you very much for this great video.

@Jb67912 Год назад

Calm down

@KILLCHRISU Год назад

@@Jb67912 you’re the one that needs to chill

@anisoseryx 3 года назад

5:55 just type: npm init -y and it'll set default values automatically

@ackmanx 3 года назад

I listened to this during a long drive home and it was perfect! Even without seeing the video it was easy to follow along

@matthewzamat3331 Год назад

Seriously, thank you. You did a great job explaining a fairly complex topic, and made it really make sense in the context of the application you built. Great job, and please do keep making these types of videos. I think I speak for everyone when I say thank you!

@ellie_ellie_ellie 4 года назад

Excellent tutorial!!! Very clear & easy to understand!!! As a first-time GraphQL learner, I could follow all the steps throughout the video. Thanks a lot! Subscribed to your channel :)

@laffytaffykidd 4 года назад

As an FYI -- You can run `npm init -y` and it will enter in all default values for you :) Hope that helps. Fantastic video. I love your explanations!

@christiant.g.994 Год назад

But who doesn't love a good button mash 😂😂

@saddacracker Год назад

Ha! I didn’t know that! Thank you!

@andrewbrower4158 Год назад

This video walkthrough explains GraphQL in such a crystal-clear way. Not surprised to see high-quality content coming from WDS. Thanks for this excellent tut

@whoami...... 4 года назад

This was by far more helpful than many other videos that I stumbled upon here. straight to the point without too much condescending blabber, thanks a lot!

@WebDevSimplified 4 года назад

Thank you! I am really glad you enjoyed the video. I unfortunately couldn't find any way to condense it below 40 minutes.

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

This is a very helpful video to learn the basics of building a graphql server. Very well presented! Try coding along with the presenter.

@richnimbu 2 года назад

I always enjoy your teaching style. So clean and clear. Great content. Thank you!

@shashankabs8312 2 года назад

Amazingly made video. In 40 mins you have added almost everything that's required to develop an enterprise level apps.

@mind-blowing_tumbleweed Год назад

Been C# enterprise dev for 4 years and embarrassed I didn't learn about it earlier. The tutorial is excellent and worth watching every minute. The code, remarks, examples, overall structure is just great.

@steveroseik Год назад

I Have wasted like 4-8 hours minimum with many tutorials, none of them provide full explanation and implementation clearly, yours was straight to the point, understandable and magically easy to comprehend and apply, love it.

@stevestizzy 2 года назад

Great explanation mate. Was looking for a simple video tutorial to understand the basics of GraphQL, because I was bored to read any written tutorials at the moment, and this was such a great video. Thanks

@CliffordFajardo 4 года назад

Really awesome introduction. The setup of an in memory datastore was great as it made learning the concepts easier. A lot people fail to mention that one of the big costs of GraphQL is for backend engineers, not the UI engineers querying the data though 😃 Still a good technology to be aware of.

@WebDevSimplified 4 года назад

Thank you so much. I'm glad you appreciated the in memory storage since a lot of people complain that makes the video useless when I feel that adding in a full db makes the video way too long.

@volodymyrmatselyukh8808 8 месяцев назад

I can see the one drawback of GraphQL. While being efficient in terms of clientserver bandwidth it's inefficient in terms of serverdatabase bandwidth. With GraphQL you either return every single property from the database to a server and then server does filtering or, I think, there should be some libraries that move that filtering logic to a database side. The second approach would be a way efficient in terms of a database load. So, using JSON objects in this video is great but doesn't make accent on the challenge with serverdatabase communication.

@ammulutrips4657 4 года назад

This is the best video on GraphQL I have ever seen. And you have explained everything in a crisp and clear way...Thanks a lot for sharing your knowledge..You are the best mentor .I'm able to learn and start using it. Thanks a lot.

@bryanstrader1740 3 года назад

This video was well done, the pace and material were perfect for an intro into GraphQL.

@shonoma Год назад

3 minutes into this video and I'm already learning so much more than struggling through countless google searches. Thank you for this video!

@billybob7970 Год назад

woah, after painfully struggling though setting up and configuring a REST API, this has just blown my mind. Great presentation packed with a lot of very useful content

@AlphaWatt 3 года назад

Great videos man. I just came across your channel and they truly are helping simplify things. Really appreciate it

@SitaMbili Год назад

Just came here to say thank you so much! Yet another tutorial of yours from which I've benefitted from a lot. I feel like I actually understand graph QL now!

@abhishek_k7 4 года назад

Thank you for this amazing GraphQL tutorial!

@SmartShorts4You 2 года назад

A great brief tutorial, I think I fell in love with GraphQL now, thank you!

@umerfarooq3121 3 года назад

Hi Kyle, I'm very very thankful to you for making this tutorial. After watching the first time I was scarring from GraphQL but I take it as a challenge and watch you Tutorial again and again So now I'm comfortable with GraphQL. Thank you.

@saddacracker Год назад

Super helpful for me. I’ve read books, built a few apps and never fully understood the concept. You made it easy to understand!

@skillfulones9495 4 года назад

Great tutorial. GraphQL is starting to make sense from watching this.

@WebDevSimplified 4 года назад

Thanks! I am glad I could help.

@g-l8492 3 года назад

After watching a lot of other peoples tutorials: Thank you for your clear pronounciation ^^

@LucasNdesign 3 года назад

for those who are still stuck at 9:17 try this: const express = require('express') const { graphqlHTTP } = require('express-graphql')

@sabarblatoe 2 года назад

Thank you. Not sure why your response didn't get that 621 likes when YOURS actually solved the problem as posed to vaguely hinting at a solution. A gentleman & a scholar.

@StartersammlerXL 4 года назад

Thanks for the amazingly easy explanation of that topic! Best one I've found! Greetings from Germany 🙏🏼

@WebDevSimplified 4 года назад

Thank you! I'm really glad you enjoyed it.

@hariharanviswanathan242 2 года назад

Very well explained. This is how tutorials should be IMO.

@cheatman05 3 года назад

I'm new to the world of GraphQL and this was really helpful! Thanks for making this crash course

@novus9542 3 года назад

Damn. This is a MUST SUBSCRIBE channel. Awesome tutorial, easy and fast. Great job!

@salmankashfy Год назад

Thank you so much. Straight to the point. Did'nt even waste a second. Each and every second was carefully crafted. Such an artwork.

@dannydenenberg 4 года назад

I can't tell you how nice it is to watch videos that cut out the bulls*** Thanks so much!

@petarteodosinjr.5684 4 года назад

Great video, it makes the whole concept of GraphQL very clear! Good work, thank you for that!

@richardw2977 Год назад

Hell of a crash course. Great info without talking down to your audience. Been in software for a long time and just now needing GraphQL for a job. I appreciate the in-depth overview without explaining what an IDE is (and other such nonsense). 🤣🤣

@MohitGupta-ln2js 3 года назад

Decided to pick GraphQL for my next project and hence decided to learn it properly. After watching this video, it feels I already know a lot about it. Thanks for giving me such a quick start.

@aishwaryasivakumar6425 4 года назад

This should be on the top. THANK YOU! 🔥

@thelelelul 4 года назад

Great video! Helped me get a grasp on using GraphQL together with Express. Thank you!

@Davesmg 4 года назад

Your vídeos are the best about modern technologies about code! Thank you so much for so many share knowledge.

@hafuus 8 месяцев назад

i love how this guy simplify everything, thank you

@billieporter156 2 года назад

Mr. Web Dev Simplified, your channel has helped me SOOO much. You are a natural teacher. I hope these videos are making you rich and you're driving something really spiffy (like a gold-plated Sion) and that you have a swimming pool with a floating bar, which is what we are all aspiring to.

@williamtrent8244 3 месяца назад

Thanks, great video. I need a quick intro but with some detail and this was perfect.

@adityarawat2966 2 года назад

One of the best programming tutors out there. Thank you

@naj0916 2 года назад

Very good tutorial. Direct to the point, meaty, and practical.

@CharrliePradeep 2 года назад

Its really an interesting video for GraphQL. I could able to understand most of the concepts within some minutes. As Dougie mentioned I had that error as well const expressGraphQL = require("express-graphql"); -- should be -- const { graphqlHTTP } = require("express-graphql"); After changing that it worked like butter. Thanks for the video :)

@pioneer7161 Год назад

const expressGraphQL = require('express-graphql').graphqlHTTP

@SheilaAltingvanGeusau 9 месяцев назад

I'm just starting out as a dev so sometimes things that are obvious to experienced engineers are new for me. I also had to change the line: app.use('/graphql', graphqlHTTP ({ graphiql:true })) for it to work. Thanks @CharrliePradeep

@Shruti42945 3 года назад

This tutorial is superior and very easy to follow.Thank you.

@RahulinWeb3 Год назад

completed the tutorial and everthikng worked . one except one thing in start which was already given as solution by someone in one of the comments. so happy I followed through it.

@p32929 3 года назад

WOW! Awesome tutorial. Thanks. I learned GraphQL within just 40 minutes!

@dreamfly555 4 года назад

Wow, the best intro to GraphQL I have seen so far! Thanks!

@WebDevSimplified 4 года назад

You're welcome! I am glad I could help.

@explore_with_buddha Год назад

great explained. I am new to GraphQL. After many googling (including in paid platform), I found this easy, simple, and clear tutorial to help me understand it nicely. Loved it. Thanks for this video.

@youngun550 Год назад

Kyle. This was a fantastic tutorial. Thank you soooo much!

@pavelsokolov4190 Год назад

Awesome full-fledged video about building either front and back GraphQL apps.

@techupdates9166 Год назад

Really your videos on youtube about development is so helpful Kyle! we are so lucky. Specially thanks👌👍

@aakashggujju 3 года назад

Amazing Amazing tutorial on GraphQL and this is just that I was looking for getting quick understanding on this amazing amazing technology. Also your teaching style is just an awesome and I really loved it. Thanks

@mazharuddin3647 3 года назад

Awesome tutorial!!! Clean and Easy... Thanks a ton!!!

@HACKINGMADEFUN 2 года назад

I always wanted to look into GraphQL and found your video today. This is so cool and thanks a lot for making this...

@prathic 3 года назад

Great video to kick off your journey in graphQL

@khiemton-that5441 3 года назад

Perfect video. 10/10 Amount of Content you have added there. Just perfect Not to much details not to less. Just perfect Talking speed. Just perfect Example. Just perfect Was there one thing I did not understand? Nope! Well done Sir.

@VenkateshMogili 3 года назад

More clear explanation among all, thank you kyle❤❤❤ When I read blog for book and author, I strucked at getting specific author related book, then I got it from your video, main thing is "parent", I'm always thinking about args instead of parent, now I got it. Another useful one I learned is fields, I didn't understand why some places functions, why some places object but got clear idea after you gave the reason. Thank you very much kyle😍😍👍👍👍👏

@NicholasRogersMN Год назад

Great video! Very easy to follow, a great entry point into GraphQL

@vincentverdugo 3 года назад

Learning this for "The Graph" blockchain. Thanks a lot.

@mohitsoni4925 4 года назад

Explained really well, I understood everything and was able to make my own example after watching this. Thanks for your efforts.

@madhutammu2209 Год назад

You never Disappoint with your videos , thank you

@umanggupta4821 2 года назад

Thank you. This is simple, sweet, crisp!

@latinacoder 4 года назад

Your skill for explaining these complex topics is impressive. Thanks for the tutorial

@continental_drift 3 года назад

Great video. Simple explanations of a complex subject including data normalization.

@developedbyed 5 лет назад

Your best one so far!

@WebDevSimplified 5 лет назад

Thanks you! I put a lot of effort into this video, and am really proud of how it turned out.

@raymondmichael4987 4 года назад

Dev Ed, 🤣🤣 like your magic tricks, I'm happy to see you here too. Greetings from Tanzania 🇹🇿

@timlinator Год назад

Another great video. I have watched many of your videos and you are a great teacher. I look forward to more.

@paulholsters7932 Год назад

Nice tutorial. Short and fast. Like it a lot!

@mayankvora8116 2 года назад

Excellent Explanation and in 40 mins you explained all necessary concepts.

@jacquitratongamanahaja979 2 года назад

Thank you so much bro for this video, it helps me a lot to grasp Graphql.

@kritikamamtagaur6968 Год назад

I really enjoyed this video and the way you explain was excellent I was having too many query about GgraphQL those all things cleared for me now. Thank you.

@csxinfo1 3 года назад

Perfectly explained, thanks man!

@sanjitselvan5348 Год назад

Amazing tutorial and explanation! Thanks a ton Kyle.

@MsAnnieHuang Год назад

I am checking for GraphQL tutorials. There are not many new ones out there and I am initially a bit spetical for a tutorial that is 3 years old. But turn out all the syntax is still valid. It proves how stateable the technology is and how solid this tutorial is. Great job, Web Dev Simplified!! I have been following your content more and more in the recent 2 years.

@gourane Год назад

I am a student and i have to learn graphql can i get help

@mikejakusz1493 9 месяцев назад

setting up the expressGraphQL route does not work for me.

@chrisfaux3769 8 месяцев назад

You just need to import expressGraphQL like this: `const expressGraphQL = require('express-graphql').graphqlHTTP` everything else is working@@mikejakusz1493

@ThePhosee 3 года назад

I think this is the best explanation of graphql for beginners that I saw

@harshitagarwal4338 4 года назад

This tutorial is so good. Thanks for this man

@eranprime3696 3 года назад

This is great , thank you. Graphql site lucks entry level explanation, and is hard to grasp. Your video is vary clear and cover that first steps needed to understand the idea behind Graphql.

@ljbrown238 3 года назад

Outstanding work! Very helpful!!!

@Yolo-yb1nd 2 года назад

Thank you!! This tutorial is super helpful and clear!!!

@vladimirjean 5 лет назад

Great tutorial, very helpful, keep up the good work!

@WebDevSimplified 5 лет назад

Thank you!

@africanbuffalo Год назад

Excellent tutorial! Thank you!

@codebitcookie8053 Год назад

This was amazing. Thanks for all the free info!

@danfaces 3 года назад

Cracking video, great overview of the basics GraphQL. I was able to understand it very easily. Only criticism is that the "quick docs" preview covers the code on the line above you are typing. This makes it a bit frustrating when trying to follow along. Apart from this, I love the vid. Thanks!!