{"id":8881,"date":"2019-12-19T12:49:24","date_gmt":"2019-12-19T11:49:24","guid":{"rendered":"https:\/\/2020.prague.wordcamp.org\/?post_type=wcb_session&#038;p=8881"},"modified":"2020-06-17T10:28:39","modified_gmt":"2020-06-17T08:28:39","slug":"gutenberg-workshop","status":"publish","type":"wcb_session","link":"https:\/\/prague.wordcamp.org\/2020\/session\/gutenberg-workshop\/","title":{"rendered":"Gutenberg Workshop"},"content":{"rendered":"\n<p>Fabian and Anja want to instruct you to develop a custom gutenberg block from scratch with the help of tools the gutenberg team has developed:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>@wordpress\/scripts (<a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/scripts\">@wordpress\/scripts<\/a>)<\/li><li>WP Dev Docker Images (<a href=\"https:\/\/github.com\/WordPress\/wpdev-docker-images\">docker-images<\/a>)<\/li><li>create block (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/master\/packages\/create-block\">create-block<\/a>)<\/li><li>gutenberg module &amp; component library (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/master\/packages\/block-editor\/src\/components\/\">gutenberg-components<\/a>)<\/li><\/ul>\n\n\n\n<p>This workshop is aimed to gutenberg beginners but not solely (you might get some development tips even if you developed gutenberg blocks before). Together we will build a plugin with a card block made in React that can be used in various ways in your next website project.<\/p>\n\n\n\n<p>We want to familiarize you with the React setup of a gutenberg blocks to help you quickly finding you way around gutenberg block development and have your first results to take home with.<\/p>\n\n\n\n<p><strong>The workshop will be held in english of course and a laptop is obligatory for development. \ud83d\ude09<\/strong><\/p>\n\n\n\n<p>You can use your favorite Editor &#8211; we will code in &#8222;VS Code&#8220; (<a href=\"https:\/\/code.visualstudio.com\/\">VS Code Download<\/a>).<\/p>\n\n\n\n<p>Node should be preinstalled so we can directly open the terminal and perform a npm install without spending precious workshop time with node installations. We also use Docker to develop in a default WordPress environment. Installing Docker takes some time as it is big. So please download and install it beforehand as well.<\/p>\n\n\n\n<p>We will add a link here to our github repo with useful links for React development soon (suggested plugins for browsers, vs code, etc.)<\/p>\n\n\n\n<p>We look forward to see you! Anja &amp; Fabian<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-wordcamp-praha-29-2-2020\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/2020.prague.wordcamp.org\/2020\/02\/24\/anja-deubzer-and-fabian-kagy\/\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/RSTE36i9Yuk?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=cs-CZ&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Fabian and Anja want to instruct you to develop a custom gutenberg block from scratch with the help of tools the gutenberg team has developed: @wordpress\/scripts (@wordpress\/scripts) WP Dev Docker Images (docker-images) create block (create-block) gutenberg module &amp; component library (gutenberg-components) This workshop is aimed to gutenberg beginners but not solely (you might get some &hellip; <a href=\"https:\/\/prague.wordcamp.org\/2020\/session\/gutenberg-workshop\/\" class=\"more-link\">Pokra\u010dovat ve \u010dten\u00ed<span class=\"screen-reader-text\"> &#8222;Gutenberg Workshop&#8220;<\/span><\/a><\/p>\n","protected":false},"author":15307796,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1582964100,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[8766,9503],"footnotes":""},"session_track":[36],"session_category":[39,35],"class_list":["post-8881","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-w1","wcb_session_category-3h","wcb_session_category-english"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"29. 2. 2020","time":"9:15"},"session_speakers":[{"id":"8766","slug":"anja-deubzer","name":"Anja Deubzer","link":"https:\/\/prague.wordcamp.org\/2020\/speaker\/anja-deubzer\/"},{"id":"9503","slug":"fabian-kagy","name":"Fabian K\u00e4gy","link":"https:\/\/prague.wordcamp.org\/2020\/speaker\/fabian-kagy\/"}],"session_cats_rendered":"3 h, English","_links":{"self":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/8881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":7,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/8881\/revisions"}],"predecessor-version":[{"id":10627,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/8881\/revisions\/10627"}],"speakers":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/speakers\/8766"},{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/speakers\/9503"}],"author":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wporg\/v1\/users\/ahdeubzer"}],"wp:attachment":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/media?parent=8881"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_track?post=8881"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_category?post=8881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}