{"id":21585,"date":"2018-05-04T12:15:22","date_gmt":"2018-05-04T09:15:22","guid":{"rendered":"https:\/\/www.webcodegeeks.com\/?p=21585"},"modified":"2018-05-03T10:35:47","modified_gmt":"2018-05-03T07:35:47","slug":"debug-node-js-effectively-with-chrome-devtools","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/","title":{"rendered":"Debug Node.js Effectively with Chrome DevTools"},"content":{"rendered":"<p>Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post describes how to efficiently debug Node.js programs using the latest Google Chrome DevTools.<\/p>\n<p>A lot of developers use console.log in order to debug their application. But why? The answer is easy: It\u2019s inconvenient to use the debugger if you haven\u2019t set up your environment correctly.<\/p>\n<h2>Why console.log Is Not the Best Option<\/h2>\n<p>Using console.log to debug your code generally sends you into an infinite loop of stopping your app, adding a console.log, and starting your app again. Besides slowing down the development of your app, it also makes your writing dirty and creates unnecessary code. Also, trying to log out variables alongside the noise of other potential logging operations may make debugging difficult when you\u2019re attempting to find the values you are debugging.<\/p>\n<p>Debugging tools provide you with a few important functionalities that console.log isn\u2019t able to provide. In particular, they let you pause the execution of your application at specific points in the code and inspect and modify the values of the variables while the program is still running.<\/p>\n<h2>The Built-in Debugger of Node.js<\/h2>\n<p>Node.js ships with a built-in debugging facility. If you start your application on the command line with <code>node debug index.js<\/code> where <code>index.js<\/code> is the starting point of your application, then it is started in debug mode.<\/p>\n<p>This command has two effects:<\/p>\n<ul>\n<li>You start an interactive debugging shell.<\/li>\n<li>And you open a TCP connection on port 5858 where you can connect a remote debugger with your application.<\/li>\n<\/ul>\n<p>The CLI debugger is an uncomfortable solution directly after debugging with console.log. But you have a set of commands that make it possible to navigate within your application at runtime.<\/p>\n<pre class=\"brush:php\">$ node debug index.js<\/pre>\n<h2>Advanced Debugging<\/h2>\n<p>Chrome and Node.js share the same JavaScript engine with V8, so it should be possible to use the same tools for debugging and profiling your applications.<\/p>\n<p>For older versions of Node.js, there was a tool called node-inspector that connected the V8 engine of Node with Chrome Developer Tools. It doesn\u2019t work for current Node.js versions, but in May 2016, the <code>--inspect<\/code> flag landed in Node.js and with it a much better debugging support.<\/p>\n<p>In contrast to node-inspector, you don\u2019t have to install any additional module in order to get the <code>--inspect<\/code> flag working. You just have to start your application with this flag.<\/p>\n<pre class=\"brush:php\">$ node--inspect index.js<\/pre>\n<p>As soon as you start your application, Node.js provides you with a URL that you copy to the address field of your Chrome browser. Your browser then connects to your Node.js instance and lets you debug and profile your application. This includes setting breakpoints and watch expressions or capturing memory snapshots of your application.<\/p>\n<figure id=\"attachment_21590\" aria-describedby=\"caption-attachment-21590\" style=\"width: 820px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/ffc.png\"><img decoding=\"async\" class=\"wp-image-21590\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/ffc.png\" alt=\"\" width=\"820\" height=\"429\" srcset=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/ffc.png 1438w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/ffc-300x157.png 300w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/ffc-768x402.png 768w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/ffc-1024x536.png 1024w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/a><figcaption id=\"caption-attachment-21590\" class=\"wp-caption-text\">Debug your Node.js application with Chrome Developer Tools<\/figcaption><\/figure>\n<h2>IDE Debugging (VS Code)<\/h2>\n<p>Most of the current IDEs support debugging of Node.js applications, such as WebStorm, Eclipse, or Visual Studio Code.<\/p>\n<p>It\u2019s surprisingly easy to get your debugging environment started in Visual Studio Code, which is by the way just another Node.js application. You just have to hit the debug button on the left side of the window and select the environment you want to debug (Node.js).<\/p>\n<p>Visual Studio Code then creates the launch configuration for you and saves it to the <code>.vscode\/launch.json<\/code> file in the root folder of your application. Depending on the starting point of your application, you have to make an adjustment here. VS Code expects your application to start at <code>app.js<\/code>. If you name the starting point differently, just go to <code>launch.json<\/code> and change the value of the program key. After that, you can launch your debugger and have a look at your application.<\/p>\n<p><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/NodeDebug-VSC.png\"><img decoding=\"async\" class=\"aligncenter wp-image-21591\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/NodeDebug-VSC.png\" alt=\"\" width=\"820\" height=\"452\" srcset=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/NodeDebug-VSC.png 1155w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/NodeDebug-VSC-300x165.png 300w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/NodeDebug-VSC-768x423.png 768w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/05\/NodeDebug-VSC-1024x564.png 1024w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/a><\/p>\n<p>Let\u2019s use a simple web server as an example. In order to debug this application, you have to set a breakpoint (by clicking to the left of the line number), launch the debugger, and go to the server URL in your local browser. The application then automatically stops at your breakpoint and you can start stepping through your code.<\/p>\n<p>As you see, there\u2019s no more need for console.log statements to debug your application code. Just start the debugger of your choice and have a comfortable interface to have a look at your code at runtime.<\/p>\n<div class=\"attribution\">\n<table>\n<tbody>\n<tr>\n<td>Published on Web Code Geeks with permission by Habeeb Bombata, partner at our <a href=\"\/\/www.webcodegeeks.com\/join-us\/wcg\/\" target=\"_blank\" rel=\"noopener\">WCG program<\/a>. See the original article here: <a href=\"https:\/\/blog.codeship.com\/debug-node-js-effectively-with-chrome-devtools\/\" target=\"_blank\" rel=\"noopener\">Debug Node.js Effectively with Chrome DevTools<\/a><\/p>\n<p>Opinions expressed by Web Code Geeks contributors are their own.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post describes how to efficiently debug Node.js programs using the latest Google Chrome DevTools. A lot of developers use console.log in order to debug their application. But why? The answer is &hellip;<\/p>\n","protected":false},"author":5431,"featured_media":924,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-21585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-node-js"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Debug Node.js Effectively with Chrome DevTools - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post\" \/>\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.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debug Node.js Effectively with Chrome DevTools - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-04T09:15:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Habeeb Bombata\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Nottherealilest\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Habeeb Bombata\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\"},\"author\":{\"name\":\"Habeeb Bombata\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/430dc07b8a8690d668c8f84f4de7a23f\"},\"headline\":\"Debug Node.js Effectively with Chrome DevTools\",\"datePublished\":\"2018-05-04T09:15:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\"},\"wordCount\":777,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg\",\"articleSection\":[\"Node.js\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\",\"name\":\"Debug Node.js Effectively with Chrome DevTools - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg\",\"datePublished\":\"2018-05-04T09:15:22+00:00\",\"description\":\"Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Node.js\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/node-js\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Debug Node.js Effectively with Chrome DevTools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/430dc07b8a8690d668c8f84f4de7a23f\",\"name\":\"Habeeb Bombata\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5cc1e9c5ee5f2975666cf8373a79a50e2e49b9ccec829f419703096becd77d8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5cc1e9c5ee5f2975666cf8373a79a50e2e49b9ccec829f419703096becd77d8e?s=96&d=mm&r=g\",\"caption\":\"Habeeb Bombata\"},\"description\":\"Habeeb Bombata is a UI\/UX designer with a love for JavaScript, transitioning to full stack.\",\"sameAs\":[\"https:\/\/blog.codeship.com\/\",\"https:\/\/x.com\/Nottherealilest\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/habeeb-bombata\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Debug Node.js Effectively with Chrome DevTools - Web Code Geeks - 2026","description":"Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post","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.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/","og_locale":"en_US","og_type":"article","og_title":"Debug Node.js Effectively with Chrome DevTools - Web Code Geeks - 2026","og_description":"Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2018-05-04T09:15:22+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg","type":"image\/jpeg"}],"author":"Habeeb Bombata","twitter_card":"summary_large_image","twitter_creator":"@Nottherealilest","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Habeeb Bombata","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/"},"author":{"name":"Habeeb Bombata","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/430dc07b8a8690d668c8f84f4de7a23f"},"headline":"Debug Node.js Effectively with Chrome DevTools","datePublished":"2018-05-04T09:15:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/"},"wordCount":777,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg","articleSection":["Node.js"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/","name":"Debug Node.js Effectively with Chrome DevTools - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg","datePublished":"2018-05-04T09:15:22+00:00","description":"Debugging is the task of identifying and removing errors from software applications, and it\u2019s more than just printing out values in your code. This post","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/nodejs-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/node-js\/debug-node-js-effectively-with-chrome-devtools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"Node.js","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/node-js\/"},{"@type":"ListItem","position":4,"name":"Debug Node.js Effectively with Chrome DevTools"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/430dc07b8a8690d668c8f84f4de7a23f","name":"Habeeb Bombata","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5cc1e9c5ee5f2975666cf8373a79a50e2e49b9ccec829f419703096becd77d8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5cc1e9c5ee5f2975666cf8373a79a50e2e49b9ccec829f419703096becd77d8e?s=96&d=mm&r=g","caption":"Habeeb Bombata"},"description":"Habeeb Bombata is a UI\/UX designer with a love for JavaScript, transitioning to full stack.","sameAs":["https:\/\/blog.codeship.com\/","https:\/\/x.com\/Nottherealilest"],"url":"https:\/\/www.webcodegeeks.com\/author\/habeeb-bombata\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/21585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/5431"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=21585"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/21585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/924"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=21585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=21585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=21585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}