{"id":11256,"date":"2015-09-03T12:54:23","date_gmt":"2015-09-03T16:54:23","guid":{"rendered":"http:\/\/webdevstudios.com\/?p=11256"},"modified":"2024-04-15T12:03:45","modified_gmt":"2024-04-15T16:03:45","slug":"modernize-wordpress-javascript","status":"publish","type":"post","link":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/","title":{"rendered":"Modernize Your WordPress JavaScript"},"content":{"rendered":"

Not too long ago,\u00a0I walked through the basics of using Browserify to organize\u00a0and improve your JavaScript<\/a>. Let’s build on that and take it to the next level while smoothly integrating with WordPress’ built-in JavaScript interface.<\/p>\n

<\/p>\n

WordPress Dependencies vs Browserify Requires<\/h3>\n

While Browserify works great for external libraries, what about libraries included in WordPress core like jQuery or Backbone? You could include them the same as other libraries just using npm and a require statement, but what if there is another script on the same page that requires one of them? The built in scoping of Browserify protects from version conflicts, but it’s still the same library being required twice (or more)!<\/p>\n

So how can we solve this? Using an awesome transform\u00a0for Browserify called browserify-shim<\/a>. Browserify-shim\u00a0allows for including external libraries in the exact same way you would with libraries from npm\u00a0but with a custom location.<\/p>\n

You can var $ = require('jquery');<\/code> and instead of it loading jQuery from it’s npm package, it will fill it in with the global jQuery<\/code> variable.<\/p>\n

To get it set up, first install:<\/p>\n

npm install --save-dev browserify-shim<\/pre>\n
Add it to your Browserify setup as a transform, in this case using grunt-browserify:<\/p>\n
browserify: {\n   options: {\n     transform: ['browserify-shim']\n   },\n   dist: { files: { 'assets\/js\/main.js': 'assets\/js\/components\/main.js' } }\n}<\/pre>\n
And finally configure your shimmed packages in your package.json file.<\/p>\n
\"browserify-shim\": {\n   \"backbone\": \"global:Backbone\",\n   \"jquery\": \"global:jQuery\"\n},<\/pre>\n
Now if you or a package you are using requires either of those packages, Browserify will use WordPress’s global versions–as long as you remember to add them to your scripts dependencies in the wp_enqueue_script<\/code> call, rather than bundling the npm version of the package with the compiled script. This both saves bandwith and integrates better with WordPress.<\/p>\n
If you are using any other scripts from WordPress core or elsewhere that you want to shim in as well just add to that section in the package.json file. Place\u00a0the npm name of the package on the left and “global:” followed by the global variable exposed by the package on the right.<\/p>\n
Writing JavaScript OF\u00a0THE FUTURE<\/h3>\n
JavaScript, like the rest of the web platform, is always\u00a0being revised and improved. The next version of the JavaScript standard, called\u00a0ES2015, includes many new language features that are not yet implemented in most browsers<\/a>, but are interesting and useful additions. Take a look\u00a0at this\u00a0listing of new features in ES2015<\/a> for a better idea.<\/p>\n
To get access to these features early, we can use Babel, which is a JavaScript compiler that brings features of future\u00a0standards of JavaScript to browsers today. Fortunately for us, there is a transform for Browserify that\u00a0runs\u00a0code through Babel while doing the normal Browserify compilation. Getting Babel up and running is as simple as running:<\/p>\n
npm install --save-dev babelify<\/pre>\n
And adding the transform to your Browserify task:<\/p>\n
browserify: {\n  options: {\n    transform: ['browserify-shim', 'babelify']\n  },\n  dist: { files: { 'assets\/js\/main.js': 'assets\/js\/components\/main.js' } }\n}<\/pre>\n
Now whenever you compile your scripts using Browserify they are automatically run through Babel as well, so you are free to use the new features of ES2015 without fear of compatibility issues.<\/p>\n
Welcome to the Next Ten Minutes<\/h3>\n
With those small changes to your Javascript\u00a0workflow you have multi-file compiled ES2015 Javascript which plays nice with WordPress included scripts–pretty neat right?<\/p>\n
Even cooler? If you use generator-plugin-wp<\/a>, which I covered in a previous post<\/a>, you get this workflow by default as of version 0.6.0! Just running yo plugin-wp:js in your plugin folder and selecting the Browserify option gives you properly shimmed jQuery (with everything setup to easily add other WordPress scripts you are using), and Babel running through Grunt!<\/p>\n
Of course the Javascript ecosystem is evolving so quickly that there will be even bigger and better ways to do all of this and more! It always helps to keep your ears and eyes open for ways to keep improving and streamlining. Have any questions? Shoot ’em to me in the comments!<\/p>\n","protected":false},"excerpt":{"rendered":"
Not too long ago,\u00a0I walked through the basics of using Browserify to organize\u00a0and improve your JavaScript. Let’s build on that and take it to the next level while smoothly integrating with WordPress’ built-in JavaScript interface.<\/p>\n","protected":false},"author":46,"featured_media":11713,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[140,319,185,142],"tags":[507,387,189,659,478],"coauthors":[13429],"class_list":["post-11256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-products","category-products-we-love","category-wordpress","tag-browserify","tag-javascript-2","tag-tutorial","tag-wordpress-javascript","tag-wordpress-tutorial"],"acf":{"blog_hero_image":null},"yoast_head":"\nModernize Your WordPress JavaScript - WebDevStudios.com<\/title>\n<meta name=\"description\" content=\"Camden gives you a quick rundown on how to modernize your WordPress JavaScript!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modernize Your Wordpress JavaScript\" \/>\n<meta property=\"og:description\" content=\"Camden gives you a quick rundown on how to modernize your WordPress JavaScript!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDevStudios\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/webdevstudios\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-03T16:54:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-15T16:03:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"851\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Camden Segal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webdevstudios\" \/>\n<meta name=\"twitter:site\" content=\"@webdevstudios\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Camden Segal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/\"},\"author\":{\"name\":\"Camden Segal\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/person\\\/82ed512295976e49907010f3490989c2\"},\"headline\":\"Modernize Your WordPress JavaScript\",\"datePublished\":\"2015-09-03T16:54:23+00:00\",\"dateModified\":\"2024-04-15T16:03:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/\"},\"wordCount\":618,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Modernize-Your-Wordpress-JavaScript-1.jpg\",\"keywords\":[\"browserify\",\"javascript\",\"tutorial\",\"wordpress javascript\",\"WordPress tutorial\"],\"articleSection\":[\"Development\",\"Products\",\"Products We Love\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/\",\"name\":\"Modernize Your WordPress JavaScript - WebDevStudios.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Modernize-Your-Wordpress-JavaScript-1.jpg\",\"datePublished\":\"2015-09-03T16:54:23+00:00\",\"dateModified\":\"2024-04-15T16:03:45+00:00\",\"description\":\"Camden gives you a quick rundown on how to modernize your WordPress JavaScript!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Modernize-Your-Wordpress-JavaScript-1.jpg\",\"contentUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Modernize-Your-Wordpress-JavaScript-1.jpg\",\"width\":851,\"height\":315,\"caption\":\"WordPress, JavaScript, Browserify, WordPress tutorial, How to learn WordPress, WordPress development, WebDevStudios\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2015\\\/09\\\/03\\\/modernize-wordpress-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/webdevstudios.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modernize Your WordPress JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#website\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/\",\"name\":\"WebDevStudios\",\"description\":\"WordPress Design and Development Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/webdevstudios.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#organization\",\"name\":\"WebDevStudios\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/wds-amp-logo.png\",\"contentUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/wds-amp-logo.png\",\"width\":173,\"height\":60,\"caption\":\"WebDevStudios\"},\"image\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/facebook.com\\\/webdevstudios\",\"https:\\\/\\\/x.com\\\/webdevstudios\",\"http:\\\/\\\/instagram.com\\\/webdevstudios\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/webdevstudios-llc-\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/person\\\/82ed512295976e49907010f3490989c2\",\"name\":\"Camden Segal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g4d2650ff7fd93cb54809dd154b7add1c\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g\",\"caption\":\"Camden Segal\"},\"url\":\"https:\\\/\\\/webdevstudios.com\\\/author\\\/camden\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Modernize Your WordPress JavaScript - WebDevStudios.com","description":"Camden gives you a quick rundown on how to modernize your WordPress JavaScript!","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:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Modernize Your Wordpress JavaScript","og_description":"Camden gives you a quick rundown on how to modernize your WordPress JavaScript!","og_url":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/","og_site_name":"WebDevStudios","article_publisher":"http:\/\/facebook.com\/webdevstudios","article_published_time":"2015-09-03T16:54:23+00:00","article_modified_time":"2024-04-15T16:03:45+00:00","og_image":[{"width":851,"height":315,"url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg","type":"image\/jpeg"}],"author":"Camden Segal","twitter_card":"summary_large_image","twitter_creator":"@webdevstudios","twitter_site":"@webdevstudios","twitter_misc":{"Written by":"Camden Segal","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#article","isPartOf":{"@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/"},"author":{"name":"Camden Segal","@id":"https:\/\/webdevstudios.com\/#\/schema\/person\/82ed512295976e49907010f3490989c2"},"headline":"Modernize Your WordPress JavaScript","datePublished":"2015-09-03T16:54:23+00:00","dateModified":"2024-04-15T16:03:45+00:00","mainEntityOfPage":{"@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/"},"wordCount":618,"commentCount":4,"publisher":{"@id":"https:\/\/webdevstudios.com\/#organization"},"image":{"@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg","keywords":["browserify","javascript","tutorial","wordpress javascript","WordPress tutorial"],"articleSection":["Development","Products","Products We Love","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/","url":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/","name":"Modernize Your WordPress JavaScript - WebDevStudios.com","isPartOf":{"@id":"https:\/\/webdevstudios.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#primaryimage"},"image":{"@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg","datePublished":"2015-09-03T16:54:23+00:00","dateModified":"2024-04-15T16:03:45+00:00","description":"Camden gives you a quick rundown on how to modernize your WordPress JavaScript!","breadcrumb":{"@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#primaryimage","url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg","contentUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg","width":851,"height":315,"caption":"WordPress, JavaScript, Browserify, WordPress tutorial, How to learn WordPress, WordPress development, WebDevStudios"},{"@type":"BreadcrumbList","@id":"https:\/\/webdevstudios.com\/2015\/09\/03\/modernize-wordpress-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdevstudios.com\/"},{"@type":"ListItem","position":2,"name":"Modernize Your WordPress JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/webdevstudios.com\/#website","url":"https:\/\/webdevstudios.com\/","name":"WebDevStudios","description":"WordPress Design and Development Agency","publisher":{"@id":"https:\/\/webdevstudios.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdevstudios.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdevstudios.com\/#organization","name":"WebDevStudios","url":"https:\/\/webdevstudios.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevstudios.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2019\/07\/wds-amp-logo.png","contentUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2019\/07\/wds-amp-logo.png","width":173,"height":60,"caption":"WebDevStudios"},"image":{"@id":"https:\/\/webdevstudios.com\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/webdevstudios","https:\/\/x.com\/webdevstudios","http:\/\/instagram.com\/webdevstudios","https:\/\/www.linkedin.com\/company\/webdevstudios-llc-\/"]},{"@type":"Person","@id":"https:\/\/webdevstudios.com\/#\/schema\/person\/82ed512295976e49907010f3490989c2","name":"Camden Segal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g4d2650ff7fd93cb54809dd154b7add1c","url":"https:\/\/secure.gravatar.com\/avatar\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g","caption":"Camden Segal"},"url":"https:\/\/webdevstudios.com\/author\/camden\/"}]}},"jetpack_featured_media_url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/09\/Modernize-Your-Wordpress-JavaScript-1.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3WX6u-2Vy","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/posts\/11256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/comments?post=11256"}],"version-history":[{"count":0,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/posts\/11256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/media\/11713"}],"wp:attachment":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/media?parent=11256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/categories?post=11256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/tags?post=11256"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/coauthors?post=11256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}