https://graphql.com/component---src-pages-tutorials-tsx-67355ed185947585c24b.js

1"use strict";(self.webpackChunkgraphqldotcom=self.webpackChunkgraphqldotcom||[]).push([[412],{15060:function(e,t,r){r.r(t),r.d(t,{Head:function(){return T},default:function(){return P}});var l,a,i,o,n,s,p,c,m,h,d,u,g,f,E,w,F,k,v=r(80210),q=r(78633),G=r(73657),A=r(96540),y=r(99378),L=r(3411),b=r(59146),M=r(85353),Z=r(21052),S=r(69290),Q=r(54284),_=r(35703);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},x.apply(null,arguments)}var O=function(e){return A.createElement("svg",x({width:121,height:121,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=A.createElement("path",{d:"m30.805 51.887 29.5-16.962 29.5 16.962-29.5 16.963-29.5-16.963Z",fill:"#3F996F",stroke:"#2F353F",strokeMiterlimit:1})),a||(a=A.createElement("path",{d:"m30.813 51.888 29.5-16.963V1l-29.5 16.963v33.925Z",fill:"#51C58E",stroke:"#2F353F",strokeMiterlimit:1})),i||(i=A.createElement("path",{d:"m60.305 34.925 29.5 16.963V17.963L60.305 1v33.925Z",fill:"#5ADB9E",stroke:"#2F353F",strokeMiterlimit:1})),o||(o=A.createElement("path",{d:"m60.305 68.85 29.5-16.963V17.962l-29.5 16.963V68.85Z",fill:"#36835F",stroke:"#2F353F",strokeMiterlimit:1})),n||(n=A.createElement("path",{d:"m60.313 68.85-29.5-16.963V17.962l29.5 16.963V68.85Z",fill:"#48AF7E",stroke:"#2F353F",strokeMiterlimit:1})),s||(s=A.createElement("path",{d:"M30.805 17.963 60.305 1l29.5 16.963-29.5 16.962-29.5-16.962Z",fill:"#2D6E4F",stroke:"#2F353F",strokeMiterlimit:1})),p||(p=A.createElement("path",{d:"M60 102.75 90 85.5l30 17.25L90 120l-30-17.25Z",fill:"#3F996F",stroke:"#2F353F",strokeMiterlimit:1})),c||(c=A.createElement("path",{d:"m60.008 102.75 30-17.25V51l-30 17.25v34.5Z",fill:"#51C58E",stroke:"#2F353F",strokeMiterlimit:1})),m||(m=A.createElement("path",{d:"m90 85.5 30 17.25v-34.5L90 51v34.5Z",fill:"#5ADB9E",stroke:"#2F353F",strokeMiterlimit:1})),h||(h=A.createElement("path",{d:"m90 119.999 30-17.25v-34.5l-30 17.25V120Z",fill:"#36835F",stroke:"#2F353F",strokeMiterlimit:1})),d||(d=A.createElement("path",{d:"m90.008 119.999-30-17.25v-34.5l30 17.25V120Z",fill:"#48AF7E",stroke:"#2F353F",strokeMiterlimit:1})),u||(u=A.createElement("path",{d:"M60 68.25 90 51l30 17.25L90 85.5 60 68.25Z",fill:"#2D6E4F",stroke:"#2F353F",strokeMiterlimit:1})),g||(g=A.createElement("path",{d:"m.805 102.736 30-17.25 30 17.25-30 17.25-30-17.25Z",fill:"#3F996F",stroke:"#2F353F",strokeMiterlimit:1})),f||(f=A.createElement("path",{d:"m.812 102.737 30-17.25v-34.5l-30 17.25v34.5Z",fill:"#51C58E",stroke:"#2F353F",strokeMiterlimit:1})),E||(E=A.createElement("path",{d:"m30.805 85.487 30 17.25v-34.5l-30-17.25v34.5Z",fill:"#5ADB9E",stroke:"#2F353F",strokeMiterlimit:1})),w||(w=A.createElement("path",{d:"m30.805 119.986 30-17.251v-34.5l-30 17.25v34.501Z",fill:"#36835F",stroke:"#2F353F",strokeMiterlimit:1})),F||(F=A.createElement("path",{d:"m30.813 119.986-30-17.251v-34.5l30 17.25v34.501Z",fill:"#48AF7E",stroke:"#2F353F",strokeMiterlimit:1})),k||(k=A.createElement("path",{d:"m.805 68.236 30-17.25 30 17.25-30 17.25-30-17.25Z",fill:"#2D6E4F",stroke:"#2F353F",strokeMiterlimit:1})))};const C=e=>{let{title:t,description:r,url:l,image:a}=e;return A.createElement(v.A,{title:t,description:r,url:l,image:a,onClickEventName:"tutorial_card_click"})},V=e=>{let{first:t,title:r,description:l,children:a}=e;return A.createElement(A.Fragment,null,A.createElement(y.c,{mt:t?"0":"56px",mb:t?"64px":"56px",color:"silver.500"}),A.createElement(L.r,{spacing:4,columns:{base:1,lg:2}},A.createElement(D,{title:r,description:l}),A.createElement(L.r,{spacing:"4",columns:1},a)))},D=e=>{let{title:t,description:r}=e;return A.createElement(b.a,null,A.createElement(M.D,{as:"h2",variant:"heading2",mb:"2",color:"gray.700"},t),A.createElement(Z.E,{maxW:{base:"100%",lg:"80%"},variant:"bodySm"},r))},B=e=>{let{first:t,title:r,description:l,children:a}=e;return A.createElement(A.Fragment,null,A.createElement(y.c,{mt:t?"0":"56px",mb:t?"64px":"56px",color:"silver.500"}),A.createElement(L.r,{spacing:4,columns:1},A.createElement(D,{title:r,description:l}),A.createElement(L.r,{spacing:"12",columns:{base:1,lg:2}},a)))};function P(){return A.createElement(A.Fragment,null,A.createElement(_.GatsbySeo,{title:"GraphQL Tutorials",description:"Learn the fundamentals of schemas and queries, then implement some apps with hands-on step-by-step tutorials."}),A.createElement(G.Ay,null,A.createElement(S.m,{maxW:"7xl",p:10},A.createElement(q.A,{title:"GraphQL Tutorials",image:A.createElement(O,null)},A.createElement(Z.E,null,"Learn the fundamentals of schemas and queries, then implement some apps with hands-on step-by-step tutorials with  ",A.createElement(Q.N,{color:"purple.500",_hover:{color:"purple.700"},target:"_blank",href:"https://apollographql.com/tutorials?utm_campaign=graphql.com"},"Apollo’s Odyssey platform."))),A.createElement(V,{first:!0,title:"GraphQL Basics",de

1scription:"Leverage instructor-led tutorials specifically designed for GraphQL beginners."},A.createElement(C,{title:"Lift-off Series",image:"https://res.cloudinary.com/apollographql/image/upload/v1694618911/www/graphqldotcom/lift-off-series.png",description:"Learn how to design a schema, run an Apollo Server 4, and perform queries with Apollo Client 3 on the frontend.",url:"https://www.apollographql.com/tutorials/lift-off-part1?utm_campaign=graphql.com"})),A.createElement(V,{title:" Getting Started with Clients",description:"Get familiar and comfortable with executing GraphQL operations, caching, and managing all of your application's state in one place."},A.createElement(C,{title:"React: Get Started",description:"Get up and running with Apollo Client in React",url:"https://www.apollographql.com/docs/react/get-started?utm_campaign=graphql.com"}),A.createElement(C,{title:"Kotlin: Get Started",description:"Get up and running with GraphQL on Android with Apollo Kotlin",url:"https://www.apollographql.com/docs/kotlin/#getting-started?utm_campaign=graphql.com"}),A.createElement(C,{title:"iOS: Get Started",description:"Get up and running with GraphQL on iOS with Apollo iOS",url:"https://www.apollographql.com/docs/ios/get-started?utm_campaign=graphql.com"})),A.createElement(V,{title:"GraphOS Basics",description:"Level up your GraphQL APIs with Apollo GraphOS, the platform for running production-ready graphs at scale."},A.createElement(C,{title:"GraphOS",image:"https://res.cloudinary.com/apollographql/image/upload/v1697474689/www/graphqldotcom/michelle-graphos.png",description:"Learn how GraphOS can take your GraphQL API from development to launch with tooling, metrics, and performance benefits.",url:"https://www.apollographql.com/tutorials/getting-started-with-graphos?utm_campaign=graphql.com"})),A.createElement(B,{title:"GraphQL Certifications",description:"Choose from guided tutorials or exams, and become a certified GraphQL developer with Apollo Odyssey for free."},A.createElement(C,{title:"Apollo Graph Associate",image:"https://res.cloudinary.com/apollographql/image/upload/v1694717542/www/graphqldotcom/associate-sm_erhqti.png",description:"Level up your dev skills with the basics of GraphQL and Apollo, and earn your certification as an Apollo Graph Associate.",url:"https://www.apollographql.com/tutorials/certifications/apollo-graph-associate?utm_campaign=graphql.com"}),A.createElement(C,{title:"Apollo Graph Professional",image:"https://res.cloudinary.com/apollographql/image/upload/v1694717555/www/graphqldotcom/professional-sm_fgqcjc.png",description:"Take your GraphQL expertise one step further—dive into Apollo Federation, the industry-standard for implementing graphs at scale, and earn your Apollo Graph Professional certification.",url:"https://www.apollographql.com/tutorials/certifications/apollo-graph-professional?utm_campaign=graphql.com"})))))}const T=()=>A.createElement("title",null,"Tutorials - GraphQL.com")}}]);
2//# sourceMappingURL=component---src-pages-tutorials-tsx-67355ed185947585c24b.js.map