{"id":3050,"date":"2015-04-03T12:15:32","date_gmt":"2015-04-03T09:15:32","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=3050"},"modified":"2018-01-10T15:09:14","modified_gmt":"2018-01-10T13:09:14","slug":"javascript-number-format-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/","title":{"rendered":"Javascript Number Format Example"},"content":{"rendered":"<p>We&#8217;ve all had to customize the formatting of a specific number, or a ton of them.<\/p>\n<p>Most of the time, if you have to format  many numbers, it&#8217;s boring and annoying to format each one of them, so that&#8217;s why  we use some specific ways in Javascript.<\/p>\n<h2>Adding commas<\/h2>\n<p>One of the most typical formatting you do to numbers is adding commas to big numbers, especially to identify thousands or millions.<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n[ulp id=&#8217;tCIwOngQUb3zSUuF&#8217;]<br \/>\n&nbsp;<br \/>\nThe code would go like this:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nfunction numberWithCommas(x) {\r\n    var parts = x.toString().split(&quot;.&quot;);\r\n    parts&#x5B;0] = parts&#x5B;0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, &quot;,&quot;);\r\n    return parts.join(&quot;.&quot;);\r\n}\r\n\r\nvar a;\r\na = numberWithCommas(1234567.89);\r\n<\/pre>\n<p>In this function we&#8217;ve taken the number as an argument, turned it into a string, and split the decimal part from the most significant part of the number. Then we&#8217;ve put a comma after each three digits in the main number, starting from the least significant one. To finish up, we&#8217;ve joined the number with it&#8217;s decimal part, and there you go.<\/p>\n<h2>Rounding the number to a certain number of places<\/h2>\n<p>When turning in lab reports in some of my engineering subject, one of the things I hated most was when I was deducted points for not presenting some numbers in a specific precision or numbers after the decimal point (even if it was a full number! ). Then, I still didn&#8217;t know I could do this:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar num = 10;\r\nvar result = num.toFixed(2); \/\/  equal to 10.00\r\n\r\nnum = 930.9875;\r\nresult = num.toFixed(3); \/\/ equal to 930.988\r\n\r\nnum = 500.2349;\r\nresult = num.toPrecision(4); \/\/ equal to 500.2\r\n\r\nnum = 5000.2349;\r\nresult = num.toPrecision(4); \/\/ equal to 5000\r\n\r\nnum = 555.55;\r\nresult = num.toPrecision(2); \/\/ equal to 5.6e+2\r\n<\/pre>\n<p>As you can see, the function <code>toFixed()<\/code> rounds up the number so that it has as many digits after the decimal point as the number we give to it as an argument, while the function <code>toPrecision()<\/code> expresses the number  in as many digits as we have specified in the argument.<\/p>\n<p>However there are some versions of IE (less than 5.5) and NS (less than 6) that do not support these two methods, in which case, after detecting whether the browser supports the method or not, if not you&#8217;d have to create a much uglier and annoying function to solve these issues, though it&#8217;s still easy.<\/p>\n<h2>Currencies<\/h2>\n<p>The <code>toFixed()<\/code> method may be considered perfect for expressing number in the currency format, by some people. Of course, we the perfectionists want visible dollar signs there. I would recommend using these two libraries for that, and much more: <code><a href=\"http:\/\/openexchangerates.github.io\/accounting.js\/\" target=\"_blank\">accounting.js<\/a><\/code> and <code><a href=\"http:\/\/numeraljs.com\/\" target=\"_blank\">Numeral.js<\/a><\/code><\/p>\n<p><strong>accounting.js<\/strong><\/p>\n<p>This library features custom output formats, parsing\/unformatting of numbers, easy localisation and spreadsheet-style column formatting (to line up symbols and decimals). It has no dependencies and can be used for both client-side and server-side Javascript apps.<\/p>\n<p>It only has 5 methods:<\/p>\n<ol>\n<li><strong>formatMoney()<\/strong><\/li>\n<p>This method can be used for formatting numbers as money values, with currency signs, commas and precision. It can be used like this:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\naccounting.formatMoney(4999.99, &quot;\u20ac&quot;, 2, &quot;,&quot;, &quot;.&quot;); \/\/ \u20ac4,999.99\r\n<\/pre>\n<p>Still, you can just pass the number as an argument and by default it will format it with the dollar symbol. You can control the position of the currency symbol, whether you want it to be before the number or after it by using the method this way:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\naccounting.formatMoney(5318008, { symbol: &quot;GBP&quot;,  format: &quot;%v %s&quot; }); \/\/ 5,318,008.00 GBP\r\n<\/pre>\n<li><strong>formatColumn()<\/strong><\/li>\n<p>This method formats a list of data for table-like display.<\/p>\n<li><strong>formatNumber()<\/strong><\/li>\n<li><strong>toFixed()<\/strong><\/li>\n<p>These two methods are basically the same ones we explained for rounding numbers up, with minor changes in the <code>formatNumbers()<\/code> one.<\/p>\n<li><strong>unformat()<\/strong><\/li>\n<p>This method removes the formatting of a number presented in a specific form.\n<\/ol>\n<p><strong>Numeral.js<\/strong><\/p>\n<p>Using this library, numbers can be formatted to look like currency, bytes, percentages, or even plain numbers with decimal points and thousand separators (commas).<\/p>\n<p>The values are always accessible even though you&#8217;re using the functions contained by this library, which can come in handy at times. Also it gives you the opportunity to set e default formatting in general, and custom zero formatting for when the value is a zero. Also you can use thousand separators and abbreviations and also  currency symbols for specific languages.<br \/>\nIt is used like this:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar string = numeral(1000.234).format('$0,0.00');\r\n\/\/ '$1,000.23'\r\n<\/pre>\n<p>We put the number and the format  we want it to have, and the library&#8217;s function does all the work. This library was inspired and heavily influenced by <code>Moment.js<\/code>, which means it&#8217;s just as awesome, though simpler. And for those of you who want a challenge, the author wants help in improving it, so there&#8217;s your chance!<\/p>\n<h2>Download the source code <\/h2>\n<p>This was an example of number formatting using Javascript.<\/p>\n<div class=\"download\"><strong>Download<\/strong><br \/>You can download the full source code of this example here:  <strong><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2015\/03\/NumberFormatting.zip\">NumberFormatting<\/a><\/strong><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it&#8217;s boring and annoying to format each one of them, so that&#8217;s why we use some specific ways in Javascript. Adding commas One of the most typical formatting &hellip;<\/p>\n","protected":false},"author":25,"featured_media":920,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-3050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Javascript Number Format Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"We&#039;ve all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it&#039;s boring and\" \/>\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\/javascript-number-format-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript Number Format Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"We&#039;ve all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it&#039;s boring and\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/\" \/>\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:author\" content=\"https:\/\/www.facebook.com\/era.balliu.7\" \/>\n<meta property=\"article:published_time\" content=\"2015-04-03T09:15:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-10T13:09:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-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=\"Era Balliu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@BalliuEra\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Era Balliu\" \/>\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\/javascript-number-format-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/\"},\"author\":{\"name\":\"Era Balliu\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/c27ecf40c810e6396ba93ffb829c7b0e\"},\"headline\":\"Javascript Number Format Example\",\"datePublished\":\"2015-04-03T09:15:32+00:00\",\"dateModified\":\"2018-01-10T13:09:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/\"},\"wordCount\":800,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/\",\"name\":\"Javascript Number Format Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"datePublished\":\"2015-04-03T09:15:32+00:00\",\"dateModified\":\"2018-01-10T13:09:14+00:00\",\"description\":\"We've all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it's boring and\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#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\":\"Javascript Number Format Example\"}]},{\"@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\/c27ecf40c810e6396ba93ffb829c7b0e\",\"name\":\"Era Balliu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g\",\"caption\":\"Era Balliu\"},\"description\":\"Era is a Telecommunications Engineering student, with a great passion for new technologies. Up until now she has been coding with HTML\/CSS, Bootstrap and other front-end coding languages and frameworks, and her recent love is Angular JS.\",\"sameAs\":[\"http:\/\/www.webcodegeeks.com\/\",\"https:\/\/www.facebook.com\/era.balliu.7\",\"https:\/\/www.instagram.com\/eraballiu\/\",\"https:\/\/www.linkedin.com\/in\/eraballiu\",\"https:\/\/www.pinterest.com\/001r2gw0jt0ln6d\/\",\"https:\/\/x.com\/BalliuEra\",\"https:\/\/www.youtube.com\/c\/eraballiu\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/era-balliu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript Number Format Example - Web Code Geeks - 2026","description":"We've all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it's boring and","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\/javascript-number-format-example\/","og_locale":"en_US","og_type":"article","og_title":"Javascript Number Format Example - Web Code Geeks - 2026","og_description":"We've all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it's boring and","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_author":"https:\/\/www.facebook.com\/era.balliu.7","article_published_time":"2015-04-03T09:15:32+00:00","article_modified_time":"2018-01-10T13:09:14+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","type":"image\/jpeg"}],"author":"Era Balliu","twitter_card":"summary_large_image","twitter_creator":"@BalliuEra","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Era Balliu","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/"},"author":{"name":"Era Balliu","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/c27ecf40c810e6396ba93ffb829c7b0e"},"headline":"Javascript Number Format Example","datePublished":"2015-04-03T09:15:32+00:00","dateModified":"2018-01-10T13:09:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/"},"wordCount":800,"commentCount":1,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/","name":"Javascript Number Format Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","datePublished":"2015-04-03T09:15:32+00:00","dateModified":"2018-01-10T13:09:14+00:00","description":"We've all had to customize the formatting of a specific number, or a ton of them. Most of the time, if you have to format many numbers, it's boring and","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-number-format-example\/#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":"Javascript Number Format Example"}]},{"@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\/c27ecf40c810e6396ba93ffb829c7b0e","name":"Era Balliu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g","caption":"Era Balliu"},"description":"Era is a Telecommunications Engineering student, with a great passion for new technologies. Up until now she has been coding with HTML\/CSS, Bootstrap and other front-end coding languages and frameworks, and her recent love is Angular JS.","sameAs":["http:\/\/www.webcodegeeks.com\/","https:\/\/www.facebook.com\/era.balliu.7","https:\/\/www.instagram.com\/eraballiu\/","https:\/\/www.linkedin.com\/in\/eraballiu","https:\/\/www.pinterest.com\/001r2gw0jt0ln6d\/","https:\/\/x.com\/BalliuEra","https:\/\/www.youtube.com\/c\/eraballiu"],"url":"https:\/\/www.webcodegeeks.com\/author\/era-balliu\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/3050","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\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=3050"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/3050\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/920"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=3050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=3050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=3050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}