{"id":3524,"date":"2019-04-14T08:51:00","date_gmt":"2019-04-14T08:51:00","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/"},"modified":"2026-04-24T11:32:09","modified_gmt":"2026-04-24T11:32:09","slug":"kvalita-prvnich-5-snadnych-kroku-k-lintovani-kodu-pomoci-pracovnich-postupu-github-v-projektu-javascript","status":"publish","type":"post","link":"https:\/\/thecodest.co\/cs\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/","title":{"rendered":"Kvalita na prvn\u00edm m\u00edst\u011b! 5 snadn\u00fdch krok\u016f k od\u0159\u00e1dkov\u00e1n\u00ed k\u00f3du pomoc\u00ed pracovn\u00edch postup\u016f GitHubu v projektu JavaScript"},"content":{"rendered":"<p>Co m\u00e1me d\u011blat, kdy\u017e <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/why-do-projects-fail\/\">projekt<\/a> je mal\u00fd nebo z\u00e1kazn\u00edk st\u00e1le nev\u00ed, zda se vyplat\u00ed investovat v\u00edce? Je z\u0159ejm\u00e9, \u017ee na <strong><a href=\"https:\/\/thecodest.co\/blog\/product-building-with-mvp-why-is-this-worth-implementing\/\">F\u00e1ze MVP projektu<\/a><\/strong>, <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/what-is-code-refactoring\/\">k\u00f3d<\/a> stylizace nebo unit testy nejsou nejvy\u0161\u0161\u00ed prioritou. Investo\u0159i obvykle cht\u011bj\u00ed m\u00edt dobr\u00fd <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/how-to-make-product\/\">produkt<\/a> a no tak - kdy\u017e to funguje, tak to nepot\u0159ebuje testov\u00e1n\u00ed, ne?<\/p>\n\n\n\n<p>Vlastn\u011b m\u00e1m n\u011bjak\u00e9 zku\u0161enosti s <strong><a href=\"https:\/\/thecodest.co\/contact\">vytv\u00e1\u0159en\u00ed aplikac\u00ed od nuly<\/a><\/strong>, a to i bez pou\u017eit\u00ed osv\u011bd\u010den\u00fdch postup\u016f. N\u011bkter\u00e9 obchodn\u00ed okolnosti m\u011b donutily hledat kompromis mezi rozpo\u010dtov\u00fdmi pl\u00e1ny investora a seznamem \"nice-to-have\" developera. Na\u0161t\u011bst\u00ed pokud pou\u017e\u00edv\u00e1te GitHub, v\u011bt\u0161inu b\u011b\u017en\u00fdch probl\u00e9m\u016f souvisej\u00edc\u00edch s kvalitou k\u00f3du lze vy\u0159e\u0161it b\u011bhem n\u011bkolika minut.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>V tomto \u010dl\u00e1nku v\u00e1m uk\u00e1\u017eu, jak pou\u017e\u00edvat pracovn\u00ed postupy GitHub v prost\u0159ed\u00ed Node.js ke standardizaci va\u0161\u00ed k\u00f3dov\u00e9 z\u00e1kladny.<\/strong><\/h2>\n\n\n\n<p>Ne\u017e za\u010dneme, n\u011bkolik p\u0159edpoklad\u016f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zn\u00e1te NPM a linuxovou konzoli.<\/li>\n\n\n\n<li>M\u00e1te n\u011bjak\u00e9 zku\u0161enosti s preprocesory styl\u016f, na\u010d\u00edtac\u00edmi moduly, bundlery atd.<\/li>\n\n\n\n<li>V\u00edte, k \u010demu slou\u017e\u00ed lintery, a opravdu je chcete pou\u017e\u00edt ve sv\u00fdch projektech.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1. Typick\u00e1 struktura projektu JavaScript<\/strong><\/h2>\n\n\n\n<p>Pokud jste n\u011bkdy pou\u017eili n\u011bjak\u00fd <a href=\"https:\/\/thecodest.co\/cs\/blog\/javascript-tools-in-action\/\">JS<\/a> r\u00e1mce, jako je <a href=\"https:\/\/thecodest.co\/cs\/blog\/hire-vue-js-developers\/\">Vue<\/a> nebo <a href=\"https:\/\/thecodest.co\/cs\/blog\/conditional-component-visibility-in-react\/\">React<\/a>, m\u016f\u017eete si snadno v\u0161imnout n\u011bkter\u00fdch spole\u010dn\u00fdch rys\u016f, nap\u0159.:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>\/src<\/em> adres\u00e1\u0159 se v\u0161emi logick\u00fdmi prvky JS a komponentami,<\/li>\n\n\n\n<li><em>\/test<\/em> adres\u00e1\u0159 pro jednotkov\u00e9 a e2e testy,<\/li>\n\n\n\n<li><em>\/aktiva<\/em> adres\u00e1\u0159 pro styly, obr\u00e1zky atd.<\/li>\n<\/ul>\n\n\n\n<p>I kdy\u017e mluv\u00edme o <a href=\"https:\/\/thecodest.co\/cs\/blog\/hire-javascript-developer\/\">JavaScript<\/a> pracujeme v <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/what-is-node-js-used-for\/\">Uzel<\/a> prost\u0159ed\u00ed, tak\u017ee je z\u0159ejm\u00e9, \u017ee by tam m\u011bly b\u00fdt i n\u011bkter\u00e9 v\u011bci z Node, jako nap\u0159. <em>package.json<\/em>, <em>package-lock.json<\/em> a <em>\/node_modules<\/em> v na\u0161em ko\u0159enov\u00e9m adres\u00e1\u0159i.<\/p>\n\n\n\n<p>V\u0161echny tyto v\u011bci jsou na sv\u00e9m m\u00edst\u011b - to je to, co naz\u00fdv\u00e1me <strong>sjezd<\/strong>. R\u00e1mce jsou vymy\u0161leny tak, aby poskytovaly ur\u010dit\u00e9 rozumn\u00e9 konvence, tak\u017ee se obvykle ani nemus\u00edme starat o po\u010d\u00e1te\u010dn\u00ed n\u00e1vrhov\u00fd vzor. Vzhledem k tomu, \u017ee v tomto p\u0159\u00edkladu chci vysv\u011btlit n\u011bkter\u00e9 p\u0159\u00edstupy, nebudu aplikovat \u017e\u00e1dn\u00e9 hotov\u00e9 \u0159e\u0161en\u00ed jako Vue CLI.<\/p>\n\n\n\n<p><strong>Je \u010das pochopit, co se skr\u00fdv\u00e1 pod v\u0161emi t\u011bmi kouzeln\u00fdmi skripty!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. Roz\u0161\u00ed\u0159en\u00ed typick\u00e9ho projektu Node<\/strong><\/h2>\n\n\n\n<p>Abychom mohli poskytovat vysoce kvalitn\u00ed \u0159e\u0161en\u00ed, m\u011bli bychom p\u0159i vytv\u00e1\u0159en\u00ed nov\u00e9ho projektu za\u010d\u00edt p\u0159edev\u0161\u00edm s lintery. Zam\u011b\u0159me se na dva lintery - Stylelint pro styly (<em>*.scss<\/em>) a ESLint pro zdrojov\u00e9 soubory (<em>*.js<\/em>). Oba tyto lintery jsou k dispozici v NPM a lze je snadno nakonfigurovat. Pou\u017eit\u00ed linter\u016f vy\u017eaduje proj\u00edt procesem instalace, p\u0159idat konfigura\u010dn\u00ed soubory a definovat skripty projektu. Ud\u011blejme to krok za krokem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. P\u0159id\u00e1n\u00ed aplikace Stylelint<\/strong><\/h2>\n\n\n\n<p>Instalace aplikace Stylelint v prost\u0159ed\u00ed Node je opravdu jednoduch\u00e1. Podle <a href=\"https:\/\/stylelint.io\/user-guide\/get-started\">ofici\u00e1ln\u00ed dokumenty<\/a>, sta\u010d\u00ed jen b\u011b\u017eet:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm install --save-dev stylelint stylelint-config-standard<\/code><\/pre>\n\n\n\n<p>a po\u010dkejte, a\u017e bude hotovo.<\/p>\n\n\n\n<p><em>stylelint-config-standard<\/em> poskytuje v\u00fdchoz\u00ed sadu lintovac\u00edch pravidel a lze ji nahradit jak\u00fdmkoli bal\u00ed\u010dkem, kter\u00fd l\u00e9pe vyhovuje va\u0161im pot\u0159eb\u00e1m (nap\u0159. <a href=\"https:\/\/www.npmjs.com\/package\/stylelint-config-airbnb\">Airbnb styl<\/a>). Pak vytvo\u0159te nov\u00fd skryt\u00fd soubor <em>.stylelintrc.json<\/em>, co\u017e je konfigura\u010dn\u00ed soubor Stylelintu, kter\u00fd je zodpov\u011bdn\u00fd za na\u010d\u00edt\u00e1n\u00ed na\u0161ich p\u0159eddefinovan\u00fdch pravidel:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">{\n    \"extends\": \"stylelint-config-standard\"\n}<\/code><\/pre>\n\n\n\n<p>V tuto chv\u00edli n\u00e1m chyb\u00ed pouze n\u011bjak\u00fd skript NPM (nebo skripty) deklarovan\u00fd v souboru package.json, aby bylo mo\u017en\u00e9 za\u010d\u00edt lintovat na\u0161e soubory SCSS. Zde je m\u016fj n\u00e1vrh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">\"skripty\": {\n    \"lint:scss\": \"stylelint '**\/*.scss' --syntax scss -f verbose --color\",\n    \"lint:scss:fix\": \"stylelint '**\/*.scss' --syntax scss --fix -f verbose -color\".\n}<\/code><\/pre>\n\n\n\n<p>Jak vid\u00edte, deklaroval jsem skript obsahuj\u00edc\u00ed <strong>-fix<\/strong> - tuto mo\u017enost je t\u0159eba pou\u017e\u00edt p\u0159ed odesl\u00e1n\u00edm zm\u011bn do \u00falo\u017ei\u0161t\u011b.<\/p>\n\n\n\n<p><strong>Nezapome\u0148te, \u017ee je \u0161patn\u00fdm zvykem pou\u017e\u00edvat <em>-fix<\/em> v toku CI, proto\u017ee pak k\u00f3d, kter\u00fd p\u0159ed\u00e1v\u00e1te do produkce, nen\u00ed v \u00falo\u017ei\u0161ti spr\u00e1vn\u011b stylizov\u00e1n.<\/strong> Proto pot\u0159ebujeme oba skripty.<\/p>\n\n\n\n<p>Otestujme n\u00e1\u0161 linter vytvo\u0159en\u00edm souboru <em>\/assets\/scss\/styles.scss<\/em> s ur\u010dit\u00fdm obsahem, jako nap\u0159\u00edklad:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">t\u011blo {\n                    background-color: #fff;\n}<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm run lint:scss<\/code><\/pre>\n\n\n\n<p>V konzoli byste m\u011bli vid\u011bt n\u011bco takov\u00e9ho:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">&gt; stylelint '**\/*.scss' --syntax scss -f verbose --color\n\nassets\/scss\/styles.scss\n\n2:21 \u2716 O\u010dek\u00e1van\u00e9 odsazen\u00ed 2 mezery odsazen\u00ed\n\n1 zkontrolovan\u00fd zdroj\n\n~\/Codest\/Projects\/github-workflow-demo\/assets\/scss\/styles.scss\n\nNalezen 1 probl\u00e9m\n\n\u00farove\u0148 z\u00e1va\u017enosti \"error\": 1\n\nodsazen\u00ed: 1\n\nnpm ERR! k\u00f3d ELIFECYCLE\n\nnpm ERR! errno 2\n\nnpm ERR! github-workflow-demo@1.0.0 lint:scss: `stylelint '**\/*.scss' --syntax scss -f verbose --color`\n\nnpm ERR! Exit status 2<\/code><\/pre>\n\n\n\n<p>To vlastn\u011b znamen\u00e1, \u017ee n\u00e1\u0161 linter funguje!<\/p>\n\n\n\n<p>V\u00fdstup p\u0159esn\u011b ukazuje, kter\u00fd \u0159\u00e1dek zp\u016fsobuje chybu, a popisuje probl\u00e9m, kter\u00fd je t\u0159eba vy\u0159e\u0161it. N\u011bkter\u00e9 probl\u00e9my nelze opravit automaticky, proto\u017ee je k tomu t\u0159eba rozhodnut\u00ed v\u00fdvoj\u00e1\u0159e, ale ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f sta\u010d\u00ed spustit stejn\u00fd p\u0159\u00edkaz s p\u0159\u00edkazem <strong>-fix<\/strong> tak ji spus\u0165me.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm run lint:scss:fix<\/code><\/pre>\n\n\n\n<p>Nyn\u00ed by se m\u011bl zobrazit zelen\u00fd v\u00fdstup bez nalezen\u00fdch chyb:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">stylelint '**\/*.scss' --syntax scss --fix -f verbose --color\n\n\n1 zkontrolovan\u00fd zdroj\n\n\/Users\/wojciechbak\/Codest\/Projects\/github-workflow-demo\/assets\/scss\/styles.scss\n\nNalezeno 0 probl\u00e9m\u016f<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4. P\u0159id\u00e1n\u00ed ESLint<\/strong><\/h2>\n\n\n\n<p>Tento krok je t\u00e9m\u011b\u0159 stejn\u00fd jako p\u0159edchoz\u00ed. Nainstalujeme ESLint, definujeme v\u00fdchoz\u00ed sadu pravidel a deklarujeme dva volateln\u00e9 skripty NPM - jeden pro CI, druh\u00fd pro pre-push. Poj\u010fme si to proj\u00edt!<\/p>\n\n\n\n<p>Pokud pou\u017e\u00edv\u00e1te NPM p\u0159i sv\u00e9 ka\u017edodenn\u00ed pr\u00e1ci, mo\u017en\u00e1 byste cht\u011bli nainstalovat ESLint glob\u00e1ln\u011b. Pokud ne, pod\u00edvejte se na n\u00e1vod k instalaci v \u010d\u00e1sti <a href=\"https:\/\/eslint.org\/docs\/user-guide\/getting-started\">ofici\u00e1ln\u00ed dokumenty<\/a>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm install -g eslint<\/code><\/pre>\n\n\n\n<p>Pokud je na va\u0161em po\u010d\u00edta\u010di k dispozici p\u0159\u00edkaz eslint, sta\u010d\u00ed jej spustit ve va\u0161em projektu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">eslint --init<\/code><\/pre>\n\n\n\n<p>Podle dal\u0161\u00edch pokyn\u016f zobrazen\u00fdch v termin\u00e1lu sta\u010d\u00ed prov\u00e9st n\u011bkolik rozhodnut\u00ed o projektu, jako nap\u0159.:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Javascript nebo <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/typescript-developer\/\">TypeScript<\/a><\/li>\n\n\n\n<li>Ve stylu Airbnb nebo Google<\/li>\n\n\n\n<li>typ konfigurace (soubor JSON, soubor JS nebo inline v souboru <em>package.json<\/em>)<\/li>\n\n\n\n<li>moduly ES (<em>import\/export<\/em>) nebo <em>vy\u017eaduj\u00ed<\/em> syntaxe<\/li>\n<\/ul>\n\n\n\n<p>Na tomto m\u00edst\u011b stoj\u00ed za to napsat p\u00e1r slov o form\u00e1tova\u010di k\u00f3du s n\u00e1zvem Prettier. Je pln\u011b standardizovan\u00fd a kompatibiln\u00ed s v\u011bt\u0161inou editor\u016f k\u00f3du (nap\u0159. VS Code). Prettier poskytuje mnoho sad p\u0159eddefinovan\u00fdch pravidel pro stylov\u00e1n\u00ed k\u00f3du, spolupracuje s lintery a m\u016f\u017ee b\u00fdt skv\u011blou podporou p\u0159i honb\u011b za \u0161pi\u010dkovou kvalitou k\u00f3du. Chcete-li pochopit, co p\u0159esn\u011b Prettier je, nav\u0161tivte tuto str\u00e1nku <a href=\"https:\/\/prettier.io\/docs\/en\/comparison.html\">porovn\u00e1n\u00ed<\/a> z ofici\u00e1ln\u00edch dokument\u016f.<\/p>\n\n\n\n<p>Pokud je to provedeno, konfigura\u010dn\u00ed soubor ESlint (nap\u0159. <em>.eslintrc.json<\/em>(v z\u00e1vislosti na tom, co jste zvolili d\u0159\u00edve) by se m\u011bl objevit v ko\u0159enov\u00e9m adres\u00e1\u0159i, n\u011bkde vedle adres\u00e1\u0159e <em>.stylelintrc.json<\/em> vytvo\u0159en\u00e9 p\u0159edt\u00edm.<\/p>\n\n\n\n<p>Nyn\u00ed mus\u00edme definovat skripty v <em>package.json<\/em> stejn\u011b jako u soubor\u016f SCSS:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">\"skripty\": {\n    \"lint:js\": \"eslint '**\/*.js' --ignore-pattern node_modules\/\",\n    \"lint:js:fix\": \"eslint '**\/*.js' --ignore-pattern node_modules\/ --fix\"\n}<\/code><\/pre>\n\n\n\n<p>Gratulujeme! ESLint je p\u0159ipraven k pou\u017eit\u00ed. Zkontrolujme, zda funguje spr\u00e1vn\u011b. Vytvo\u0159te str\u00e1nku <em>\/src\/index.js<\/em> soubor s ur\u010dit\u00fdm obsahem:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">console.log(\"n\u011bco\");<\/code><\/pre>\n\n\n\n<p>Spus\u0165te linter:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm run lint:js<\/code><\/pre>\n\n\n\n<p><code><br><\/code>V\u00fdstup by m\u011bl vypadat takto:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">&gt; eslint '**\/*.js' --ignore-pattern node_modules\/\n\n~\/Codest\/Projects\/github-workflow-demo\/src\/index.js\n\n1:1 warning Neo\u010dek\u00e1van\u00fd konzolov\u00fd p\u0159\u00edkaz no-console\n\n\u2716 1 probl\u00e9m (0 chyb, 1 varov\u00e1n\u00ed)<\/code><\/pre>\n\n\n\n<p>Toto upozorn\u011bn\u00ed nezmiz\u00ed ani po pou\u017eit\u00ed <em>-fix<\/em> mo\u017enost, proto\u017ee <strong>linters neovliv\u0148uje potenci\u00e1ln\u011b smyslupln\u00fd k\u00f3d. Jsou ur\u010deny pouze pro stylizaci k\u00f3du<\/strong>, v\u010detn\u011b b\u00edl\u00fdch mezer, nov\u00fdch \u0159\u00e1dk\u016f, st\u0159edn\u00edk\u016f, uvozovek atd.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5. Definov\u00e1n\u00ed pracovn\u00edch postup\u016f GitHubu<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/help.github.com\/en\/actions\/configuring-and-managing-workflows\/configuring-a-workflow\">Pracovn\u00ed postupy GitHub<\/a> jsou pom\u011brn\u011b dob\u0159e zdokumentovan\u00e9. Klidn\u011b se do toho pono\u0159te hloub\u011bji, ale zat\u00edm budu implementovat jednoduch\u00fd pracovn\u00ed postup pro lintov\u00e1n\u00ed na\u0161eho k\u00f3du po odesl\u00e1n\u00ed do vzd\u00e1len\u00e9ho repozit\u00e1\u0159e (samoz\u0159ejm\u011b hostovan\u00e9ho na GitHubu).<\/p>\n\n\n\n<p>Vytvo\u0159it <em>\/.github\/workflows<\/em> adres\u00e1\u0159 a nov\u00fd <em>code-quality-workflow.yml<\/em> proto\u017ee pracovn\u00ed postupy GitHubu mus\u00ed b\u00fdt definov\u00e1ny pomoc\u00ed soubor\u016f YAML.<\/p>\n\n\n\n<p>Abychom mohli spustit spr\u00e1vn\u00fd pracovn\u00ed postup, mus\u00edme si zodpov\u011bd\u011bt n\u011bkolik ot\u00e1zek:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kdy chceme spustit n\u00e1\u0161 pracovn\u00ed postup (p\u0159i odesl\u00e1n\u00ed, p\u0159i po\u017eadavku na sta\u017een\u00ed, p\u0159i slou\u010den\u00ed atd.)?<\/li>\n\n\n\n<li>Chceme vylou\u010dit n\u011bkter\u00e9 situace (nap\u0159\u00edklad odesl\u00e1n\u00ed do v\u011btve master)?<\/li>\n\n\n\n<li>Jak\u00e9 prost\u0159ed\u00ed mus\u00edme nastavit, abychom mohli spr\u00e1vn\u011b spou\u0161t\u011bt na\u0161e p\u0159\u00edkazy (v tomto p\u0159\u00edkladu - Node)?<\/li>\n\n\n\n<li>Mus\u00edme nainstalovat z\u00e1vislosti? Pokud ano, jak je m\u00e1me ulo\u017eit do mezipam\u011bti?<\/li>\n\n\n\n<li>Jak\u00e9 kroky mus\u00edme prov\u00e9st, abychom kontrolu dokon\u010dili?<\/li>\n<\/ul>\n\n\n\n<p>Po n\u011bkolika \u00favah\u00e1ch a n\u011bkolika hodin\u00e1ch pr\u00e1ce s p\u0159\u00edkladem dokumentace <em>.yml<\/em> m\u016f\u017ee vypadat takto:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"yaml\" class=\"language-yaml\">n\u00e1zev: K\u00f3d kvality\n\non: \"push\n\njobs:\n  code-quality:\n    name: Lint zdrojov\u00fd k\u00f3d\n    runs-on: ubuntu-latest\n    steps:\n    - pou\u017e\u00edv\u00e1: actions\/checkout@v1\n\n    - n\u00e1zev: Setup Node\n      uses: actions\/setup-node@v1\n      with:\n        node-version: '12.1'\n\n    - name: Cache dependencies\n      uses: actions\/cache@v1\n      with:\n        Cesta: .\/node_modules\n        key: $(( runner.OS ))-dependencies-$(( hashFiles('<strong>**\/package-lock.json')<\/strong> ))\n        restore-keys: |\n          $(( runner.OS ))-z\u00e1vislosti-$(( env.cache-name ))-\n          $(( runner.OS ))-dependencies-\n          $(( runner.OS ))-\n\n    - n\u00e1zev: Instalace z\u00e1vislost\u00ed\n      run: |\n        npm install\n\n    - n\u00e1zev: Lint soubory\n      run: |\n        npm run lint<\/code><\/pre>\n\n\n\n<p>GitHub poskytuje v\u0161echny pot\u0159ebn\u00e9 informace o \u017eivotn\u00edm prost\u0159ed\u00ed. V posledn\u00edm \u0159\u00e1dku spou\u0161t\u00edme p\u0159\u00edkaz <strong><em>npm run lint<\/em><\/strong> kter\u00fd nebyl d\u0159\u00edve definov\u00e1n:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">\"skripty\": {\n    \"lint\": \"npm run lint:js &amp;&amp; npm run lint:scss\"\n}<\/code><\/pre>\n\n\n\n<p>V\u0161imn\u011bte si, \u017ee v na\u0161em pracovn\u00edm postupu nepou\u017e\u00edv\u00e1m <strong>:fix<\/strong> p\u0159\u00edkazy.<\/p>\n\n\n\n<p>Po dokon\u010den\u00ed v\u0161ech t\u011bchto krok\u016f se m\u016f\u017eete t\u011b\u0161it na tento kr\u00e1sn\u00fd v\u00fdstup z GitHubu p\u0159ed slou\u010den\u00edm \u017e\u00e1dosti o sta\u017een\u00ed: <img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/ec82df2be0b1977d857d5f5c1d2d893010fc44a4\/68747470733a2f2f692e696d6775722e636f6d2f425848465370372e706e67\" alt=\"\"> <img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/00e93d296b7bf5b089c7b785ecc1cbd18de54ead\/68747470733a2f2f696d6775722e636f6d2f6f63736e6762362e706e67\" alt=\"\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Kvalita k\u00f3du je kl\u00ed\u010dovou sou\u010d\u00e1st\u00ed procesu v\u00fdvoje, zejm\u00e9na pokud chcete pracovat efektivn\u011b a dlouhodob\u011b. Existuje mnoho p\u0159\u00edstup\u016f a osv\u011bd\u010den\u00fdch postup\u016f, v\u010detn\u011b cel\u00fdch agiln\u00edch metodik, ale v\u011bt\u0161ina z nich se vztahuje k n\u011bjak\u00e9mu velk\u00e9mu, podnikov\u00e9mu projektu, kter\u00fd vede nejm\u00e9n\u011b 6 lid\u00ed.<\/p>","protected":false},"author":2,"featured_media":3525,"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-3524","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>Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project - The Codest<\/title>\n<meta name=\"description\" content=\"Code quality is a crucial part of the development process, especially when you want to work efficiently in a long-term manner. There are many approaches and best practices, including whole agile methodologies stuff, but most of them relate to some big, enterprise project conducted by at least 6 people.\" \/>\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\/kvalita-prvnich-5-snadnych-kroku-k-lintovani-kodu-pomoci-pracovnich-postupu-github-v-projektu-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project\" \/>\n<meta property=\"og:description\" content=\"Code quality is a crucial part of the development process, especially when you want to work efficiently in a long-term manner. There are many approaches and best practices, including whole agile methodologies stuff, but most of them relate to some big, enterprise project conducted by at least 6 people.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/cs\/blog\/kvalita-prvnich-5-snadnych-kroku-k-lintovani-kodu-pomoci-pracovnich-postupu-github-v-projektu-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-14T08:51:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-24T11:32:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-137.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\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=\"6 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project\",\"datePublished\":\"2019-04-14T08:51:00+00:00\",\"dateModified\":\"2026-04-24T11:32:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/\"},\"wordCount\":1187,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-137.jpg\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/\",\"name\":\"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-137.jpg\",\"datePublished\":\"2019-04-14T08:51:00+00:00\",\"dateModified\":\"2026-04-24T11:32:09+00:00\",\"description\":\"Code quality is a crucial part of the development process, especially when you want to work efficiently in a long-term manner. There are many approaches and best practices, including whole agile methodologies stuff, but most of them relate to some big, enterprise project conducted by at least 6 people.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-137.jpg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-137.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project\"}]},{\"@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\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@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\",\"@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":"Kvalita na prvn\u00edm m\u00edst\u011b! 5 snadn\u00fdch krok\u016f k od\u0159\u00e1dkov\u00e1n\u00ed k\u00f3du pomoc\u00ed pracovn\u00edch postup\u016f GitHubu v projektu JavaScript - The Codest","description":"Kvalita k\u00f3du je kl\u00ed\u010dovou sou\u010d\u00e1st\u00ed procesu v\u00fdvoje, zejm\u00e9na pokud chcete pracovat efektivn\u011b a dlouhodob\u011b. Existuje mnoho p\u0159\u00edstup\u016f a osv\u011bd\u010den\u00fdch postup\u016f, v\u010detn\u011b cel\u00fdch agiln\u00edch metodik, ale v\u011bt\u0161ina z nich se vztahuje k n\u011bjak\u00e9mu velk\u00e9mu, podnikov\u00e9mu projektu, kter\u00fd vede nejm\u00e9n\u011b 6 lid\u00ed.","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\/kvalita-prvnich-5-snadnych-kroku-k-lintovani-kodu-pomoci-pracovnich-postupu-github-v-projektu-javascript\/","og_locale":"cs_CZ","og_type":"article","og_title":"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project","og_description":"Code quality is a crucial part of the development process, especially when you want to work efficiently in a long-term manner. There are many approaches and best practices, including whole agile methodologies stuff, but most of them relate to some big, enterprise project conducted by at least 6 people.","og_url":"https:\/\/thecodest.co\/cs\/blog\/kvalita-prvnich-5-snadnych-kroku-k-lintovani-kodu-pomoci-pracovnich-postupu-github-v-projektu-javascript\/","og_site_name":"The Codest","article_published_time":"2019-04-14T08:51:00+00:00","article_modified_time":"2026-04-24T11:32:09+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-137.jpg","type":"image\/jpeg"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"6 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project","datePublished":"2019-04-14T08:51:00+00:00","dateModified":"2026-04-24T11:32:09+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/"},"wordCount":1187,"commentCount":0,"publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"image":{"@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-137.jpg","articleSection":["Software Development"],"inLanguage":"cs","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/","url":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/","name":"Kvalita na prvn\u00edm m\u00edst\u011b! 5 snadn\u00fdch krok\u016f k od\u0159\u00e1dkov\u00e1n\u00ed k\u00f3du pomoc\u00ed pracovn\u00edch postup\u016f GitHubu v projektu JavaScript - The Codest","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-137.jpg","datePublished":"2019-04-14T08:51:00+00:00","dateModified":"2026-04-24T11:32:09+00:00","description":"Kvalita k\u00f3du je kl\u00ed\u010dovou sou\u010d\u00e1st\u00ed procesu v\u00fdvoje, zejm\u00e9na pokud chcete pracovat efektivn\u011b a dlouhodob\u011b. Existuje mnoho p\u0159\u00edstup\u016f a osv\u011bd\u010den\u00fdch postup\u016f, v\u010detn\u011b cel\u00fdch agiln\u00edch metodik, ale v\u011bt\u0161ina z nich se vztahuje k n\u011bjak\u00e9mu velk\u00e9mu, podnikov\u00e9mu projektu, kter\u00fd vede nejm\u00e9n\u011b 6 lid\u00ed.","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-137.jpg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-137.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/quality-first-5-easy-steps-to-lint-your-code-with-github-workflows-in-javascript-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"Quality first! 5 easy steps to lint your code with GitHub workflows in JavaScript project"}]},{"@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"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"cs","@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","@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\/3524","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=3524"}],"version-history":[{"count":9,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/3524\/revisions"}],"predecessor-version":[{"id":8622,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/3524\/revisions\/8622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/media\/3525"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/media?parent=3524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/categories?post=3524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/tags?post=3524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}