{"id":210,"date":"2013-09-03T10:30:26","date_gmt":"2013-09-03T07:30:26","guid":{"rendered":"http:\/\/www.coding-dude.com\/wp\/?p=210"},"modified":"2018-07-06T17:16:21","modified_gmt":"2018-07-06T14:16:21","slug":"how-to-create-simple-jquery-plugin","status":"publish","type":"post","link":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/","title":{"rendered":"How to create a simple jQuery plugin with example"},"content":{"rendered":"<div class=\"9db0862b9cf2e44f8d962262c5a80491\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"ca-pub-3421619882899259\";\r\n\/* Coding Dude Medium Banner *\/\r\ngoogle_ad_slot = \"2969896483\";\r\ngoogle_ad_width = 468;\r\ngoogle_ad_height = 60;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n<p>jQuery is one of the most popular, if not the most, JavaScript library in use today on the web. It&#8217;s been around for a while and web developers have been using it for almost anything from animation to dynamic styling to complex rich user interface applications.<\/p>\n<p>I have to be honest, I like jQuery. I&#8217;ve been using other JavaScript libraries like YUI or Dojo, and they all have their advantages and draw backs, but to me jQuery seems to have the most natural usage. Of course, it&#8217;s just a matter of taste here.<\/p>\n<p>In this post I will show you one of the features of jQuery: the jQuery plugins. Plugins is a way to extend the functionality of jQuery creating components similar to the core components of jQuery. To explain better what plugins are I will show you how to create a simple jQuery plugin. The plugin I though of creating is called <strong>linkHighlighter<\/strong> and what it will do is take all the links on a page and highlighting them by changing the background color.<\/p>\n<h2>Basic jQuery plugin structure<\/h2>\n<p>The jQuery documentation is very clean and straight forwards, another reason to like jQuery, and regarding plugins the documentation is quite simple to follow and you can find it here <a title=\"how to create a basic jquery plugin\" href=\"\/\/learn.jquery.com\/plugins\/basic-plugin-creation\/\" target=\"_blank\">How to create a basic plugin<\/a>.<\/p>\n<p>jQuery is used by calling various functions of the root object called <strong>jQuery<\/strong> which is most of the times aliased using <strong>$<\/strong>. Creating a plugin means simply adding a function containing your code to the root object. You don&#8217;t add your function directly in the root, but in the\u00a0<strong>$.fn<\/strong> object.<\/p>\n<pre class=\"prettyprint javascript\">$.fn.linkHighlighter = function(){.... my function ....}<\/pre>\n<p>After doing this you can simply call the plugin like this<\/p>\n<pre class=\"prettyprint javascript\">$(<em>HTML elements<\/em>).linkHighlighter();<\/pre>\n<p>and this will call on your implementation and apply it to the selected HTML element(s).<\/p>\n<h2>The right way to write jQuery plugins<\/h2>\n<p>While the code described above will work for a simple example, you have to keep in mind that in order for the plugin to work properly in all situations there are some steps to take when writing a plugin.<\/p>\n<p>First, you have to make sure that the <strong>$<\/strong> is not already in use for pointing to something else than the jQuery object. Also, sometimes it happens that 2 or more jQuery versions are in use &#8211; this is not recommended at all &#8211; then conflicts may occur and the code might not be executed correctly.<\/p>\n<p>jQuery offers the possibility of avoiding naming conflicts like this<\/p>\n<pre class=\"prettyprint javascript\">\/\/ restores the $ alias to it's original \r\n\/\/(in case other libraries make use of it)\r\n$.noConflict();<\/pre>\n<p>You can read more about this in the <a title=\"jquery noconflict\" href=\"\/\/api.jquery.com\/jQuery.noConflict\/\" target=\"_blank\">jQuery API reference for noConflict<\/a>.<\/p>\n<p>Also, a neat trick that you can do is to use anonymous function call in which you can locally use the <strong>$<\/strong> alias.<\/p>\n<pre class=\"prettyprint javascript\"><em>\/\/anonymous function with $ as parameter\r\n\/\/the function is called using the jQuery object\r\n\/\/allowing you to use $ as an alias for the jQuery object<\/em>\r\n(function($){\r\n.....\r\n})(jQuery);<\/pre>\n<p>Inside the anonymous function you have to add your plugin to the $.fn object like this<\/p>\n<pre class=\"prettyprint javascript\">$.noConflict();\r\n(function($){\r\n\t$.fn.linkHighlighter = function(){\r\n\t\t\/\/code for the plugin goes here\r\n\t\t...\r\n\t};\r\n})(jQuery);<\/pre>\n<p>There are 2 more things to add to the code for it to become a template for writing jQuery plugins the right way:<\/p>\n<ol>\n<li>options &#8211; almost all plugins will have a mechanism through which you can pass parameters and customize the behavior of the plugin;<\/li>\n<li>chaining &#8211; in order for the plug in to behave like all other components in jQuery, you need that the function implementing the logic of your plugin to return a reference to itself such that other calls can be made in a &#8220;chain&#8221;; eg. <em>$(&#8220;#id&#8221;).linkHighlighter().css({&#8220;backgroundColor&#8221;:&#8221;red&#8221;});\u00a0<\/em>this code executes the plugin and then the objects selected have their background color set to red; this is made possible by chaining so theoretically you could continue calling functions on the selected elements an indefinite number of times by using the <strong><em>dot\u00a0operator<\/em><\/strong>.<\/li>\n<\/ol>\n<p>Let&#8217;s see how our plugin will look like with the 2 included<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"prettyprint javascript\">$.noConflict();\r\n(function($){\r\n\t$.fn.linkHighlighter = function(options){\r\n                \/\/use extend to merge the parameters given by the user of\r\n                \/\/the plugin with the default options\r\n                var settings = $.extend(\r\n                             {\r\n                               \"highlightColor\":\"red\",\r\n                               \"linkColor\":\"white\"\r\n                             },options);\r\n\t\t\/\/code for the plugin goes here\r\n\t\t...\r\n                \/\/return a reference to the jQuery object for chaining\r\n                return this;\r\n\t};\r\n})(jQuery);<\/pre>\n<p>So, we&#8217;ve used the\u00a0<em>extend\u00a0<\/em>function to merge the parameters given by the user with the plugin default parameters and we have return a reference to the jQuery object which will allow calling other jQuery functions on the objects selected after we call the plugin.<\/p>\n<p>That&#8217;s the basic correct structure for a jQuery plugin. Now let&#8217;s see the full plugin code, how to call it and what it does.<\/p>\n<h2>Link highlighter jQuery plugin source code<\/h2>\n<p>For the plugin to actually do something we will have to add the code that actually highlights the links in the document. To do this we will have to use the parameters passed to the plugin and set the CSS styles for the background color of the links and the text color of the link.<\/p>\n<p>So the code will look something like:<\/p>\n<pre class=\"prettyprint javascript\">$.noConflict();\r\n(function($){\r\n\t$.fn.linkHighlighter = function(options){\r\n                \/\/use extend to merge the parameters given by the user of\r\n                \/\/the plugin with the default options\r\n                var settings = $.extend(\r\n                             {\r\n                               \"highlightColor\":\"red\",\r\n                               \"linkColor\":\"white\"\r\n                             },options);\r\n\t\t\/\/code for the plugin goes here\r\n\t\tthis.css(\r\n                         {\r\n                           \"backgroundColor\":settings.highlightColor,\r\n                           \"color\":settings.linkColor\r\n                         }\r\n                );\r\n                \/\/return a reference to the jQuery object for chaining\r\n                return this;\r\n\t};\r\n})(jQuery);<\/pre>\n<p>The\u00a0<em>css\u00a0<\/em>jQuery function will set the style for the elements selected in the plugin. To call the plugin you need to do the following in your script section:<\/p>\n<pre class=\"prettyprint javascript\">jQuery(\"a\").linkHighlighter();<\/pre>\n<p>This will select all links in the document and highlight them using the default colors. To customize the colors you need to call the plugin like this:<\/p>\n<pre class=\"prettyprint javascript\">jQuery(\"a\").linkHighlighter(\r\n     {\"highlightColor\":\"yellow\",\"linkColor\":\"black\"}\r\n);<\/pre>\n<p>To see this plugin in action I&#8217;ve added it to the page so if you <a title=\"link highlighter jquery plugin default colors\" href=\"javascript:jQuery('a').linkHighlighter()\">click on this link<\/a> you activate the plugin with the default settings and <a title=\"jquery link highlighter plugin customized parameters\" href=\"javascript:jQuery('a').linkHighlighter({'highlightColor':'yellow','linkColor':'black'})\">this link<\/a> with the customized colors. Give it a try!<\/p>\n\n<p>Hope you&#8217;ve enjoyed this article and found it very useful. Don&#8217;t hesitate to drop me a comment if you have any comments or remarks.<\/p>\n<p><script type=\"text\/javascript\">\/\/ <![CDATA[\n(function($){ \t$.fn.linkHighlighter = function(options){                 \nvar settings = $.extend(                              {                                \"highlightColor\":\"red\",                                \"linkColor\":\"white\"                              },options); \t\t\nthis.css(                          {                            \"backgroundColor\":settings.highlightColor,                            \"color\":settings.linkColor                          }                 );                 \nreturn this; \t}; })(jQuery);\n\/\/ ]]><\/script><\/p>\n<!--CusAds0-->\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>jQuery is one of the most popular, if not the most, JavaScript library in use today on the web. It&#8217;s been around for a while and web developers have been using it for almost anything from animation to dynamic styling to complex rich user interface applications. I have to be honest, I like jQuery. I&#8217;ve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[167],"tags":[],"class_list":["post-210","post","type-post","status-publish","format-standard","hentry","category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to create a simple jQuery plugin with example - Coding Dude<\/title>\n<meta name=\"description\" content=\"jQuery plugins are a very easy way to extend jQuery functionality. In this post I will show you the basics of writing jQuery plugins with a working example.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create a simple jQuery plugin with example - Coding Dude\" \/>\n<meta property=\"og:description\" content=\"jQuery plugins are a very easy way to extend jQuery functionality. In this post I will show you the basics of writing jQuery plugins with a working example.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Coding Dude\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-03T07:30:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-06T14:16:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2023\/05\/coding-dude.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1792\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"John Negoita\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codingdudecom\" \/>\n<meta name=\"twitter:site\" content=\"@codingdudecom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"John Negoita\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/\"},\"author\":{\"name\":\"John Negoita\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#\\\/schema\\\/person\\\/29b7100b9ec7bb332359bd9fcba98370\"},\"headline\":\"How to create a simple jQuery plugin with example\",\"datePublished\":\"2013-09-03T07:30:26+00:00\",\"dateModified\":\"2018-07-06T14:16:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/\"},\"wordCount\":866,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#organization\"},\"articleSection\":[\"Web design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/\",\"name\":\"How to create a simple jQuery plugin with example - Coding Dude\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#website\"},\"datePublished\":\"2013-09-03T07:30:26+00:00\",\"dateModified\":\"2018-07-06T14:16:21+00:00\",\"description\":\"jQuery plugins are a very easy way to extend jQuery functionality. In this post I will show you the basics of writing jQuery plugins with a working example.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/web-design\\\/how-to-create-simple-jquery-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create a simple jQuery plugin with example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/\",\"name\":\"Coding Dude\",\"description\":\"Coding tutorials, tips and tricks\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#organization\",\"name\":\"Coding Dude\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/codingdude-logo-wide.jpg\",\"contentUrl\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/codingdude-logo-wide.jpg\",\"width\":226,\"height\":60,\"caption\":\"Coding Dude\"},\"image\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/codingdudecom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#\\\/schema\\\/person\\\/29b7100b9ec7bb332359bd9fcba98370\",\"name\":\"John Negoita\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d51d5d54d4c51f0a7bfe39333bd98cfc5245ab49433be692fce26b741c08181e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d51d5d54d4c51f0a7bfe39333bd98cfc5245ab49433be692fce26b741c08181e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d51d5d54d4c51f0a7bfe39333bd98cfc5245ab49433be692fce26b741c08181e?s=96&d=mm&r=g\",\"caption\":\"John Negoita\"},\"description\":\"I'm a Java programmer, been into programming since 1999 and having tons of fun with it.\",\"sameAs\":[\"http:\\\/\\\/www.coding-dude.com\",\"https:\\\/\\\/x.com\\\/codingdudecom\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create a simple jQuery plugin with example - Coding Dude","description":"jQuery plugins are a very easy way to extend jQuery functionality. In this post I will show you the basics of writing jQuery plugins with a working example.","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:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/","og_locale":"en_US","og_type":"article","og_title":"How to create a simple jQuery plugin with example - Coding Dude","og_description":"jQuery plugins are a very easy way to extend jQuery functionality. In this post I will show you the basics of writing jQuery plugins with a working example.","og_url":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/","og_site_name":"Coding Dude","article_published_time":"2013-09-03T07:30:26+00:00","article_modified_time":"2018-07-06T14:16:21+00:00","og_image":[{"width":1792,"height":1024,"url":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2023\/05\/coding-dude.jpg","type":"image\/jpeg"}],"author":"John Negoita","twitter_card":"summary_large_image","twitter_creator":"@codingdudecom","twitter_site":"@codingdudecom","twitter_misc":{"Written by":"John Negoita","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/#article","isPartOf":{"@id":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/"},"author":{"name":"John Negoita","@id":"https:\/\/www.coding-dude.com\/wp\/#\/schema\/person\/29b7100b9ec7bb332359bd9fcba98370"},"headline":"How to create a simple jQuery plugin with example","datePublished":"2013-09-03T07:30:26+00:00","dateModified":"2018-07-06T14:16:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/"},"wordCount":866,"commentCount":1,"publisher":{"@id":"https:\/\/www.coding-dude.com\/wp\/#organization"},"articleSection":["Web design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/","url":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/","name":"How to create a simple jQuery plugin with example - Coding Dude","isPartOf":{"@id":"https:\/\/www.coding-dude.com\/wp\/#website"},"datePublished":"2013-09-03T07:30:26+00:00","dateModified":"2018-07-06T14:16:21+00:00","description":"jQuery plugins are a very easy way to extend jQuery functionality. In this post I will show you the basics of writing jQuery plugins with a working example.","breadcrumb":{"@id":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.coding-dude.com\/wp\/web-design\/how-to-create-simple-jquery-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.coding-dude.com\/wp\/"},{"@type":"ListItem","position":2,"name":"How to create a simple jQuery plugin with example"}]},{"@type":"WebSite","@id":"https:\/\/www.coding-dude.com\/wp\/#website","url":"https:\/\/www.coding-dude.com\/wp\/","name":"Coding Dude","description":"Coding tutorials, tips and tricks","publisher":{"@id":"https:\/\/www.coding-dude.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.coding-dude.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.coding-dude.com\/wp\/#organization","name":"Coding Dude","url":"https:\/\/www.coding-dude.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.coding-dude.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2018\/05\/codingdude-logo-wide.jpg","contentUrl":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2018\/05\/codingdude-logo-wide.jpg","width":226,"height":60,"caption":"Coding Dude"},"image":{"@id":"https:\/\/www.coding-dude.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/codingdudecom"]},{"@type":"Person","@id":"https:\/\/www.coding-dude.com\/wp\/#\/schema\/person\/29b7100b9ec7bb332359bd9fcba98370","name":"John Negoita","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d51d5d54d4c51f0a7bfe39333bd98cfc5245ab49433be692fce26b741c08181e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d51d5d54d4c51f0a7bfe39333bd98cfc5245ab49433be692fce26b741c08181e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d51d5d54d4c51f0a7bfe39333bd98cfc5245ab49433be692fce26b741c08181e?s=96&d=mm&r=g","caption":"John Negoita"},"description":"I'm a Java programmer, been into programming since 1999 and having tons of fun with it.","sameAs":["http:\/\/www.coding-dude.com","https:\/\/x.com\/codingdudecom"]}]}},"jetpack_featured_media_url":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/posts\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":19,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/posts\/210\/revisions"}],"predecessor-version":[{"id":237,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/posts\/210\/revisions\/237"}],"wp:attachment":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/media?parent=210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/categories?post=210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/tags?post=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}