{"id":20956,"date":"2023-05-03T08:37:54","date_gmt":"2023-05-03T05:07:54","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/javascript-password-generator-5gg\/"},"modified":"2023-05-03T08:37:54","modified_gmt":"2023-05-03T05:07:54","slug":"javascript-password-generator-5gg","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/javascript-password-generator-5gg\/","title":{"rendered":"\u0645\u0648\u0644\u062f \u0631\u0645\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a.  &#8211; \u0627\u0646\u062c\u0645\u0646 DEV"},"content":{"rendered":"<div data-article-id=\"1455415\" id=\"article-body\">\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f \u0627\u0633\u062a.  \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u0637\u0648\u0644 \u0633\u0627\u0644\u06cc\u0627\u0646 \u0645\u062a\u0645\u0627\u062f\u06cc \u062a\u06a9\u0627\u0645\u0644 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a \u0648 \u062a\u0646\u0647\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u062e\u0648\u0628 \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u067e\u06cc\u0634\u0631\u0641\u062a \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.<br \/>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f \u0648 \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<br \/>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0627\u0632 HTML\u060c CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.  \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0628\u0627 \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0648\u0644\u062f \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u067e\u06cc\u0648\u0646\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u06a9\u0627\u0631 \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p><strong>\u062c\u062f\u0648\u0644 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a<\/strong><\/p>\n<ul>\n<li>\n<p>\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637<\/p>\n<\/li>\n<li>\n<p>Building index.html, styles.css<\/p>\n<\/li>\n<li>\n<p>\u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u06a9\u0645\u06cc\u0644 \u0628\u0631\u0646\u0627\u0645\u0647<\/p>\n<\/li>\n<li>\n<p>\u062a\u0639\u0647\u062f \u067e\u0631\u0648\u0698\u0647 \u0628\u0647 git<\/p>\n<\/li>\n<li>\n<p>\u062b\u0628\u062a \u0646\u0627\u0645 \u062f\u0631 Vercel \u0628\u0627 github<\/p>\n<\/li>\n<li>\n<p>\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062f\u0631 vercel<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637<\/strong><br \/>\u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0641\u0642\u0637 \u0627\u0632 HTML\u060c CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<br \/>\u06cc\u06a9 \u067e\u0648\u0634\u0647 \u0628\u0627 \u0647\u0631 \u0646\u0627\u0645 \u062f\u0644\u062e\u0648\u0627\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.  \u062f\u0631 \u0644\u06cc\u0646\u0648\u06a9\u0633 \u0627\u0632 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<br \/><code>mkdir jspassword<\/code><\/p>\n<p>\u0627\u0632 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0628\u0647 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u062c\u062f\u06cc\u062f \u0628\u0627 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f:<br \/><code>cd jspassword<\/code><\/p>\n<p><strong>Building Index.html \u0648 Styles.css<\/strong><br \/>\u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f \u0628\u0627 \u0646\u0627\u0645 index.html \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<br \/>\u0627\u06af\u0631 \u0627\u0632 \u0631\u0627\u0628\u0637 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646 (CLI) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u062f\u0633\u062a\u0648\u0631 \u0631\u0627 \u0635\u0627\u062f\u0631 \u06a9\u0646\u06cc\u062f:<br \/><code>touch index.html<\/code><\/p>\n<p>\u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0634\u0627\u0645\u0644 \u0633\u0627\u062e\u062a\u0627\u0631\/\u0642\u0627\u0628 \u0635\u0641\u062d\u0647 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<br \/>\u0645\u062d\u062a\u0648\u0627\u06cc index.html<\/p>\n<p><code>&lt;!DOCTYPE html&gt;<br \/>&lt;html lang=\"en\"&gt;<br \/>&lt;head&gt;<br \/>&lt;meta charset=\"UTF-8\"&gt;<br \/>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;<br \/>&lt;title&gt;Password Generator&lt;\/title&gt;<br \/>&lt;link rel=\"stylesheet\" href=\"https:\/\/dev.to\/thekalderon\/style.css\"&gt;<br \/>&lt;\/head&gt;<br \/>&lt;body&gt;<br \/>&lt;div class=\"box\"&gt;<br \/>&lt;h2&gt;Password Generator&lt;\/h2&gt;<br \/>&lt;input type=\"text\" name=\"\" placeholder=\"Create password\" id=\"password\" readonly required&gt;<br \/>&lt;table&gt;<br \/>&lt;th&gt;&lt;div id=\"button\" class=\"btn1\"onclick=\"genPassword()\"&gt;Generate&lt;\/div&gt;&lt;\/th&gt;<br \/>&lt;th&gt;&lt;a  id=\"button\" class=\"btn2\" onclick=\"copyPassword()\"&gt;Copy&lt;\/a&gt;&lt;\/th&gt;<br \/>&lt;\/table&gt;<br \/>&lt;\/div&gt;<br \/>&lt;script src=\"https:\/\/dev.to\/thekalderon\/script.js\"&gt;&lt;\/script&gt;<br \/>&lt;\/body&gt;<br \/>&lt;\/html&gt;<\/code><\/p>\n<p>\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u0645\u062a\u0648\u0646 \u0639\u0646\u0648\u0627\u0646\u060c \u062f\u06a9\u0645\u0647 \u0647\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u062e\u0648\u0628\u06cc \u0645\u0631\u062a\u0628 \u0634\u062f\u0647 \u0648 \u0633\u0628\u06a9 \u0634\u0648\u0646\u062f.  \u0627\u06cc\u0646 \u0627\u0641\u06a9\u062a \u0628\u0627 \u0641\u0627\u06cc\u0644 styles.css \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc \u0622\u06cc\u062f.<br \/>&#8216;index.html&#8217; \u0628\u0627 styles.css \u0628\u0627 \u062e\u0637 \u0632\u06cc\u0631 \u067e\u06cc\u0648\u0646\u062f \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<br \/><code>&lt;link rel=\"stylesheet\" href=\"https:\/\/dev.to\/thekalderon\/style.css\"&gt;<\/code><\/p>\n<p>\u0627\u06cc\u0646 \u0645\u062d\u062a\u0648\u0627\u06cc \u0641\u0627\u06cc\u0644 styles.css \u0627\u0633\u062a:<\/p>\n<p><code>*<\/code> <code>{<br \/>margin: 0;<br \/>padding: 0;<br \/>user-select: none;<br \/>box-sizing: border-box;<br \/>}<br \/>body {<br \/>background-color: rgb(79, 75, 75);<br \/>}<br \/>.box {<br \/>background-color: rgb(176, 169, 169);<br \/>padding: 40px ;<br \/>border-radius: 30px;<br \/>box-shadow: 8px 5px 14px -1px rgb(94, 94, 94);<br \/>-webkit-box-shadow: 8px 5px 14px -1px rgba(94, 94, 94);<br \/>-moz-box-shadow: 8px 5px 14px -1px rgba(94, 94, 94);<br \/>position: absolute;<br \/>top: 50%;<br \/>left: 50%;<br \/>transform: translate(-50%, -50%);<br \/>overflow:hidden;<br \/>}<br \/>@media (min-width:600px) and (max-width:720px){<br \/>body{<br \/>background-color: lightseagreen; <br \/>}<br \/>.box{<br \/>height: 100vh;<br \/>width:100%;<br \/>overflow: hidden;<br \/>padding:20px;<br \/>}<br \/>}<br \/>.box h2 {<br \/>margin-bottom: 40px;<br \/>text-align: center;<br \/>font-size: 26px;<br \/>color: black;<br \/>font-family: Roboto;<br \/>}<br \/>input {<br \/>padding: 20px;<br \/>user-select: none;<br \/>height: 50px;<br \/>width: 400px;<br \/>border-radius: 6px;<br \/>border: none;<br \/>border: 2px solid black;<br \/>outline: none;<br \/>font-size: 22px;<br \/>}<br \/>input::placeholder {<br \/>font-size: 23px;<br \/>}<\/code><br \/><code>#button {<br \/>font-family: sans-serif;<br \/>font-size: 15px;<br \/>margin-top: 40px;<br \/>width: 155px;<br \/>height: 50px;<br \/>text-align: center;<br \/>background-color: #14e5;<br \/>display: flex;<br \/>color: rgb(255, 255, 255);<br \/>justify-content: center;<br \/>align-items: center;<br \/>cursor: pointer;<br \/>border-radius: 7px;<br \/>transition: 300ms ease-in-out;<br \/>}<br \/>.btn2 {<br \/>margin-left: 85px;<br \/>}<\/code><br \/><code>#button:hover {<br \/>color: white;<br \/>background-color: black;<br \/>}<\/code><\/p>\n<p>\u0645\u0647\u0645\u062a\u0631 \u0627\u0632 \u0647\u0645\u0647\u060c \u062f\u06a9\u0645\u0647 \u0647\u0627\u060c \u0645\u062a\u0646 \u0647\u0627\u06cc \u0633\u0631\u0635\u0641\u062d\u0647 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0645\u0631\u062a\u0628 \u0634\u062f\u0647 \u0627\u0646\u062f:<\/p>\n<p><\/p>\n<p>\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc HTML \u0648 CSS \u0645\u0633\u0626\u0648\u0644 \u06a9\u0627\u062f\u0631\u0628\u0646\u062f\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc\/\u0638\u0627\u0647\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0628\u0648\u062f\u0646\u062f.  \u0628\u0647 \u0639\u0628\u0627\u0631\u062a \u0648\u0627\u0636\u062d \u062a\u0631\u060c HTML \u0628\u0647 \u0634\u0627\u0644\u0648\u062f\u0647\/\u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u06a9 \u062e\u0627\u0646\u0647 \u062a\u0634\u0628\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 CSS \u0628\u0647 \u0646\u0642\u0627\u0634\u06cc\/\u0632\u06cc\u0628\u0627\u06cc\u06cc \u0634\u0646\u0627\u0633\u06cc \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f.<\/p>\n<p><strong>\u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u06a9\u0645\u06cc\u0644 \u0628\u0631\u0646\u0627\u0645\u0647<\/strong><br \/>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0632\u0628\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646\u0637\u0642 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<br \/>\u062a\u0648\u0627\u0628\u0639 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0627\u0646\u0646\u062f \u062a\u0627\u0628\u0639 \u062a\u0635\u0627\u062f\u0641\u06cc \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0631\u0645\u0632\u0647\u0627\u06cc \u0639\u0628\u0648\u0631 \u0645\u062e\u062a\u0644\u0641 \u062f\u0631 \u0647\u0631 \u062a\u06a9\u0631\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<br \/>\u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u062c\u062f\u06cc\u062f \u0628\u0627 \u0639\u0646\u0648\u0627\u0646 &#8220;\u06af\u0630\u0631\u0648\u0627\u0698\u0647&#8221; \u06a9\u0647 \u0628\u0627 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc &#8220;let&#8221; \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0639\u0646\u0635\u0631 \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0645\u0646\u0637\u0642 \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<br \/>\u062f\u0631 \u0647\u0645\u0627\u0646 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc\u061b<\/p>\n<ul>\n<li>\n<p>index.html<\/p>\n<\/li>\n<li>\n<p>style.css<\/p>\n<\/li>\n<li>\n<p>script.js<\/p>\n<\/li>\n<\/ul>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u0627 script.js \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645.<br \/>\u0642\u0628\u0644\u0627\u064b script.js \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 index.html \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u06cc\u0645. \u0627\u06cc\u0646 \u0642\u0637\u0639\u0647 \u0627\u06cc\u0646 \u0627\u0633\u062a:<\/p>\n<p><code>&lt;script src=\"https:\/\/dev.to\/thekalderon\/script.js\"&gt;&lt;\/script&gt;<\/code><\/p>\n<p>\u0627\u06cc\u0646 \u06a9\u062f script.js \u0627\u0633\u062a:<\/p>\n<p><code>let password = document.getElementById(\"password\");<br \/>function genPassword() {<br \/>var chars = \"0123456789abcdefghakshSNUAI2425NYfijklmnopqrstuvwxyz!@#$%^&amp;*()ABCDEFGHIJKLMNOPQRSTUVWXYZ\";<br \/>var passwordLength = 12;<br \/>var password = \"\";<br \/>for (var i = 0; i &lt;= passwordLength; i++) {<br \/>var randomNumber = Math.floor(Math.random() * chars.length);<br \/>password += chars.substring(randomNumber, randomNumber + 1);<br \/>}<br \/>document.getElementById(\"password\").value = password;<br \/>}<br \/>function copyPassword() {<br \/>var copyText = document.getElementById(\"password\");<br \/>copyText.select();<br \/>copyText.setSelectionRange(0, 999);<br \/>}<\/code><\/p>\n<p>\u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc &#8216;jspassword&#8217; \u0627\u06a9\u0646\u0648\u0646 \u0634\u0627\u0645\u0644 \u0633\u0647 \u0641\u0627\u06cc\u0644 \u0627\u0633\u062a.  index.html\u060c styles.css \u0648 script.js.<\/p>\n<p><strong>\u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u0628\u0647 Github<\/strong><\/p>\n<p>\u0628\u0647 github \u0628\u0631\u0648\u06cc\u062f \u0648 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062c\u062f\u06cc\u062f \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u06cc\u06a9 \u0645\u062e\u0632\u0646 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0627 \u0628\u0627 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0632\u06cc\u0631 \u0628\u0647 github commit \u06a9\u0646\u06cc\u062f:<br \/><code>git init<br \/>git add .<br \/>git commit - m \"JSPASSWORD APP\"<br \/>git branch -M main<br \/>git remote add origin (paste your ssh or httpS link of the git repostory you created)<br \/>git push -u origin main<\/code><\/p>\n<p>\u0641\u0634\u0627\u0631 \u06a9\u0627\u0645\u0644 \u0634\u0645\u0627 \u0628\u0647 github \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/05\/1683090474_466_\u0645\u0648\u0644\u062f-\u0631\u0645\u0632-\u062c\u0627\u0648\u0627-\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a-\u0627\u0646\u062c\u0645\u0646-DEV.png\" alt=\"\u0646\u06af\u0627\u0647 \u0641\u0634\u0627\u0631 \u0628\u0647 git\" loading=\"lazy\" width=\"800\" height=\"142\" title=\"\"><\/p>\n<p><strong>\u062f\u0631 \u062d\u0627\u0644 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0628\u0647 vercel<\/strong><br \/>\u0628\u0647 vercel \u0628\u0631\u0648\u06cc\u062f \u0648 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0627 Github \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f.<br \/>\u062f\u0631 \u06af\u0648\u0634\u0647 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0628\u0627\u0644\u0627\u060c \u06cc\u06a9 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f <strong>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u067e\u0631\u0648\u0698\u0647 \u062c\u062f\u06cc\u062f<\/strong>.<br \/>\u0622\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u062d\u0633\u0627\u0628 github \u062e\u0648\u062f \u0631\u0627 \u067e\u06cc\u0648\u0646\u062f \u062f\u0647\u06cc\u062f.<br \/>\u0645\u062e\u0632\u0646 git \u0631\u0627 \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u06cc\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u062f\u062a\u06cc \u0645\u0646\u062a\u0638\u0631 \u0628\u0645\u0627\u0646\u06cc\u062f.<br \/>\u0628\u0627 \u062a\u0634\u06a9\u0631\u060c \u0634\u0645\u0627 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc \u0645\u0633\u062a\u0642\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a <strong>\u0628\u0631\u0646\u0627\u0645\u0647 \u062a\u0648\u0644\u06cc\u062f \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0628\u0647 \u062a\u0645\u0627\u0645 \u062c\u0647\u0627\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0627\u06cc\u06af\u0627\u0646<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/05\/1683090474_816_\u0645\u0648\u0644\u062f-\u0631\u0645\u0632-\u062c\u0627\u0648\u0627-\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a-\u0627\u0646\u062c\u0645\u0646-DEV.png\" alt=\"\u0631\u0627\u0628\u0637 Vercel \u067e\u0633 \u0627\u0632 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\" loading=\"lazy\" width=\"800\" height=\"271\" title=\"\"><\/p>\n<p>\u0627\u06cc\u0646 \u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0628\u0647 \u06a9\u062f \u0645\u0646\u0628\u0639 \u067e\u0631\u0648\u0698\u0647 \u0627\u0633\u062a.<br \/>\u0647\u0645\u06cc\u0646 \u0627\u0633\u062a!\u060c \u0634\u0645\u0627 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0631\u0627 \u06a9\u0647 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0645\u0633\u062a\u0642\u0631 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f!<br \/>\u0645\u0646 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f <a href=\"https:\/\/www.twitter.com\/thekinping\" rel=\"nofollow noopener\" target=\"_blank\">\u062a\u0648\u06cc\u06cc\u062a\u0631<\/a><\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f \u0627\u0633\u062a. \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u0637\u0648\u0644 \u0633\u0627\u0644\u06cc\u0627\u0646 \u0645\u062a\u0645\u0627\u062f\u06cc \u062a\u06a9\u0627\u0645\u0644 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a \u0648 \u062a\u0646\u0647\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u062e\u0648\u0628 \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u067e\u06cc\u0634\u0631\u0641\u062a \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f \u0648 \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0641\u0648\u0644 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":20957,"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-20956","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\/20956","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=20956"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/20956\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/20957"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=20956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=20956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=20956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}