{"id":5100,"date":"2023-03-15T08:00:00","date_gmt":"2023-03-15T11:00:00","guid":{"rendered":"https:\/\/coodesh.com\/blog\/?p=5100"},"modified":"2024-01-05T07:40:00","modified_gmt":"2024-01-05T10:40:00","slug":"o-que-sao-web-components","status":"publish","type":"post","link":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/","title":{"rendered":"O que s\u00e3o web components?"},"content":{"rendered":"\n

Afinal, o que s\u00e3o web components? Eles s\u00e3o um dos elementos mais importantes do desenvolvimento front-end, principalmente quando consideramos o reuso de c\u00f3digo nas tarefas dos desenvolvedores. <\/p>\n\n\n\n

Por isso, o termo est\u00e1 presente no Dicion\u00e1rio Tech da Coodesh. Essa se\u00e7\u00e3o do blog \u00e9 voltada para desenvolvedores e entusiastas que querem aprender os conceitos dos principais termos usados na \u00e1rea do desenvolvimento de aplica\u00e7\u00f5es. Mas tamb\u00e9m \u00e9 direcionado para tech recruiters que querem conhecer um pouco mais sobre as tecnologias demandadas nas vagas para developers. <\/p>\n\n\n\n

Defini\u00e7\u00e3o<\/h2>\n\n\n\n

Segundo a defini\u00e7\u00e3o da documenta\u00e7\u00e3o do site Mozilla (MSDN Web Docs<\/a>), web components s\u00e3o uma su\u00edte de diferentes tecnologias que permitem a cria\u00e7\u00e3o de elementos customizados reutiliz\u00e1veis, com a funcionalidade separada do resto do seu c\u00f3digo, e que podem ser utilizados em suas aplica\u00e7\u00f5es web.\u00a0<\/p>\n\n\n\n

Para entender melhor seu funcionamento, \u00e9 importante lembrar que ele segue o conceito de reuso do c\u00f3digo. Afinal, reutilizar o c\u00f3digo \u00e9 uma sa\u00edda encontrada pelos desenvolvedores, mas isso n\u00e3o \u00e9 f\u00e1cil devido \u00e0s estruturas de marca\u00e7\u00e3o customizadas. O HTML, por exemplo, pode ser usado para renderizar controles UI customizados, mas se eles forem usados de maneira descontrolada podem deixar a sua aplica\u00e7\u00e3o desorganizada. <\/p>\n\n\n\n

Nesse sentido, os web components v\u00eam para resolver esses problemas sem provocar conflitos de c\u00f3digo, promovendo um perfeito funcionamento do website. <\/p>\n\n\n\n

Composi\u00e7\u00e3o <\/h2>\n\n\n\n

Os web components s\u00e3o formados por v\u00e1rias tecnologias separadas que consistem, basicamente, em quatro representa\u00e7\u00f5es: <\/p>\n\n\n\n

  1. Custom Elements: eles suportam Chrome 54+ e Opera 41+;<\/li>
  2. HTML Templates: \u00e9 suportado em Chrome 49+, Edge 13+, Safari 9.1+, iOS Safari 9.3+, Android 4.4+ e Firefox 47+;<\/li>
  3. Shadow DOM: tem suporte em Chrome 49, Safari 10, Android 4.4 com prefixo e Android 5.2 sem prefixo;<\/li>
  4. HTML Imports: eles suportam Chrome 49, Opera 40, Android 4.4 com prefixo e Android 5.2 sem prefixo.<\/li><\/ol>\n\n\n\n

    De maneira geral, os web components n\u00e3o dependem de outras bibliotecas (como o jQuery) e podem ser usados sem escrever um script de c\u00f3digo.<\/p>\n\n\n\n

    Implementa\u00e7\u00e3o <\/h2>\n\n\n\n

    A implementa\u00e7\u00e3o de web components pode seguir os passos indicados pelo MSDN Web Docs. Confira: <\/p>\n\n\n\n

    1. Seguir a sintaxe abordada no ECMASCRIPT 2015 para a cria\u00e7\u00e3o de um web component;<\/li>
    2. Utilizar o m\u00e9todo CustomElementRegistry.define() para registrar o novo elemento, que dever\u00e1 ser incorporado ao Shadow DOM, caso haja necessidade;<\/li>
    3. Utilizar template HTML com <template> ou <slot>, se for necess\u00e1rio; <\/li>
    4. Carregar um elemento na p\u00e1gina HTML como um componente, finalizando o passo a passo de implementa\u00e7\u00e3o.<\/li><\/ol>\n\n\n\n

      Conclus\u00e3o <\/h2>\n\n\n\n

      O que s\u00e3o components \u00e9 mais um tema do Dicion\u00e1rio Tech<\/a> para contribuir com a comunidade front-end. Voc\u00ea pode ver mais conte\u00fados voltados \u00e0 cria\u00e7\u00e3o de websites no nosso blog.\u00a0<\/p>\n\n\n\n

      E se voc\u00ea \u00e9 developer, mas ainda n\u00e3o validou suas skills, pode inscrever-se gratuitamente na nossa plataforma<\/a> e realizar os testes dispon\u00edveis conforme a sua senioridade e tecnologia preferida.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Afinal, o que s\u00e3o web components? Eles s\u00e3o um dos elementos mais importantes do desenvolvimento front-end, principalmente quando consideramos o reuso de c\u00f3digo nas tarefas dos desenvolvedores.  Por isso, o termo est\u00e1 presente no Dicion\u00e1rio Tech da Coodesh. Essa se\u00e7\u00e3o do blog \u00e9 voltada para desenvolvedores e entusiastas que querem aprender os conceitos dos principais […] Ler mais<\/a><\/p>\n","protected":false},"author":1,"featured_media":5102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[191],"tags":[206,51,221,90,105,2119],"class_list":{"0":"post-5100","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-dicionario","8":"tag-desenvolvedores","9":"tag-desenvolvimento","10":"tag-dicionario","11":"tag-front-end","12":"tag-tecnologia","13":"tag-websites"},"yoast_head":"\nO que s\u00e3o web components?<\/title>\n<meta name=\"description\" content=\"Entenda o que s\u00e3o web components e como eles podem ser \u00fateis no desenvolvimento de websites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que s\u00e3o web components?\" \/>\n<meta property=\"og:description\" content=\"Entenda o que s\u00e3o web components e como eles podem ser \u00fateis no desenvolvimento de websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog: Recrutar Desenvolvedores e Conte\u00fado de Programa\u00e7\u00e3o\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-15T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-05T10:40:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2023\/03\/o-que-sao-web-components.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3841\" \/>\n\t<meta property=\"og:image:height\" content=\"2160\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Coodesh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Coodesh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/\"},\"author\":{\"name\":\"Coodesh\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#\\\/schema\\\/person\\\/be89698e2ad35891807e4ba9cd5bbb9e\"},\"headline\":\"O que s\u00e3o web components?\",\"datePublished\":\"2023-03-15T11:00:00+00:00\",\"dateModified\":\"2024-01-05T10:40:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/\"},\"wordCount\":493,\"publisher\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/o-que-sao-web-components.png\",\"keywords\":[\"desenvolvedores\",\"desenvolvimento\",\"dicion\u00e1rio\",\"front-end\",\"tecnologia\",\"websites\"],\"articleSection\":[\"Dicion\u00e1rio\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/\",\"url\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/\",\"name\":\"O que s\u00e3o web components?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/o-que-sao-web-components.png\",\"datePublished\":\"2023-03-15T11:00:00+00:00\",\"dateModified\":\"2024-01-05T10:40:00+00:00\",\"description\":\"Entenda o que s\u00e3o web components e como eles podem ser \u00fateis no desenvolvimento de websites.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#primaryimage\",\"url\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/o-que-sao-web-components.png\",\"contentUrl\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/o-que-sao-web-components.png\",\"width\":3841,\"height\":2160,\"caption\":\"web components\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/o-que-sao-web-components\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dicion\u00e1rio\",\"item\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/dicionario\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que s\u00e3o web components?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/\",\"name\":\"Blog: Recrutar Desenvolvedores e Conte\u00fado de Programa\u00e7\u00e3o\",\"description\":\"Conte\u00fados para ajudar sua empresa a contratar profissionais de tecnologia e dicas para programadores sobre: carreira, hard skills e soft skills. Confira! \",\"publisher\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#organization\",\"name\":\"Coodesh\",\"url\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Original2x.png\",\"contentUrl\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Original2x.png\",\"width\":800,\"height\":246,\"caption\":\"Coodesh\"},\"image\":{\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/#\\\/schema\\\/person\\\/be89698e2ad35891807e4ba9cd5bbb9e\",\"name\":\"Coodesh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cc57adf8637e672646668162ba8d75bb47498857be3d93593ecab8b644ba46c7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cc57adf8637e672646668162ba8d75bb47498857be3d93593ecab8b644ba46c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cc57adf8637e672646668162ba8d75bb47498857be3d93593ecab8b644ba46c7?s=96&d=mm&r=g\",\"caption\":\"Coodesh\"},\"description\":\"Descubra habilidades. Elimine achismos. Decida com dados. Seja para construir uma equipe de sucesso ou aprimorar habilidades, as nossas solu\u00e7\u00f5es baseadas em ci\u00eancia e impulsionada por IA te levam aonde voc\u00ea precisa chegar!\",\"url\":\"https:\\\/\\\/coodesh.com\\\/blog\\\/author\\\/coodesh\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que s\u00e3o web components?","description":"Entenda o que s\u00e3o web components e como eles podem ser \u00fateis no desenvolvimento de websites.","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:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/","og_locale":"pt_BR","og_type":"article","og_title":"O que s\u00e3o web components?","og_description":"Entenda o que s\u00e3o web components e como eles podem ser \u00fateis no desenvolvimento de websites.","og_url":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/","og_site_name":"Blog: Recrutar Desenvolvedores e Conte\u00fado de Programa\u00e7\u00e3o","article_published_time":"2023-03-15T11:00:00+00:00","article_modified_time":"2024-01-05T10:40:00+00:00","og_image":[{"width":3841,"height":2160,"url":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2023\/03\/o-que-sao-web-components.png","type":"image\/png"}],"author":"Coodesh","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Coodesh","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#article","isPartOf":{"@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/"},"author":{"name":"Coodesh","@id":"https:\/\/coodesh.com\/blog\/#\/schema\/person\/be89698e2ad35891807e4ba9cd5bbb9e"},"headline":"O que s\u00e3o web components?","datePublished":"2023-03-15T11:00:00+00:00","dateModified":"2024-01-05T10:40:00+00:00","mainEntityOfPage":{"@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/"},"wordCount":493,"publisher":{"@id":"https:\/\/coodesh.com\/blog\/#organization"},"image":{"@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#primaryimage"},"thumbnailUrl":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2023\/03\/o-que-sao-web-components.png","keywords":["desenvolvedores","desenvolvimento","dicion\u00e1rio","front-end","tecnologia","websites"],"articleSection":["Dicion\u00e1rio"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/","url":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/","name":"O que s\u00e3o web components?","isPartOf":{"@id":"https:\/\/coodesh.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#primaryimage"},"image":{"@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#primaryimage"},"thumbnailUrl":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2023\/03\/o-que-sao-web-components.png","datePublished":"2023-03-15T11:00:00+00:00","dateModified":"2024-01-05T10:40:00+00:00","description":"Entenda o que s\u00e3o web components e como eles podem ser \u00fateis no desenvolvimento de websites.","breadcrumb":{"@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#primaryimage","url":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2023\/03\/o-que-sao-web-components.png","contentUrl":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2023\/03\/o-que-sao-web-components.png","width":3841,"height":2160,"caption":"web components"},{"@type":"BreadcrumbList","@id":"https:\/\/coodesh.com\/blog\/dicionario\/o-que-sao-web-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/coodesh.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicion\u00e1rio","item":"https:\/\/coodesh.com\/blog\/dicionario\/"},{"@type":"ListItem","position":3,"name":"O que s\u00e3o web components?"}]},{"@type":"WebSite","@id":"https:\/\/coodesh.com\/blog\/#website","url":"https:\/\/coodesh.com\/blog\/","name":"Blog: Recrutar Desenvolvedores e Conte\u00fado de Programa\u00e7\u00e3o","description":"Conte\u00fados para ajudar sua empresa a contratar profissionais de tecnologia e dicas para programadores sobre: carreira, hard skills e soft skills. Confira! ","publisher":{"@id":"https:\/\/coodesh.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/coodesh.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/coodesh.com\/blog\/#organization","name":"Coodesh","url":"https:\/\/coodesh.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/coodesh.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2020\/08\/Original2x.png","contentUrl":"https:\/\/coodesh.com\/blog\/wp-content\/uploads\/2020\/08\/Original2x.png","width":800,"height":246,"caption":"Coodesh"},"image":{"@id":"https:\/\/coodesh.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/coodesh.com\/blog\/#\/schema\/person\/be89698e2ad35891807e4ba9cd5bbb9e","name":"Coodesh","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/cc57adf8637e672646668162ba8d75bb47498857be3d93593ecab8b644ba46c7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cc57adf8637e672646668162ba8d75bb47498857be3d93593ecab8b644ba46c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cc57adf8637e672646668162ba8d75bb47498857be3d93593ecab8b644ba46c7?s=96&d=mm&r=g","caption":"Coodesh"},"description":"Descubra habilidades. Elimine achismos. Decida com dados. Seja para construir uma equipe de sucesso ou aprimorar habilidades, as nossas solu\u00e7\u00f5es baseadas em ci\u00eancia e impulsionada por IA te levam aonde voc\u00ea precisa chegar!","url":"https:\/\/coodesh.com\/blog\/author\/coodesh\/"}]}},"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/posts\/5100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/comments?post=5100"}],"version-history":[{"count":1,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/posts\/5100\/revisions"}],"predecessor-version":[{"id":5103,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/posts\/5100\/revisions\/5103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/media\/5102"}],"wp:attachment":[{"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/media?parent=5100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/categories?post=5100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coodesh.com\/blog\/wp-json\/wp\/v2\/tags?post=5100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}