{"id":143734,"date":"2021-12-10T10:39:34","date_gmt":"2021-12-10T10:39:34","guid":{"rendered":"https:\/\/devdays.lt\/?page_id=143734"},"modified":"2021-12-14T13:26:29","modified_gmt":"2021-12-14T13:26:29","slug":"getting-started-with-graphql","status":"publish","type":"page","link":"https:\/\/devdays.lt\/getting-started-with-graphql\/","title":{"rendered":"Getting Started With GraphQL"},"content":{"rendered":"

[et_pb_section fb_built=”1″ disabled_on=”off|off|off” module_class=”sticky-juosta” _builder_version=”4.9.10″ _module_preset=”default” custom_padding=”0px||0px||true|” global_module=”142342″ saved_tabs=”all”][et_pb_row module_id=”sticky” _builder_version=”4.9.10″ _module_preset=”default” background_color=”#ff8000″ width=”100%” max_width=”2560px” custom_padding=”16px||16px||true|”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.10″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” text_font_size=”20px” link_font=”|600|||||||” link_text_color=”#FFFFFF” link_font_size=”20px” link_font_size__hover_enabled=”on|desktop” link_font_size__hover=”21px”]<\/p>\n

Hurry Up! Super Early Bird ends on December 16, 2021 \u00a0\u00a0 \u00a0\u00a0 \u00a0[Get Your Ticket HERE]<\/a><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” disabled_on=”on|on|off” admin_label=”Home” module_id=”Home” _builder_version=”4.0.6″ background_enable_color=”off” use_background_color_gradient=”on” background_color_gradient_start=”rgba(10,30,96,0.5)” background_color_gradient_end=”rgba(10,30,96,0.5)” background_color_gradient_overlays_image=”on” background_image=”https:\/\/devdays.lt\/wp-content\/uploads\/2020\/01\/devd-201-1368×855-1.jpg” custom_margin=”0px|0px|0px|0px” bottom_divider_style=”arrow2″ bottom_divider_color=”#ffffff” bottom_divider_height=”50px” bottom_divider_flip=”vertical” global_module=”137943″][et_pb_fullwidth_header text_orientation=”center” background_overlay_color=”rgba(0,43,94,0.63)” _builder_version=”4.9.10″ title_font=”|700|||||||” title_text_color=”#ffffff” title_font_size=”55px” background_color=”rgba(255, 255, 255, 0)” custom_button_one=”on” button_one_text_color=”#509af5″ button_one_bg_color=”#ffffff” button_one_border_color=”#ffffff” button_one_font=”|600|||||||” button_one_use_icon=”off” custom_button_two=”on” button_two_text_color=”#509af5″ button_two_border_color=”#509af5″ button_two_font=”|600|||||||” button_two_icon_color=”#509af5″ background_layout=”light” custom_margin=”|||” custom_padding=”50px||60px||false|false” button_one_border_color_hover=”#509af5″ button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_one_border_color__hover_enabled=”on” button_one_border_color__hover=”#509af5″ button_two_border_color__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”]<\/p>\n

DevDays Europe 2022<\/span><\/h1>\n

[\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.0.6″ background_enable_color=”off” custom_padding=”30px|||||” custom_padding_tablet=”30px||||false|false” custom_padding_phone=”0px||||false|false”][et_pb_row column_structure=”2_5,3_5″ _builder_version=”4.4.2″ background_color=”#ffffff” use_background_color_gradient=”on” background_color_gradient_start=”#c6c6c6″ background_color_gradient_end=”#ffffff” background_color_gradient_start_position=”19%” width_tablet=”100%” width_phone=”” width_last_edited=”on|phone” max_width=”850px” custom_margin=”||15px||false|false” custom_padding=”10px|0px|10px|0px|true|true” border_radii=”off|3px|3px||” border_radii_tablet=”off|0px|0px||” border_radii_phone=”” border_radii_last_edited=”on|desktop” box_shadow_style=”preset1″ locked=”off”][et_pb_column type=”2_5″ _builder_version=”3.29.3″][et_pb_image src=”https:\/\/devdays.lt\/wp-content\/uploads\/2021\/12\/devdays_speaker_Roy-Derks-1.png” title_text=”DD_RicardoTellez_500x500_round” align=”center” _builder_version=”4.9.10″ max_width=”80%” custom_padding=”0px|||||”][\/et_pb_image][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”3.29.3″][et_pb_text _builder_version=”4.9.10″ text_font=”|600|||||||” text_text_color=”#509af5″ text_font_size=”30px” custom_margin=”30px||||false|false” custom_margin_tablet=”” custom_margin_phone=”0px||||false|false” custom_margin_last_edited=”on|phone” animation_style=”fade” animation_duration=”1200ms” text_orientation_tablet=”” text_orientation_phone=”center” text_orientation_last_edited=”on|phone”]<\/p>\n

Roy Derks<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_text_color=”#424242″ text_font_size=”16px” custom_padding=”||10px||false|false” animation_style=”fade” animation_duration=”1200ms” animation_delay=”50ms” text_orientation_tablet=”” text_orientation_phone=”center” text_orientation_last_edited=”on|phone”]Position:<\/strong> Founder, International Speaker and Book Author<\/p>\n

Company:<\/strong> Hackteam<\/p>\n

Country:<\/strong> The Netherlands[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=”on|tablet” disabled_on=”off|off|off” _builder_version=”4.9.10″ background_color=”#ffffff” z_index=”0″ width_tablet=”100%” width_phone=”” width_last_edited=”on|tablet” max_width=”850px” max_width_tablet=”850px” max_width_phone=”” max_width_last_edited=”on|tablet” custom_padding=”30px|46px|30px|46px|false|true” custom_padding_tablet=”|30px||30px|true|true” custom_padding_phone=”|20px||20px|false|true” hover_enabled=”0″ border_radii=”off|||3px|3px” box_shadow_style=”preset1″ sticky_enabled=”0″][et_pb_column type=”4_4″ _builder_version=”3.29.3″][et_pb_text _builder_version=”4.0.6″ text_font=”|600|||||||” text_text_color=”#509bf5″ text_font_size=”22px” header_font=”|600|||||||” header_text_align=”left” header_text_color=”#002258″ custom_margin=”||5px|0px” custom_padding=”10px|||”]<\/p>\n

Biography<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_font_size=”15px” animation_style=”fade” animation_duration=”1200ms” animation_delay=”150ms” locked=”off”]<\/p>\n

Roy is an entrepreneur, speaker, and author from The Netherlands and, in his own words, ‘wants to make the world a better place through tech’. He has been giving talks and training to developers worldwide on technologies like GraphQL, React and TypeScript. Most recently he wrote the book Fullstack GraphQL.<\/p>\n

[\/et_pb_text][et_pb_social_media_follow use_icon_font_size=”on” icon_font_size=”15px” _builder_version=”4.9.10″ text_orientation=”left” custom_margin=”|||” custom_padding=”|||” animation_style=”fade” animation_duration=”1200ms” animation_delay=”50ms” locked=”off”][et_pb_social_media_follow_network social_network=”twitter” url=”https:\/\/www.linkedin.com\/gethackteam” _builder_version=”4.9.10″ background_color=”#00aced” follow_button=”off” url_new_window=”on”]twitter[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”linkedin” url=”https:\/\/www.linkedin.com\/in\/royderks1\/” _builder_version=”4.9.10″ background_color=”#007bb6″ follow_button=”off” url_new_window=”on”]linkedin[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][et_pb_text _builder_version=”4.1″ text_font=”|600|||||||” text_text_color=”#0a1e60″ text_font_size=”20px” header_font=”|600|||||||” header_text_align=”left” header_text_color=”#002258″ custom_margin=”||5px|0px” custom_padding=”10px|||”]Workshop[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_text_color=”#ffffff” header_font=”|600|||||||” header_text_color=”#509bf5″ max_width=”100%” custom_margin=”0px||0px||false|false” custom_padding=”0px|||” saved_tabs=”all”]<\/p>\n

Getting Started With GraphQL<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_text_color=”#666666″ text_font_size=”15px” custom_margin=”||15px||false|false” custom_padding=”0px||0px||false|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Interested in learning GraphQL? Or having a hard time to get started? Perfect! In this one-day hands-on workshop you’ll learn how to setup and use GraphQL in your next JavaScript project. This workshop consists of two parts: First you’ll learn how to use a GraphQL server with Apollo Server and play around with the endpoint using GraphQLi. After the “backend” part is covered, you’ll create a frontend application using React and Apollo that can extract and mutate data using GraphQL easily.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.1″ text_font=”|600|||||||” text_text_color=”#509bf5″ text_font_size=”20px” header_font=”|600|||||||” header_text_align=”left” header_text_color=”#002258″ custom_margin=”||5px|0px” custom_padding=”10px|||”]Agenda[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_text_color=”#666666″ text_font_size=”15px” custom_margin=”||15px||false|false” custom_padding=”0px||||false|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

    \n
  • <\/span>Part 1: GraphQL introduction<\/span>\n
      \n
    • <\/span>Get to know GraphQL<\/span><\/li>\n
    • <\/span>Handling Queries<\/span><\/li>\n
    • <\/span>Handling Mutations<\/span><\/li>\n<\/ul>\n<\/li>\n
    • <\/span>Part 2: Usage in Frontend<\/span>\n
        \n
      • <\/span>Execute Queries and Mutations<\/span><\/li>\n
      • <\/span>Understand GraphQL Query Language<\/span><\/li>\n
      • <\/span>Learn GraphQL libraries<\/span><\/li>\n<\/ul>\n<\/li>\n
      • <\/span>Part 3: Scaling GraphQL<\/span>\n
          \n
        • <\/span>Usage with TypeScript<\/span><\/li>\n
        • Apply caching<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

          [\/et_pb_text][et_pb_text _builder_version=”4.1″ text_font=”|600|||||||” text_text_color=”#509bf5″ text_font_size=”20px” header_font=”|600|||||||” header_text_align=”left” header_text_color=”#002258″ custom_margin=”||5px|0px” custom_padding=”10px|||”]Objectives[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_text_color=”#666666″ text_font_size=”15px” custom_margin=”||15px||false|false” custom_padding=”0px||||false|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

          The main goal of this workshop is to understand how to use GraphQL in a frontend project.<\/span><\/p>\n

          [\/et_pb_text][et_pb_text _builder_version=”4.1″ text_font=”|600|||||||” text_text_color=”#509bf5″ text_font_size=”20px” header_font=”|600|||||||” header_text_align=”left” header_text_color=”#002258″ custom_margin=”||5px|0px” custom_padding=”10px|||”]Target audience[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_text_color=”#666666″ text_font_size=”15px” custom_margin=”||15px||false|false” custom_padding=”0px||||false|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

          Frontend Developers in JavaScript frameworks that are interested in GraphQL or have issues with state-management.<\/span><\/p>\n

          [\/et_pb_text][et_pb_text _builder_version=”4.1″ text_font=”|600|||||||” text_text_color=”#509bf5″ text_font_size=”20px” header_font=”|600|||||||” header_text_align=”left” header_text_color=”#002258″ custom_margin=”||5px|0px” custom_padding=”10px|||”]Technical requirements[\/et_pb_text][et_pb_text _builder_version=”4.9.10″ text_font=”||||||||” text_text_color=”#666666″ text_font_size=”15px” custom_margin=”||8px||false|false” custom_padding=”0px||||false|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

          Prerequisites:
          – A computer with node and npm installed
          – JavaScript knowledge<\/p>\n

          [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.0.6″ custom_padding=”50px||||false|false”][et_pb_column type=”4_4″ _builder_version=”4.0.6″][et_pb_text _builder_version=”4.4.2″ text_font=”|700|||||||” text_text_color=”#666666″ animation_style=”fade” animation_duration=”1400ms” animation_delay=”50ms” global_module=”128838″]<\/p>\n

          \u00ab Back<\/p>\n

          [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

          Hurry Up! Super Early Bird ends on December 16, 2021 \u00a0\u00a0 \u00a0\u00a0 \u00a0[Get Your Ticket HERE]DevDays Europe 2022Roy DerksPosition: Founder, International Speaker and Book Author Company: Hackteam Country: The NetherlandsBiographyRoy is an entrepreneur, speaker, and author from The Netherlands and, in his own words, ‘wants to make the world a better place through tech’. He […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"yoast_head":"\nGetting Started With GraphQL - DevDays - Software Development Conference<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devdays.lt\/getting-started-with-graphql\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started With GraphQL - DevDays - Software Development Conference\" \/>\n<meta property=\"og:description\" content=\"Hurry Up! Super Early Bird ends on December 16, 2021 \u00a0\u00a0 \u00a0\u00a0 \u00a0[Get Your Ticket HERE]DevDays Europe 2022Roy DerksPosition: Founder, International Speaker and Book Author Company: Hackteam Country: The NetherlandsBiographyRoy is an entrepreneur, speaker, and author from The Netherlands and, in his own words, 'wants to make the world a better place through tech'. He […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devdays.lt\/getting-started-with-graphql\/\" \/>\n<meta property=\"og:site_name\" content=\"DevDays - Software Development Conference\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-14T13:26:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devdays.lt\/wp-content\/uploads\/2021\/11\/Win-Ticket-reklaminis-EU-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@DevDaysEurope\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devdays.lt\/#website\",\"url\":\"https:\/\/devdays.lt\/\",\"name\":\"DevDays - Software Development Conference\",\"description\":\"DevDays Europe 2022\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devdays.lt\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devdays.lt\/getting-started-with-graphql\/#webpage\",\"url\":\"https:\/\/devdays.lt\/getting-started-with-graphql\/\",\"name\":\"Getting Started With GraphQL - DevDays - Software Development Conference\",\"isPartOf\":{\"@id\":\"https:\/\/devdays.lt\/#website\"},\"datePublished\":\"2021-12-10T10:39:34+00:00\",\"dateModified\":\"2021-12-14T13:26:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/devdays.lt\/getting-started-with-graphql\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devdays.lt\/getting-started-with-graphql\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devdays.lt\/getting-started-with-graphql\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devdays.lt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started With GraphQL\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started With GraphQL - DevDays - Software Development Conference","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devdays.lt\/getting-started-with-graphql\/","og_locale":"en_US","og_type":"article","og_title":"Getting Started With GraphQL - DevDays - Software Development Conference","og_description":"Hurry Up! Super Early Bird ends on December 16, 2021 \u00a0\u00a0 \u00a0\u00a0 \u00a0[Get Your Ticket HERE]DevDays Europe 2022Roy DerksPosition: Founder, International Speaker and Book Author Company: Hackteam Country: The NetherlandsBiographyRoy is an entrepreneur, speaker, and author from The Netherlands and, in his own words, 'wants to make the world a better place through tech'. He […]","og_url":"https:\/\/devdays.lt\/getting-started-with-graphql\/","og_site_name":"DevDays - Software Development Conference","article_modified_time":"2021-12-14T13:26:29+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/devdays.lt\/wp-content\/uploads\/2021\/11\/Win-Ticket-reklaminis-EU-3.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_site":"@DevDaysEurope","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/devdays.lt\/#website","url":"https:\/\/devdays.lt\/","name":"DevDays - Software Development Conference","description":"DevDays Europe 2022","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devdays.lt\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/devdays.lt\/getting-started-with-graphql\/#webpage","url":"https:\/\/devdays.lt\/getting-started-with-graphql\/","name":"Getting Started With GraphQL - DevDays - Software Development Conference","isPartOf":{"@id":"https:\/\/devdays.lt\/#website"},"datePublished":"2021-12-10T10:39:34+00:00","dateModified":"2021-12-14T13:26:29+00:00","breadcrumb":{"@id":"https:\/\/devdays.lt\/getting-started-with-graphql\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devdays.lt\/getting-started-with-graphql\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devdays.lt\/getting-started-with-graphql\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devdays.lt\/"},{"@type":"ListItem","position":2,"name":"Getting Started With GraphQL"}]}]}},"_links":{"self":[{"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/pages\/143734"}],"collection":[{"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/comments?post=143734"}],"version-history":[{"count":4,"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/pages\/143734\/revisions"}],"predecessor-version":[{"id":143761,"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/pages\/143734\/revisions\/143761"}],"wp:attachment":[{"href":"https:\/\/devdays.lt\/wp-json\/wp\/v2\/media?parent=143734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}