{"id":3451,"date":"2021-08-05T10:24:34","date_gmt":"2021-08-05T10:24:34","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/"},"modified":"2024-06-19T08:39:21","modified_gmt":"2024-06-19T08:39:21","slug":"seznamte-se-s-vuelendar-kalendar-s-vyberem-data-napsany-ve-vuejs","status":"publish","type":"post","link":"https:\/\/thecodest.co\/cs\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/","title":{"rendered":"Seznamte se s Vuelendar: Kalend\u00e1\u0159 s v\u00fdb\u011brem data napsan\u00fd v VueJS"},"content":{"rendered":"\n<p>As the customization was getting more challenging and time-consuming, we\u2019ve decided to look for another solution. What\u2019s more, the APIs did not allow <a href=\"https:\/\/thecodest.co\/cs\/blog\/why-us-companies-are-opting-for-polish-developers\/\">us<\/a> to implement lots of requirements that were quite crucial for the quality of the end <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/how-to-make-product\/\">product<\/a>. This is why the <b>Vuelendar<\/b> was made.<\/p>\n\n\n\n<p>You can find the source <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/what-is-code-refactoring\/\">code<\/a> of the <b>Vuelendar<\/b> in our <a href=\"https:\/\/www.google.com\/url?q=https:\/\/github.com\/codesthq\/vuelendar&amp;sa=D&amp;source=editors&amp;ust=1628166275258000&amp;usg=AOvVaw1G2gVZY2eem-lX8UG1nmuY\" rel=\"nofollow\">GitHub repository<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is it exactly?<\/h2>\n\n\n\n<p>As you might already guessed at the beginning of this article, a <b>Vuelendar<\/b> is a calendar component written in VueJs. It allows you to pick a range of dates or a single one. What is more, you can also easily replace inactive days! Also , it allows you to add customized CSS bits which can ultimately change the \u2018look and feel\u2019 experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The creation process<\/h2>\n\n\n\n<p>Previously, we were using jQquery to implement the calendar feature in one of our projects and we\u2019ve stumbled upon a problem \u2013 it was hard to customize. This is when we\u2019ve made a decision to make our own component. In the first phase, we mainly used it in our own projects but as the time went by, we came to the conclusion that it might be a handy solution for other programmers \u2013 this is when we shared it on The Codest\u2019s GitHub account in the form of a code library.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installation<\/h2>\n\n\n\n<p><code>npm install vuelendar@1.0.0<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Usage<\/h2>\n\n\n\n<p>Import styles in your .vue file:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;style src=\"vuelendar\/scss\/vuelendar.scss\" lang=\"scss\"&gt;&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<p>Register components:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">import VRangeSelector from 'vuelendar\/components\/vl-range-selector';\nimport VDaySelector from 'vuelendar\/components\/vl-day-selector';\n\nexport default {\n  components: {\n    VRangeSelector,\n    VDaySelector\n  },\n  <a href=\"https:\/\/thecodest.co\/cs\/blog\/app-data-collection-security-risks-value-and-types-explored\/\">data<\/a> () {\n    return {\n      range: {},\n      date: null\n    }\n  }\n  \/\/ ...\n}<\/code><\/pre>\n\n\n\n<p>Use in template:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;v-range-selector\n  :start-date.sync=\"range.start\"\n  :end-date.sync=\"range.end\"\n\/&gt;\n\n&lt;v-day-selector\n  v-model=\"date\"\n\/&gt;<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Disabling dates<\/h2>\n\n\n\n<p>Vuelendar allows two ways for disabling dates.<\/p>\n\n\n\n<p>Using an array:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;v-day-selector\n  v-model=\"date\"\n  disabled-dates=\"['2019-04-21', '2019-04-25']\n\/&gt;\n\nWill disable 21st April 2019 and 25th April 2019<\/code><\/pre>\n\n\n\n<p>Using an object to describe a range of dates:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;v-day-selector\n  v-model=\"date\"\n  disabled-dates=\"{\n    from: '2019-04-21',\n    to: '2019-04-23'\n  }\"\n\/&gt;\nWill disable all dates from 21st April 2019 and 25th April 2019<\/code><\/pre>\n\n\n\n<p>Specifying only &#8216;from&#8217; attribute will disable all dates past that date.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;v-day-selector\n  v-model=\"date\"\n  disabled-dates=\"{\n    from: '2019-04-21',\n  }\"\n\/&gt;\nWill disable all dates from 21st April 2019<\/code><\/pre>\n\n\n\n<p>Specifying only &#8216;to&#8217; attribute will disable all dates before that date.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;v-day-selector\n  v-model=\"date\"\n  disabled-dates=\"{\n    to: '2019-04-21',\n  }\"\n\/>\nWill disable all dates before 21st April 2019<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Application<\/h2>\n\n\n\n<p>Our <b>Vuelendar<\/b> can be used in all projects based on VueJS. It is a simple but efficient component that will not only save your time as a programmer but also enrich your <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/why-do-projects-fail\/\">project<\/a> with a smoothly working calendar. Nowadays, there are many projects which might need this a solution, so here we are!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/thecodest.co\/services\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/blog.webp\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">The update<\/h2>\n\n\n\n<p>As the new update of VueJS was launched, the new requirements appeared. This is why we\u2019ve decided to adjust our calendar component to the newest version of VueJS. The libraries needed to be improved so that our small but handy gem would run smoothly and effectively.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping Up<\/h2>\n\n\n\n<p>If you are in the middle of a project based on VueJS and search for a cool feature of a calendar, this one is definitely for you! We all know how much time creating those components can take. Our <b>Vuelandar<\/b> will help you spice up your application and save some time and nerves!<\/p>\n\n\n\n<p><b>Read more:<\/b><\/p>\n\n\n\n<p><a href=\"https:\/\/thecodest.co\/blog\/why-you-should-probably-use-typescript\">Why you should (probably) use Typescript<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/thecodest.co\/blog\/how-not-to-kill-a-project-with-bad-coding-practices\/\">How not to kill a project with bad coding practices?<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/thecodest.co\/blog\/data-fetching-strategies-in-nextjs\/\">Data fetching strategies in NextJS<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Po v\u011bt\u0161inu \u010dasu jsme v na\u0161ich projektech pou\u017e\u00edvali wrapper Vue pro pikaday, kter\u00fd vytv\u00e1\u0159\u00ed funkci kalend\u00e1\u0159e.<\/p>","protected":false},"author":2,"featured_media":3452,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3451","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Meet Vuelendar: a Datepicker Calendar Written in VueJS - The Codest<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecodest.co\/cs\/blog\/seznamte-se-s-vuelendar-kalendar-s-vyberem-data-napsany-ve-vuejs\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Meet Vuelendar: a Datepicker Calendar Written in VueJS\" \/>\n<meta property=\"og:description\" content=\"For most of the time, we\u2019ve been using the Vue wrapper for pikaday in our projects to create the feature of the calendar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/cs\/blog\/seznamte-se-s-vuelendar-kalendar-s-vyberem-data-napsany-ve-vuejs\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-05T10:24:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-19T08:39:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/download.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"thecodest\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"thecodest\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"Meet Vuelendar: a Datepicker Calendar Written in VueJS\",\"datePublished\":\"2021-08-05T10:24:34+00:00\",\"dateModified\":\"2024-06-19T08:39:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/\"},\"wordCount\":467,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/download.jpeg\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"cs-CZ\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/\",\"name\":\"Meet Vuelendar: a Datepicker Calendar Written in VueJS - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/download.jpeg\",\"datePublished\":\"2021-08-05T10:24:34+00:00\",\"dateModified\":\"2024-06-19T08:39:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#breadcrumb\"},\"inLanguage\":\"cs-CZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs-CZ\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/download.jpeg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/download.jpeg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Meet Vuelendar: a Datepicker Calendar Written in VueJS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"name\":\"The Codest\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecodest.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs-CZ\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs-CZ\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"width\":144,\"height\":36,\"caption\":\"The Codest\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/pl.linkedin.com\\\/company\\\/codest\",\"https:\\\/\\\/clutch.co\\\/profile\\\/codest\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\",\"name\":\"thecodest\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs-CZ\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"caption\":\"thecodest\"},\"url\":\"https:\\\/\\\/thecodest.co\\\/cs\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Seznamte se s Vuelendar: Kalend\u00e1\u0159 s v\u00fdb\u011brem data napsan\u00fd v VueJS - The Codest","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:\/\/thecodest.co\/cs\/blog\/seznamte-se-s-vuelendar-kalendar-s-vyberem-data-napsany-ve-vuejs\/","og_locale":"cs_CZ","og_type":"article","og_title":"Meet Vuelendar: a Datepicker Calendar Written in VueJS","og_description":"For most of the time, we\u2019ve been using the Vue wrapper for pikaday in our projects to create the feature of the calendar.","og_url":"https:\/\/thecodest.co\/cs\/blog\/seznamte-se-s-vuelendar-kalendar-s-vyberem-data-napsany-ve-vuejs\/","og_site_name":"The Codest","article_published_time":"2021-08-05T10:24:34+00:00","article_modified_time":"2024-06-19T08:39:21+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/download.jpeg","type":"image\/jpeg"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"Meet Vuelendar: a Datepicker Calendar Written in VueJS","datePublished":"2021-08-05T10:24:34+00:00","dateModified":"2024-06-19T08:39:21+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/"},"wordCount":467,"commentCount":0,"publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"image":{"@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/download.jpeg","articleSection":["Software Development"],"inLanguage":"cs-CZ","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/","url":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/","name":"Seznamte se s Vuelendar: Kalend\u00e1\u0159 s v\u00fdb\u011brem data napsan\u00fd v VueJS - The Codest","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/download.jpeg","datePublished":"2021-08-05T10:24:34+00:00","dateModified":"2024-06-19T08:39:21+00:00","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#breadcrumb"},"inLanguage":"cs-CZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/"]}]},{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/download.jpeg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/download.jpeg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/meet-vuelendar-a-datepicker-calendar-written-in-vuejs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"Meet Vuelendar: a Datepicker Calendar Written in VueJS"}]},{"@type":"WebSite","@id":"https:\/\/thecodest.co\/#website","url":"https:\/\/thecodest.co\/","name":"The Codest","description":"","publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecodest.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs-CZ"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","width":144,"height":36,"caption":"The Codest"},"image":{"@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/pl.linkedin.com\/company\/codest","https:\/\/clutch.co\/profile\/codest"]},{"@type":"Person","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76","name":"thecodest","image":{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","caption":"thecodest"},"url":"https:\/\/thecodest.co\/cs\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/3451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/comments?post=3451"}],"version-history":[{"count":6,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/3451\/revisions"}],"predecessor-version":[{"id":7925,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/3451\/revisions\/7925"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/media\/3452"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/media?parent=3451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/categories?post=3451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/tags?post=3451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}