{"id":3580,"date":"2024-08-29T12:05:09","date_gmt":"2024-08-29T10:05:09","guid":{"rendered":"https:\/\/bretagne.wordcamp.org\/2024\/?post_type=wcb_session&#038;p=3580"},"modified":"2024-11-29T16:29:21","modified_gmt":"2024-11-29T15:29:21","slug":"tour-dhorizon-de-lapi-interactivity","status":"publish","type":"wcb_session","link":"https:\/\/bretagne.wordcamp.org\/2024\/session\/tour-dhorizon-de-lapi-interactivity\/","title":{"rendered":"Tour d\u2019horizon de l\u2019API Interactivity"},"content":{"rendered":"\n<p>Introduite dans la version 6.4 de WordPress mais seulement pour les blocs natifs, l\u2019API Interactivity peut d\u00e9sormais (depuis la version 6.5) \u00eatre utilis\u00e9e au sein de vos d\u00e9veloppements. Comme son nom l\u2019indique, cette API permet de g\u00e9rer les \u00e9v\u00e9nements dynamiques au sein des pages de vos sites WordPress. L\u2019ambition de cette API est de r\u00e9duire l\u2019usage de jQuery et de permettre ainsi aux d\u00e9veloppeurs et d\u00e9veloppeuses de se reposer sur une solution native.<\/p>\n\n\n\n<p>Je vous propose une introduction \u00e0 l\u2019API avec des cas d\u2019usage pour que vous puissiez vous l\u2019approprier dans vos futurs d\u00e9veloppements.<\/p>\n\n\n\n<p>Slides : <a href=\"https:\/\/fr.slideshare.net\/slideshow\/tour-d-horizon-de-l-api-interactivity-de-wordpress\/272101322\">https:\/\/fr.slideshare.net\/slideshow\/tour-d-horizon-de-l-api-interactivity-de-wordpress\/272101322<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-wordpress-tv-embed wp-block-embed-wordpress-tv-embed wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='500' height='281' src='https:\/\/video.wordpress.com\/embed\/wmFziQzq?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1725245713'><\/script>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69def5b6011d8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69def5b6011d8\" class=\"wp-block-image size-large wp-lightbox-container\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"4453\" src=\"https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset-2.jpg?resize=1024%2C682&#038;ssl=1\" alt=\"\" class=\"wp-image-4453\" srcset=\"https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset-2.jpg?resize=1024%2C682&amp;ssl=1 1024w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset-2.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset-2.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset-2.jpg?resize=450%2C300&amp;ssl=1 450w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset-2.jpg?w=1334&amp;ssl=1 1334w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69def5b601a9c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69def5b601a9c\" class=\"wp-block-image size-large wp-lightbox-container\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"4454\" src=\"https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset.jpg?resize=1024%2C682&#038;ssl=1\" alt=\"\" class=\"wp-image-4454\" srcset=\"https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset.jpg?resize=1024%2C682&amp;ssl=1 1024w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset.jpg?resize=450%2C300&amp;ssl=1 450w, https:\/\/i0.wp.com\/bretagne.wordcamp.org\/2024\/files\/2024\/11\/benjamin-gosset.jpg?w=1334&amp;ssl=1 1334w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Introduite dans la version 6.4 de WordPress mais seulement pour les blocs natifs, l\u2019API Interactivity peut d\u00e9sormais (depuis la version 6.5) \u00eatre utilis\u00e9e au sein de vos d\u00e9veloppements. Comme son nom l\u2019indique, cette API permet de g\u00e9rer les \u00e9v\u00e9nements dynamiques au sein des pages de vos sites WordPress. L\u2019ambition de cette API est de r\u00e9duire [&hellip;]<\/p>\n","protected":false},"author":17650069,"featured_media":0,"template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_wcpt_session_time":1727421300,"_wcpt_session_duration":2100,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/fr.slideshare.net\/slideshow\/tour-d-horizon-de-l-api-interactivity-de-wordpress\/272101322","_wcpt_session_video":"https:\/\/wordpress.tv\/2024\/11\/29\/tour-dhorizon-de-lapi-interactivity\/","_wcpt_speaker_id":[3538],"footnotes":""},"session_track":[26],"session_category":[41,37],"class_list":["post-3580","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-technique","wcb_session_category-api","wcb_session_category-nouveaute"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"27 septembre 2024","time":"09\u00a0h\u00a015"},"session_speakers":[{"id":"3538","slug":"benjamin-gosset","name":"Benjamin Gosset","link":"https:\/\/bretagne.wordcamp.org\/2024\/speaker\/benjamin-gosset\/"}],"session_cats_rendered":"API WordPress, Nouveaut\u00e9","_links":{"self":[{"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/3580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":6,"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/3580\/revisions"}],"predecessor-version":[{"id":4526,"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/3580\/revisions\/4526"}],"speakers":[{"embeddable":true,"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/3538"}],"author":[{"embeddable":true,"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wporg\/v1\/users\/benjamingosset"}],"wp:attachment":[{"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/media?parent=3580"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_track?post=3580"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/bretagne.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_category?post=3580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}