{"id":8110,"date":"2023-02-24T02:28:47","date_gmt":"2023-02-23T22:58:47","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/"},"modified":"2023-02-24T02:28:47","modified_gmt":"2023-02-23T22:58:47","slug":"introduction-to-bash-shell-scripting-for-frontend-developers-o3d","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/","title":{"rendered":"\u0645\u0642\u062f\u0645\u0647 \u0627\u06cc \u0628\u0631 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a Bash Shell \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 Frontend"},"content":{"rendered":"<div data-article-id=\"1377081\" id=\"article-body\">\n<p>\u0645\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u0647\u0633\u062a\u0645 \u06a9\u0647 \u0627\u0632 CLI \u0632\u06cc\u0627\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645\u060c \u06a9\u0647 \u0686\u0646\u062f \u062f\u0633\u062a\u0648\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0646\u0647\u0627\u06cc\u06cc \u06cc\u0627 \u0627\u0646\u062c\u0627\u0645 \u0648\u0638\u0627\u06cc\u0641 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f.  \u0645\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u067e\u0648\u0633\u062a\u0647 \u0634\u0646\u06cc\u062f\u0647 \u0627\u0645 \u0627\u0645\u0627 \u0642\u0628\u0644\u0627 \u0622\u0646 \u0631\u0627 \u0627\u0645\u062a\u062d\u0627\u0646 \u0646\u06a9\u0631\u062f\u0647 \u0628\u0648\u062f\u0645.<\/p>\n<p>\u0645\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0648\u0632\u0627\u0646\u0647 \u0627\u0632 \u0628\u0631\u062e\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u067e\u0648\u0633\u062a\u0647 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645\u060c \u0645\u0627\u0646\u0646\u062f:<\/p>\n<ol>\n<li>\n<p><code>cd<\/code>: \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u06a9\u0627\u0631\u06cc \u0641\u0639\u0644\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p><code>ls<\/code>: \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0641\u0647\u0631\u0633\u062a \u0641\u0647\u0631\u0633\u062a \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p><code>pwd<\/code>: \u0641\u0647\u0631\u0633\u062a \u06a9\u0627\u0631\u06cc \u0641\u0639\u0644\u06cc \u0631\u0627 \u0686\u0627\u067e \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p><code>touch<\/code>: \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062e\u0627\u0644\u06cc.<\/p>\n<\/li>\n<li>\n<p><code>grep<\/code>  \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062c\u0633\u062a\u062c\u0648 \u06a9\u0646\u06cc\u062f \u0648 \u062e\u0637\u0648\u0637 \u062d\u0627\u0648\u06cc \u0622\u0646 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p><code>mkdir<\/code>: \u06cc\u06a9 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p><code>rm<\/code>: \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u06cc\u0627 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0631\u0627 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p><code>cp<\/code>: \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<\/ol>\n<p>\u0645\u0646 \u062a\u0635\u0645\u06cc\u0645 \u06af\u0631\u0641\u062a\u0645 \u06a9\u0647 \u062f\u0631\u06a9 \u0627\u0648\u0644\u06cc\u0647 \u0627\u06cc \u0627\u0632 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0648\u06cc\u0633\u06cc \u067e\u0648\u0633\u062a\u0647 \u0628\u0647 \u062f\u0633\u062a \u0628\u06cc\u0627\u0648\u0631\u0645\u060c \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 front-end \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u062f.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#Shell_Scripting_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >Shell Scripting \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D8%A7%D9%88%D9%84%DB%8C%D9%86_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D9%85%D9%86_%D8%B1%D8%A7_%D8%A8%D9%86%D9%88%DB%8C%D8%B3\" >\u0627\u0648\u0644\u06cc\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7\" >\u0645\u062a\u063a\u06cc\u0631\u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D8%AD%D9%84%D9%82%D9%87_%D9%87%D8%A7\" >\u062d\u0644\u0642\u0647 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%DA%A9%D8%A7%D8%B1%DA%A9%D8%B1%D8%AF\" >\u06a9\u0627\u0631\u06a9\u0631\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D8%AE%D8%B1%D9%88%D8%AC%DB%8C_%D9%81%D8%B1%D9%85%D8%A7%D9%86_%D8%B1%D8%A7_%D8%A8%D8%AE%D9%88%D8%A7%D9%86%DB%8C%D8%AF\" >\u062e\u0631\u0648\u062c\u06cc \u0641\u0631\u0645\u0627\u0646 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D9%85%D8%B4%D8%B1%D9%88%D8%B7_IF_ELSE\" >\u0645\u0634\u0631\u0648\u0637 IF ELSE<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D8%B3%D9%86%D8%A7%D8%B1%DB%8C%D9%88%DB%8C_%E2%80%9C%D8%AF%D8%A7%D8%B1%D8%A8%D8%B3%D8%AA_%D9%BE%D8%B1%D9%88%DA%98%D9%87_%D9%85%D9%86%E2%80%9D\" >\u0633\u0646\u0627\u0631\u06cc\u0648\u06cc &#8220;\u062f\u0627\u0631\u0628\u0633\u062a \u067e\u0631\u0648\u0698\u0647 \u0645\u0646&#8221;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/introduction-to-bash-shell-scripting-for-frontend-developers-o3d\/#%D9%85%D8%B1%D8%A7%D8%AD%D9%84_%D8%A8%D8%B9%D8%AF%DB%8C\" >\u0645\u0631\u0627\u062d\u0644 \u0628\u0639\u062f\u06cc<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Shell_Scripting_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\n<p>  Shell Scripting \u0686\u06cc\u0633\u062a\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0642\u0628\u0644 \u0627\u0632 \u0634\u0631\u0648\u0639\u060c \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0648\u06cc\u0633\u06cc \u067e\u0648\u0633\u062a\u0647 \u0686\u06cc\u0633\u062a\u061f  \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0648\u0638\u0627\u06cc\u0641 \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u06cc\u0645 \u06cc\u0627 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u067e\u0648\u0633\u062a\u0647 \u062e\u0648\u062f \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u0645.  \u067e\u0648\u0633\u062a\u0647 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0645\u062a\u0646\u06cc \u0633\u0627\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062d\u0627\u0648\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u067e\u0648\u0633\u062a\u0647 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627 \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0627\u0633\u062a \u0648 \u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n<ul>\n<li>\n<p>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646: \u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637 \u062a\u0648\u0633\u0639\u0647\u060c \u0627\u062c\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u200c\u0647\u0627 \u06cc\u0627 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u06a9\u062f \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p>\u0645\u062d\u06cc\u0637: \u0645\u062d\u06cc\u0637 \u067e\u0648\u0633\u062a\u0647 \u062e\u0648\u062f \u0631\u0627 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u062c\u0627\u062f \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f \u06cc\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u06cc\u0637\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627.<\/p>\n<\/li>\n<li>\n<p>\u0633\u0627\u062e\u062a \u0648 \u0627\u0633\u062a\u0642\u0631\u0627\u0631: \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u067e\u0648\u0633\u062a\u0647 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u062a\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f \u0633\u0627\u062e\u062a \u0648 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062f \u062a\u0627 \u0622\u0646 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u062f.<\/p>\n<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%88%D9%84%DB%8C%D9%86_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D9%85%D9%86_%D8%B1%D8%A7_%D8%A8%D9%86%D9%88%DB%8C%D8%B3\"><\/span>\n<p>  \u0627\u0648\u0644\u06cc\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u0648\u062c\u0647: \u0645\u0646 \u0627\u0632 \u0648\u06cc\u0646\u062f\u0648\u0632 Git \u0628\u0631\u0627\u06cc \u0648\u06cc\u0646\u062f\u0648\u0632 \u0628\u0627 bash \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u0632 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 bash \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645.<\/p>\n<p>\u0645\u0627 \u0627\u0648\u0644\u06cc\u0646 Hello World \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645\u060c \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0645\u062a\u0646 \u0631\u0627 \u0628\u0627\u0632 \u0645\u06cc \u06a9\u0646\u06cc\u0645\u060c \u062e\u0637\u0648\u0637 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0627 \u0646\u0627\u0645 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645. <code>hello.sh<\/code>:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"c\">#!\/bin\/bash<\/span>\n<span class=\"nb\">echo<\/span> <span class=\"s2\">\"Hello World\"<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u062e\u0637 \u0627\u0648\u0644 \u0686\u06cc\u0632\u06cc \u0628\u0647 \u0646\u0627\u0645 the \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 <code>shebang<\/code> \u062e\u0637  \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c \u0645\u0641\u0633\u0631 \u067e\u0648\u0633\u062a\u0647 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f. <code>\/bin\/bash<\/code>\u060c \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a.  \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0627\u062c\u0631\u0627 \u0622\u0646 \u0631\u0627 \u0642\u0627\u0628\u0644 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u0645 <code>chmod +x hello.sh<\/code>\u0648 \u0633\u067e\u0633 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0627 \u062a\u0627\u06cc\u067e \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f <code>.\/hello.sh<\/code>.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"nx\">$<\/span> <span class=\"p\">.<\/span><span class=\"o\">\/<\/span><span class=\"nx\">hello<\/span><span class=\"p\">.<\/span><span class=\"nx\">sh<\/span>\n<span class=\"nx\">Hello<\/span> <span class=\"nx\">World<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7\"><\/span>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u062f\u0631 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627\u06cc \u067e\u0648\u0633\u062a\u0647 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u0645 \u0648 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0627 \u0628\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0645\u062e\u062a\u0644\u0641 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u0645.  \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0645\u0627 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u06a9\u0646\u06cc\u0645 <code>version<\/code> \u0648 \u0645\u0642\u062f\u0627\u0631 &#8220;1.0&#8221; \u0631\u0627 \u0628\u0647 \u0622\u0646 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f.  \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 <code>echo<\/code> \u067e\u06cc\u0627\u0645 \u0631\u0627 \u0628\u0627 \u0646\u0633\u062e\u0647 \u0686\u0627\u067e \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"cp\">#!\/bin\/bash\n<\/span><span class=\"nx\">version<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">1.0<\/span><span class=\"dl\">\"<\/span>\n<span class=\"nx\">echo<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">we are using $version<\/span><span class=\"dl\">\"<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AD%D9%84%D9%82%D9%87_%D9%87%D8%A7\"><\/span>\n<p>  \u062d\u0644\u0642\u0647 \u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 <code>for<\/code> \u062d\u0644\u0642\u0647 \u0628\u0631\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631 \u0631\u0648\u06cc \u06cc\u06a9 \u0644\u06cc\u0633\u062a.  \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0645\u0627 \u0644\u06cc\u0633\u062a\u06cc \u0627\u0632 \u0646\u0627\u0645 \u0647\u0627 \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u0627\u0632 for \u0648 do \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"c\">#!\/bin\/bash<\/span>\n<span class=\"nv\">version<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"1.0\"<\/span>\n<span class=\"nv\">names<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"dany edgar bezael\"<\/span>\n<span class=\"k\">for <\/span>name <span class=\"k\">in<\/span> <span class=\"nv\">$names<\/span><span class=\"p\">;<\/span> <span class=\"k\">do\n  <\/span><span class=\"nb\">echo<\/span> <span class=\"s2\">\"Hi <\/span><span class=\"nv\">$name<\/span><span class=\"s2\">\"<\/span>\n<span class=\"k\">done<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%DA%A9%D8%A7%D8%B1%DA%A9%D8%B1%D8%AF\"><\/span>\n<p>  \u06a9\u0627\u0631\u06a9\u0631\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u062a\u0648\u0627\u0628\u0639\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u062d\u0635\u0648\u0631 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0637\u0642 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u0645 \u0648 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0627\u0633\u062a <code>function<\/code> \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0648 \u0627\u0631\u0633\u0627\u0644 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627  \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0627\u0628\u0639 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u0622\u0646 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a <code>$n<\/code> \u0646\u062d\u0648\u060c \u06a9\u0647 \u062f\u0631 \u0622\u0646 <code>n<\/code> \u0645\u0648\u0642\u0639\u06cc\u062a \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 1 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"c\">#!\/bin\/bash<\/span>\n<span class=\"nv\">version<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"1.0\"<\/span>\n<span class=\"nv\">names<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"dany edgar bezael\"<\/span>\n\n<span class=\"k\">function <\/span>congrats <span class=\"o\">{<\/span>\n    <span class=\"nb\">echo<\/span> <span class=\"s2\">\"hi, how are you <\/span><span class=\"nv\">$1<\/span><span class=\"s2\">\"<\/span>\n<span class=\"o\">}<\/span>\n\n<span class=\"k\">for <\/span>name <span class=\"k\">in<\/span> <span class=\"nv\">$names<\/span><span class=\"p\">;<\/span> <span class=\"k\">do\n  <\/span>congrats <span class=\"nv\">$name<\/span>\n<span class=\"k\">done<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u0648 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"nv\">$ <\/span>.\/hello.sh\nhi, how are you dany\nhi, how are you edgar\nhi, how are you bezael\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AE%D8%B1%D9%88%D8%AC%DB%8C_%D9%81%D8%B1%D9%85%D8%A7%D9%86_%D8%B1%D8%A7_%D8%A8%D8%AE%D9%88%D8%A7%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u062e\u0631\u0648\u062c\u06cc \u0641\u0631\u0645\u0627\u0646 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06af\u0627\u0647\u06cc \u0627\u0648\u0642\u0627\u062a \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0627 \u06cc\u06a9 \u062f\u0633\u062a\u0648\u0631 \u062e\u0631\u0648\u062c\u06cc \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u0645 <code>ls<\/code> \u0648 \u0627\u0642\u062f\u0627\u0645\u0627\u062a\u06cc \u0631\u0627 \u0628\u0627 \u062e\u0631\u0648\u062c\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.  \u0628\u0631\u0627\u06cc \u0622\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u060c \u0645\u0627 \u0627\u0632 $() \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u062f\u0631 bash \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u062a\u0639\u0648\u06cc\u0636 \u062f\u0633\u062a\u0648\u0631 \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0646\u062a\u06cc\u062c\u0647 \u06cc\u06a9 \u062f\u0633\u062a\u0648\u0631 \u062f\u0631 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0646\u0627\u0645 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f <code>names<\/code> \u0628\u0647 <code>files<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0643\u0631\u062f\u0646 <code>$(ls)<\/code> \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0644\u06cc\u0633\u062a \u0641\u0627\u06cc\u0644 \u062f\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"nv\">version<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"1.0\"<\/span>\n<span class=\"c\">##execute the ls command<\/span>\n<span class=\"nv\">files<\/span><span class=\"o\">=<\/span><span class=\"si\">$(<\/span><span class=\"nb\">ls<\/span><span class=\"si\">)<\/span>\n\n<span class=\"k\">function <\/span>congrats <span class=\"o\">{<\/span>\n    <span class=\"nb\">echo<\/span> <span class=\"s2\">\"hi, how are you <\/span><span class=\"nv\">$1<\/span><span class=\"s2\">\"<\/span>\n<span class=\"o\">}<\/span>\n\n<span class=\"k\">for <\/span>fileName <span class=\"k\">in<\/span> <span class=\"nv\">$files<\/span><span class=\"p\">;<\/span> <span class=\"k\">do\n  <\/span>congrats <span class=\"nv\">$fileName<\/span>\n<span class=\"k\">done<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u0648 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"nx\">$<\/span> <span class=\"p\">.<\/span><span class=\"o\">\/<\/span><span class=\"nx\">hello<\/span><span class=\"p\">.<\/span><span class=\"nx\">sh<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">articles<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">astro<\/span><span class=\"o\">-<\/span><span class=\"nx\">and<\/span><span class=\"o\">-<\/span><span class=\"nx\">morty<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">dany<\/span><span class=\"p\">.<\/span><span class=\"nx\">sh<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">desktop<\/span><span class=\"p\">.<\/span><span class=\"nx\">ini<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">guide<\/span><span class=\"p\">.<\/span><span class=\"nx\">docx<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">hello<\/span><span class=\"p\">.<\/span><span class=\"nx\">sh<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">nba<\/span><span class=\"p\">.<\/span><span class=\"nx\">csv<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"nx\">payments<\/span><span class=\"p\">.<\/span><span class=\"nx\">sh<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"o\">~<\/span><span class=\"nx\">$Qwik<\/span><span class=\"p\">.<\/span><span class=\"nx\">pptx<\/span>\n<span class=\"nx\">hi<\/span><span class=\"p\">,<\/span> <span class=\"nx\">how<\/span> <span class=\"nx\">are<\/span> <span class=\"nx\">you<\/span> <span class=\"o\">~<\/span><span class=\"nx\">$tpsLocal<\/span><span class=\"p\">.<\/span><span class=\"nx\">docx<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0628\u0631\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0641\u0627\u06cc\u0644 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f.  \u0628\u0627 \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0686\u0646\u062f\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645:<\/p>\n<ul>\n<li>\n<p>\u0641\u0631\u0622\u06cc\u0646\u062f \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u0698\u0647 front-end \u062e\u0648\u062f \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f.  \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u06a9\u0631\u062f\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc SASS\u060c \u06a9\u0648\u0686\u06a9\u200c\u0633\u0627\u0632\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u0627 \u06a9\u067e\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0627\u0632 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0628\u0647 \u0645\u06a9\u0627\u0646 \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p>\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0622\u067e\u0644\u0648\u062f \u06a9\u062f \u0634\u0645\u0627 \u062f\u0631 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u0631\u0627\u0647 \u062f\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u06cc\u0627 \u06cc\u06a9 \u0633\u0631\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0631\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u0645.<\/p>\n<\/li>\n<li>\n<p>\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0646\u0635\u0628 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u06cc\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%B4%D8%B1%D9%88%D8%B7_IF_ELSE\"><\/span>\n<p>  \u0645\u0634\u0631\u0648\u0637 IF ELSE<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<blockquote>\n<p>\u067e\u0633 \u0627\u0632 \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u06a9\u0627\u0631\u0644\u0648\u0633 \u0622\u06af\u0648\u0633\u062a\u0648\u060c \u0628\u062e\u0634 IF \u0648 ELSE \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n<\/blockquote>\n<p>\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u0628\u0644\u0648\u06a9 \u06a9\u062f \u0631\u0627 \u062f\u0631 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u06cc \u067e\u0648\u0633\u062a\u0647 bash \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u0645 <code>if<\/code> \u0628\u06cc\u0627\u0646 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0634\u0631\u0637 \u0627\u0633\u062a <code>true<\/code>\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 <code>[condition]<\/code> \u0647\u0631 \u0639\u0628\u0627\u0631\u062a bash \u0645\u0639\u062a\u0628\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u062f\u0631\u0633\u062a \u06cc\u0627 \u0646\u0627\u062f\u0631\u0633\u062a \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0631\u062f.<\/p>\n<p>\u0645\u0627 \u0686\u0646\u062f \u06af\u0632\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0634\u0631\u0627\u06cc\u0637 \u062f\u0627\u0631\u06cc\u0645 \u0645\u0627\u0646\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 if:<\/p>\n<ol>\n<li>\n<p>\u0628\u0631\u0627\u0628\u0631\u06cc \u0628\u06cc\u0646 \u062f\u0648 \u0645\u0642\u062f\u0627\u0631: <code>if [ \"$value1\" = \"$value2\" ]; then<\/code><\/p>\n<\/li>\n<li>\n<p>\u0646\u0627\u0628\u0631\u0627\u0628\u0631\u06cc \u0628\u06cc\u0646 \u062f\u0648 \u0645\u0642\u062f\u0627\u0631: <code>if [ \"$value1\" != \"$value2\" ]; then<\/code><\/p>\n<\/li>\n<li>\n<p>\u0627\u06af\u0631 \u0645\u0642\u062f\u0627\u0631\u06cc \u0628\u0632\u0631\u06af\u062a\u0631 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc \u0628\u0627 \u0645\u0642\u062f\u0627\u0631 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0627\u0634\u062f: <code>if [ \"$value1\" -ge \"$value2\" ]; then<\/code><\/p>\n<\/li>\n<li>\n<p>\u062f\u0631 \u0635\u0648\u0631\u062a \u0648\u062c\u0648\u062f \u0641\u0627\u06cc\u0644: <code>if [ -f \"$filename\" ]; then<\/code><\/p>\n<\/li>\n<li>\n<p>\u0627\u06af\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f: <code>if [ -d \"$dirname\" ]; then<\/code><\/p>\n<\/li>\n<li>\n<p>\u0627\u06af\u0631 \u06cc\u06a9 \u0631\u0634\u062a\u0647 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0637\u0648\u0644\u06cc \u0628\u0631\u0627\u0628\u0631 \u0628\u0627 \u0635\u0641\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u06cc\u0627 \u062e\u06cc\u0631 <code>if [ -z $1 ]<\/code>.<\/p>\n<p>\u0627\u06cc\u0646 <code>if<\/code> \u0645\u062d\u0635\u0648\u0631 \u0634\u062f\u0647 \u0628\u0627 <code>[ ]<\/code> \u0648 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0622\u0646 <code>then<\/code> \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0639\u0645\u0644 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0627\u0633\u062a <code>true<\/code> \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 <code>!<\/code> \u0639\u0645\u0644\u06af\u0631 \u0628\u0631\u0627\u06cc \u0646\u0641\u06cc \u0646\u062a\u06cc\u062c\u0647<\/p>\n<\/li>\n<\/ol>\n<p>\u0645\u062b\u0627\u0644:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"c\">#!\/bin\/bash<\/span>\n<span class=\"c\"># assign value to variable 'name'<\/span>\n<span class=\"nv\">name<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"dany\"<\/span>\n<span class=\"c\"># check if name have value<\/span>\n<span class=\"k\">if<\/span> <span class=\"o\">[<\/span> <span class=\"nt\">-z<\/span> <span class=\"nv\">$name<\/span> <span class=\"o\">]<\/span><span class=\"p\">;<\/span> <span class=\"k\">then\n    <\/span><span class=\"nb\">echo<\/span> <span class=\"s2\">\"Hi <\/span><span class=\"nv\">$name<\/span><span class=\"s2\">\"<\/span>\n<span class=\"k\">else<\/span>\n    <span class=\"c\"># name is empty<\/span>\n    <span class=\"nb\">echo<\/span> <span class=\"s2\">\"Sorry , please set a name\"<\/span>\n<span class=\"k\">fi<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 &#8220;Hi dany&#8221; \u0631\u0627 \u062e\u0631\u0648\u062c\u06cc \u0645\u06cc \u062f\u0647\u062f \u0632\u06cc\u0631\u0627 \u0646\u0627\u0645 \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0627\u0633\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D9%86%D8%A7%D8%B1%DB%8C%D9%88%DB%8C_%E2%80%9C%D8%AF%D8%A7%D8%B1%D8%A8%D8%B3%D8%AA_%D9%BE%D8%B1%D9%88%DA%98%D9%87_%D9%85%D9%86%E2%80%9D\"><\/span>\n<p>  \u0633\u0646\u0627\u0631\u06cc\u0648\u06cc &#8220;\u062f\u0627\u0631\u0628\u0633\u062a \u067e\u0631\u0648\u0698\u0647 \u0645\u0646&#8221;<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 Angular \u0628\u0627 \u0644\u06cc\u0633\u062a\u06cc \u0627\u0632 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0647\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u0648 \u0627\u0648\u0644\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645.<\/p>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0647\u0631 \u062e\u0637 \u0631\u0627 \u062a\u0648\u0636\u06cc\u062d \u062f\u0647\u06cc\u0645:<\/p>\n<ul>\n<li>\n<p>\u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062e\u0627\u0644\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f <code>scaffold.<\/code><code>sh<\/code>  \u0628\u0627 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0634\u0645\u0627<\/p>\n<\/li>\n<li>\n<p>\u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <code>projectName<\/code> \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f <code>$1<\/code><\/p>\n<\/li>\n<li>\n<p>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>if [ -z \"$1\" ]<\/code> \u0648 <code>exit<\/code> \u0628\u0631\u0627\u06cc \u0645\u062a\u0648\u0642\u0641 \u06a9\u0631\u062f\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u062f\u0648\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 (\u0628\u0627 \u062a\u0634\u06a9\u0631 \u0627\u0632 \u06a9\u0627\u0631\u0644\u0648\u0633 \u0622\u06af\u0648\u0633\u062a\u0648).<\/p>\n<\/li>\n<li>\n<p>\u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u062f\u06cc\u06af\u0631 \u0628\u0631\u0627\u06cc \u0644\u06cc\u0633\u062a \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0647\u0627 &#8220;pages components store&#8221; \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p>\u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f <code>npx<\/code> \u0628\u0627 <code>angular\/cli<\/code> \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u067e\u0631\u0648\u0698\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>$projectName<\/code> \u0645\u062a\u063a\u06cc\u0631.<\/p>\n<\/li>\n<li>\n<p>\u067e\u0631\u0648\u0698\u0647Name \u0648 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc src \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f <code>cd<\/code><\/p>\n<\/li>\n<li>\n<p>\u0686\u0627\u067e &#8220;\u062a\u0648\u0644\u06cc\u062f \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0647\u0627.&#8221;  \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0643\u0631\u062f\u0646 <code>echo<\/code><\/p>\n<\/li>\n<li>\n<p>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>for<\/code> \u0628\u0631\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631 \u0644\u06cc\u0633\u062a \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0647\u0627<\/p>\n<\/li>\n<li>\n<p>\u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>mkdir<\/code> \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0622\u0646<\/p>\n<\/li>\n<li>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062a\u0645\u0627\u0645\u060c \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 git \u0628\u0631\u0627\u06cc \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 Git \u0648 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0648 \u0627\u0646\u062c\u0627\u0645 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<\/ul>\n<p>\u06a9\u062f \u0646\u0647\u0627\u06cc\u06cc \u0627\u06cc\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"c\">#!\/bin\/bash<\/span>\n<span class=\"nv\">version<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"1.0\"<\/span>\n<span class=\"c\">#validate that the user passed the parameter<\/span>\n<span class=\"k\">if<\/span> <span class=\"o\">[<\/span> <span class=\"nt\">-z<\/span> <span class=\"s2\">\"<\/span><span class=\"nv\">$1<\/span><span class=\"s2\">\"<\/span> <span class=\"o\">]<\/span>\n<span class=\"k\">then\n     <\/span><span class=\"nb\">echo<\/span> <span class=\"s2\">\"Please add the parameter to script ex: .\/scaffold.sh blog\"<\/span>\n    <span class=\"nb\">exit\n<\/span><span class=\"k\">fi<\/span>\n<span class=\"c\">#get the project name parameter<\/span>\n<span class=\"nv\">projectName<\/span><span class=\"o\">=<\/span><span class=\"nv\">$1<\/span>\n<span class=\"c\">#set a list of directories to create<\/span>\n<span class=\"nv\">listOfDirectories<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"pages components store\"<\/span>\n<span class=\"c\"># use the angular cli to generate<\/span>\nnpx <span class=\"nt\">-p<\/span> @angular\/cli ng new <span class=\"nv\">$projectName<\/span>\n<span class=\"nb\">cd<\/span> <span class=\"nv\">$projectName<\/span>\n<span class=\"nb\">cd <\/span>src\n<span class=\"nb\">echo<\/span> <span class=\"s2\">\"Generate directories\"<\/span>\n<span class=\"c\">#create the list of directories <\/span>\n<span class=\"k\">for <\/span>directory <span class=\"k\">in<\/span> <span class=\"nv\">$listOfDirectories<\/span><span class=\"p\">;<\/span> <span class=\"k\">do\n  <\/span><span class=\"nb\">mkdir<\/span> <span class=\"nv\">$directory<\/span>\n<span class=\"k\">done<\/span>\n<span class=\"c\"># initialize git and commit the changes<\/span>\ngit init\ngit add <span class=\"nb\">.<\/span>\ngit commit <span class=\"nt\">-m<\/span> <span class=\"s2\">\"basic template\"<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0627 \u0639\u0628\u0648\u0631 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0645\u0627\u0646\u0646\u062f \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f <code>scaffold.sh<\/code> <code>blog<\/code>  \u060c \u067e\u0631\u0648\u0698\u0647 \u0632\u0627\u0648\u06cc\u0647 \u0627\u06cc \u0631\u0627 \u0628\u0627 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0632\u0645\u0627\u0646 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u0634\u0631\u06a9\u062a \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0647\u0645\u0627\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062f\u06cc\u06af \u0628\u062e\u0627\u0631 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u062f.<\/p>\n<p><\/p>\n<p>\u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u067e\u0648\u0633\u062a\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631\u0633\u0627\u0632\u06cc \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631\u060c \u0645\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u067e\u0631\u06a9\u0646\u0646\u062f\u0647\u060c \u0627\u062c\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u200c\u0647\u0627\u060c \u06cc\u0627 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u06a9\u062f \u062f\u0631 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u0631\u0627\u0647 \u062f\u0648\u0631 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<p>\u06a9\u062f \u0645\u0646\u0628\u0639:<\/p>\n<p>https:\/\/gist.github.com\/danywalls\/193e46e42751e209760f29c1d3215b51<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%B1%D8%A7%D8%AD%D9%84_%D8%A8%D8%B9%D8%AF%DB%8C\"><\/span>\n<p>  \u0645\u0631\u0627\u062d\u0644 \u0628\u0639\u062f\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u067e\u0627\u06cc\u0627\u0646\u060c \u067e\u0648\u0633\u062a\u0647 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u06a9\u0645\u06a9 \u06a9\u0646\u062f \u062a\u0627 \u0648\u0638\u0627\u06cc\u0641 \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0631\u062f\u0647 \u0648 \u0645\u062d\u06cc\u0637 \u062a\u0648\u0633\u0639\u0647 \u062e\u0648\u062f \u0631\u0627 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0646\u0646\u062f.  \u0628\u0627 \u062f\u0631\u06a9 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u067e\u0648\u0633\u062a\u0647 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0627\u0632 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u06cc \u067e\u0648\u0633\u062a\u0647 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u062e\u0648\u062f \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0633\u0639\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.<\/p>\n<p>\u0686\u06cc\u0632\u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0645\u0641\u0627\u0647\u06cc\u0645 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631.  \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0646\u0627\u0628\u0639 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0622\u0646\u0644\u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0627\u062f\u0627\u0645\u0647 \u0633\u0641\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062e\u0648\u062f \u0628\u06cc\u0627\u0628\u06cc\u062f.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u0647\u0633\u062a\u0645 \u06a9\u0647 \u0627\u0632 CLI \u0632\u06cc\u0627\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645\u060c \u06a9\u0647 \u0686\u0646\u062f \u062f\u0633\u062a\u0648\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0646\u0647\u0627\u06cc\u06cc \u06cc\u0627 \u0627\u0646\u062c\u0627\u0645 \u0648\u0638\u0627\u06cc\u0641 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u067e\u0648\u0633\u062a\u0647 \u0634\u0646\u06cc\u062f\u0647 \u0627\u0645 \u0627\u0645\u0627 \u0642\u0628\u0644\u0627 \u0622\u0646 \u0631\u0627 \u0627\u0645\u062a\u062d\u0627\u0646 \u0646\u06a9\u0631\u062f\u0647 \u0628\u0648\u062f\u0645. \u0645\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0648\u0632\u0627\u0646\u0647 \u0627\u0632 \u0628\u0631\u062e\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u067e\u0648\u0633\u062a\u0647 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645\u060c &hellip;<\/p>\n","protected":false},"author":2,"featured_media":8112,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-8110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/8110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=8110"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/8110\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/8112"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=8110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=8110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=8110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}