{"id":80927,"date":"2020-04-20T10:59:04","date_gmt":"2020-04-20T10:59:04","guid":{"rendered":"https:\/\/make.wordpress.org\/core\/?p=80927"},"modified":"2020-04-20T11:11:04","modified_gmt":"2020-04-20T11:11:04","slug":"javascript-chat-summary-april-14-2020","status":"publish","type":"post","link":"https:\/\/make.wordpress.org\/core\/2020\/04\/20\/javascript-chat-summary-april-14-2020\/","title":{"rendered":"JavaScript Chat Summary: April 14, 2020"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>Below is a summary of the discussion from this week\u2019s <span tabindex='0' class='glossary-item-container'>JavaScript<span class='glossary-item-hidden-content'><span class='glossary-item-header'>JavaScript<\/span> <span class='glossary-item-description'>JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user\u2019s browser.\r<a href=\"https:\/\/www.javascript.com\/\">https:\/\/www.javascript.com<\/a><\/span><\/span><\/span> chat (<a href=\"https:\/\/docs.google.com\/document\/d\/1LMQoZcDzOrIb1D9wuN5rf5_KrDA65nyeKUODnN71ey4\/edit\">agenda<\/a>, <a href=\"https:\/\/wordpress.slack.com\/archives\/C5UNMSU4R\/p1586872817210600\">Slack Transcript<\/a>).<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Have a topic for discussion for the next meeting? Leave a suggested edit on\u00a0<a href=\"https:\/\/docs.google.com\/document\/d\/1LMQoZcDzOrIb1D9wuN5rf5_KrDA65nyeKUODnN71ey4\/edit\">next week\u2019s agenda<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Internet Explorer End-to-End Testing<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>(<a href=\"https:\/\/wordpress.slack.com\/archives\/C5UNMSU4R\/p1586872926212000\">Slack conversation<\/a>)<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Context:<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/21528\">https:\/\/github.com\/WordPress\/gutenberg\/pull\/21528<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Feature Proposal:<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16509\">https:\/\/github.com\/WordPress\/gutenberg\/issues\/16509<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Discussion:<\/strong> The above pull request seeks to introduce a new package incorporating a Selenium-based web driver to run Internet Explorer tests through BrowserStack\u2019s automation <span tabindex='0' class='glossary-item-container'>API<span class='glossary-item-hidden-content'><span class='glossary-item-header'>API<\/span> <span class='glossary-item-description'>An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.<\/span><\/span><\/span>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Discussion Points:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>It\u2019s been something of a pain point in <span tabindex='0' class='glossary-item-container'>Gutenberg<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Gutenberg<\/span> <span class='glossary-item-description'>The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses \u2018blocks\u2019 to add richness rather than shortcodes, custom HTML etc.\r<a href=\"https:\/\/wordpress.org\/gutenberg\/\">https:\/\/wordpress.org\/gutenberg\/<\/a><\/span><\/span><\/span>\u2019s history of browser-specific bugs that can\u2019t be captured with the current set of testing tools.<\/li><li>It ought to be done with careful consideration since having multiple test setups for end-to-end tests is prone to introduce some confusing developer experience.<\/li><li><a href=\"https:\/\/profiles.wordpress.org\/adamsilverstein\/\" class=\"mention\"><span class=\"mentions-prefix\">@<\/span>adamsilverstein<\/a> could imagine there might be other ways to leverage Browserstack as well, e.g., if we want to cover additional browsers.<\/li><li>Running on merge to <code>master<\/code> seems fine, although that means you\u2019ll be fixing things after they are broken.<\/li><li><a href=\"https:\/\/profiles.wordpress.org\/aduth\/\" class=\"mention\"><span class=\"mentions-prefix\">@<\/span>aduth<\/a> raised that typically Browserstack is a paid service (\u201c$12.50\/mo for Freelancers\u201d plan is the cheapest). They offer free <span tabindex='0' class='glossary-item-container'>open source<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Open Source<\/span> <span class='glossary-item-description'>Open Source denotes software for which the original source code is made freely available and may be redistributed and modified.  Open Source **must be** delivered via a licensing model, see GPL.<\/span><\/span><\/span> testing, which he applied for and was accepted. But that doesn\u2019t help for local testing since we\u2019d not want to be sharing our credentials.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">News Roundup<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This roundup contains a few links for Gutenberg and JavaScript related news curated (and commented on) by\u00a0<a href=\"https:\/\/profiles.wordpress.org\/nerrad\/\">@nerrad<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Dave Ryan posted<a href=\"https:\/\/daveryan.io\/the-state-of-the-gutenberg-project-a-wpblocktalk-2020-reflection\/\"> a reflection on the recent WPBlockTalk conference<\/a>. One standout observation he made that I took note of:<ul><li><em>\u201cThe <span tabindex='0' class='glossary-item-container'>Block<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Block<\/span> <span class='glossary-item-description'>Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.<\/span><\/span><\/span> Editor is great, but perhaps some of the biggest potential for the Gutenberg project exists in the relationship Blocks can have with the external, web ecosystem \u2014 both how edits in the Block Editor can be pushed to other services and how external systems can automate content creation and edits on the WordPress side.\u201d<\/em><\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>A really neat<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/21333\"> AlignmentMatrixControl has been merged to GB master<\/a>.<\/li><li>Mel posted an article on Themeshaper about<a href=\"https:\/\/themeshaper.com\/2020\/04\/08\/adding-block-patterns-to-your-theme\/\"> Adding Block Patterns to Your Theme<\/a>.<\/li><li>The meeting notes from the<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/08\/editor-chat-summary-8-april-2020\/\"> recent Editor chat<\/a> have been posted.<\/li><li><span tabindex='0' class='glossary-item-container'>Accessibility<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Accessibility<\/span> <span class='glossary-item-description'>Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both \u201cdirect access\u201d (i.e. unassisted) and \u201cindirect access\u201d meaning compatibility with a person\u2019s assistive technology (for example, computer screen readers). (https:\/\/en.wikipedia.org\/wiki\/Accessibility)<\/span><\/span><\/span> team<a href=\"https:\/\/make.wordpress.org\/accessibility\/2020\/04\/10\/accessibility-team-meeting-notes-april-10-2020\/\"> meeting notes for April 10<\/a> have been posted.<\/li><li>Riad<a href=\"https:\/\/riad.blog\/2020\/04\/10\/im-using-a-block-based-theme\/\"> is using a block-based theme<\/a> on his website.<\/li><li><a href=\"https:\/\/blog.repl.it\/clui\">Building a Graphical Command Line<\/a>.<\/li><li>A cheat sheet for<a href=\"https:\/\/htmldom.dev\/\"> managing HTML DOM with vanilla JavaScript<\/a>.<\/li><\/ul>\n<p class=\"o2-appended-tags\"><a href=\"https:\/\/make.wordpress.org\/core\/tag\/core-js\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>core-js<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/tag\/javascript\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>javascript<\/a><\/p><nav class='o2-post-footer-actions'><ul class='o2-post-footer-action-row'><\/ul><div class='o2-post-footer-action-likes'><\/div><ul class='o2-post-footer-action-row'><\/ul><\/nav>","protected":false},"excerpt":{"rendered":"<p>Below is a summary of the discussion from this week\u2019s JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user\u2019s browser. https:\/\/www.javascript.com chat [&hellip;]<\/p>\n","protected":false},"author":14780544,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1173,1176],"tags":[2457,150],"class_list":["post-80927","post","type-post","status-publish","format-standard","hentry","category-meetings","category-summaries","tag-core-js","tag-javascript","mentions-adamsilverstein","mentions-aduth","author-gziolo"],"revision_note":"","jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2AvED-l3h","_links":{"self":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts\/80927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/users\/14780544"}],"replies":[{"embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/comments?post=80927"}],"version-history":[{"count":5,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts\/80927\/revisions"}],"predecessor-version":[{"id":80933,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts\/80927\/revisions\/80933"}],"wp:attachment":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/media?parent=80927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/categories?post=80927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/tags?post=80927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}