{"id":102138,"date":"2025-03-19T01:26:40","date_gmt":"2025-03-18T21:56:40","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%d8%a8%d9%87-%d8%b2%d9%88%d8%af%db%8c-javascript-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d8%af%d9%87%d9%86%d8%af%da%af%d8%a7%d9%86-%d8%b1%db%8c%d9%84\/"},"modified":"2025-03-19T01:26:40","modified_gmt":"2025-03-18T21:56:40","slug":"%d8%a8%d9%87-%d8%b2%d9%88%d8%af%db%8c-javascript-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d8%af%d9%87%d9%86%d8%af%da%af%d8%a7%d9%86-%d8%b1%db%8c%d9%84","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%d8%a8%d9%87-%d8%b2%d9%88%d8%af%db%8c-javascript-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d8%af%d9%87%d9%86%d8%af%da%af%d8%a7%d9%86-%d8%b1%db%8c%d9%84\/","title":{"rendered":"\u0628\u0647 \u0632\u0648\u062f\u06cc: JavaScript \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u06cc\u0644"},"content":{"rendered":"
\n

\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u062f\u0631 \u0637\u0631\u0627\u062d \u0631\u06cc\u0644 \u0645\u0646\u062a\u0634\u0631 \u0634\u062f<\/p>\n\n

\u0627\u0648\u0627\u062e\u0631 \u0633\u0627\u0644 \u06af\u0630\u0634\u062a\u0647 \u0646\u0634\u0633\u062a\u0645 \u0648 \u0628\u0647 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0622\u0645\u0627\u0631 \u0633\u0627\u06cc\u062a\u0645 \u0646\u06af\u0627\u0647 \u06a9\u0631\u062f\u0645. \u0645\u0646 \u0645\u0642\u0627\u0644\u0627\u062a \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0634\u062a\u0645 \u06a9\u0647 \u0647\u0631 \u0645\u0627\u0647 \u062a\u0648\u0633\u0637 \u0627\u0641\u0631\u0627\u062f 5 \u0631\u0642\u0645\u06cc \u062e\u0648\u0627\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0622\u0646 \u060c \u0645\u0646 \u062f\u0631 dev.to (+30k) \u0648 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0645\u062d\u06a9\u0645 \u0627\u0632 \u0645\u0634\u062a\u0631\u06a9\u0627\u0646 \u0627\u06cc\u0645\u06cc\u0644 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u062f\u0627\u0631\u0645. \u0627\u0632 \u062a\u0645\u0627\u0645 \u0645\u0642\u0627\u0644\u0627\u062a\u06cc \u06a9\u0647 \u0645\u06cc \u0646\u0648\u06cc\u0633\u0645 \u060c \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u062f\u0631 JavaScript \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0633\u0624\u0627\u0644\u0627\u062a \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u0646\u062f: “\u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u0645 \u0627\u06cc\u0646 \u0631\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u0645\u061f” \u060c “\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0631\u0637\u0631\u0641 \u06a9\u0646\u06cc\u062f\u061f” \u0648 \u063a\u06cc\u0631\u0647<\/p>\n

\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u060c \u067e\u0633 \u0627\u0632 \u0635\u062d\u0628\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0646 \u0628\u0627 \u0686\u0646\u062f \u062f\u0648\u0633\u062a \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u060c \u0645\u0646 \u06a9\u062a\u0627\u0628\u06cc \u0631\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f\u0645: “JavaScript \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u06cc\u0644”. \u0627\u06cc\u0646 \u06cc\u06a9 \u0627\u06cc\u062f\u0647 \u06a9\u0627\u0645\u0644\u0627\u064b \u062c\u062f\u06cc\u062f \u0646\u0628\u0648\u062f \u060c \u0645\u0646 \u0686\u0646\u062f \u0633\u0627\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0644\u06cc\u0633\u062a \u0627\u06cc\u062f\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u06a9\u0645 \u06a9\u0631\u062f\u0645 \u060c \u0627\u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u0645\u0648\u0636\u0648\u0639\u06cc \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0622\u0646 \u0646\u06cc\u0632 \u062f\u0627\u0634\u062a\u0645: JavaScript \u0631\u0627 \u0628\u0647 \u0632\u0628\u0627\u0646 \u062f\u0648\u0645\u06cc\u0646 \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u062e\u0648\u062f \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f<\/strong>\u0628\u0634\u0631 \u0645\u0646 \u06cc\u06a9 \u0634\u06a9\u0627\u0631 \u062f\u0627\u0634\u062a\u0645 \u0686\u06cc\u0632\u06cc \u0628\u0648\u062f \u0628\u0627\u0632\u0627\u0631 \u0639\u0644\u0627\u0642\u0647 \u0645\u0646\u062f \u0628\u0648\u062f<\/em>\u060c \u0627\u0645\u0627 \u0645\u0646 100 \u066a \u0645\u0637\u0645\u0626\u0646 \u0646\u0628\u0648\u062f\u0645.<\/p>\n

\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0645\u0646 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0628\u0627 \u0648\u0639\u062f\u0647 \u06a9\u062a\u0627\u0628 \u0648 \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u0634 \u0633\u0641\u0627\u0631\u0634 \u0622\u0646 \u0628\u0627 \u062a\u062e\u0641\u06cc\u0641 \u0628\u0632\u0631\u06af \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0645. \u0627\u0632 \u0622\u0646 \u0632\u0645\u0627\u0646 \u062a\u0639\u062f\u0627\u062f \u062e\u0648\u0628\u06cc \u0627\u0632 \u0634\u0645\u0627 \u06a9\u062a\u0627\u0628 \u0631\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0633\u0641\u0627\u0631\u0634 \u062f\u0627\u062f\u0647 \u0627\u06cc\u062f. \u0622\u0646\u0642\u062f\u0631 \u06a9\u0647 \u0645\u0646 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062f\u0627\u0634\u062a\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0648\u0627\u0642\u0639\u06cc\u062a \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u062f (\u0645\u0646 \u0628\u0631\u0627\u06cc \u062e\u0648\u062f\u0645 \u0647\u062f\u0641 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0631\u062f\u0645 \u0648 \u0627\u06af\u0631 \u0647\u0645\u0633\u0627\u0646 \u0646\u0628\u0627\u0634\u0645 \u060c \u0647\u0645\u0647 \u0631\u0627 \u0628\u0627\u0632\u067e\u0631\u062f\u0627\u062e\u062a \u0645\u06cc \u06a9\u0631\u062f\u0645).<\/p>\n

\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u062a\u0635\u0645\u06cc\u0645 \u06af\u0631\u0641\u062a\u0645 \u0628\u0627 \u06a9\u062a\u0627\u0628 \u0628\u06af\u0630\u0631\u0627\u0646\u0645 \u060c \u0648\u0642\u062a \u0632\u06cc\u0627\u062f\u06cc \u0631\u0627 \u0635\u0631\u0641 \u06cc\u0627\u0641\u062a\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u062f\u0631\u0633\u062a \u06a9\u0631\u062f\u0645. \u0646\u0648\u0634\u062a\u0646 \u06a9\u062a\u0627\u0628 \u0628\u0647 \u062f\u0648\u0631 \u0627\u0632 \u0645\u0642\u0627\u0644\u0627\u062a \u0645\u062d\u06a9\u0645 \u0648 \u0645\u062d\u06a9\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u06cc \u0646\u0648\u06cc\u0633\u0645. \u0627\u0645\u0627 \u062f\u0631 \u0647\u0645\u06cc\u0646 \u0645\u0648\u0631\u062f \u060c \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u0633\u062a\u06cc \u061b \u0633\u0627\u062e\u062a\u0646 \u0686\u06cc\u0632\u06cc \u0645\u0644\u0645\u0648\u0633 \u060c \u0647\u0645\u06cc\u0634\u0647 \u0628\u0647\u062a\u0631 \u0627\u0632 \u0627\u0646\u062a\u0632\u0627\u0639 \u062a\u0631 \u0639\u0645\u0644 \u0645\u06cc \u06a9\u0631\u062f.<\/p>\n

\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0628\u0639\u062f \u0627\u0632 \u0634\u0631\u0648\u0639 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0630\u0628 (\u0646\u0647 \u0648\u0627\u0642\u0639\u0627\u064b: \u0628\u0633\u06cc\u0627\u0631\u06cc!) \u060c \u0645\u0646 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0628\u0627 \u06cc\u06a9 \u0627\u06cc\u062f\u0647 \u062d\u0644 \u0648 \u0641\u0635\u0644 \u06a9\u0631\u062f\u0645: \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u062f\u0631 \u0645\u062d\u0631\u06a9 \u060c \u0628\u0631 \u0627\u0633\u0627\u0633 Codemirror<\/strong>\u0628\u0634\u0631 \u0627\u06cc\u0646 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0633\u0637\u062d\u06cc \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f \u060c \u0627\u0645\u0627 \u0645\u0646 \u0622\u0646 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0631\u062f\u0645 \u062a\u0627 \u0628\u0627 \u0627\u0635\u0648\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0634\u0631\u0648\u0639 \u06a9\u0646\u0645: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0634\u062e\u0635 \u062b\u0627\u0644\u062b \u062f\u0631 \u0645\u062d\u0631\u06a9 \u062a\u0627 \u06af\u0633\u062a\u0631\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0627 \u0647\u0631 \u0641\u0635\u0644. \u0633\u067e\u0633 \u0647\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0647 \u0686\u06cc\u0632 \u062c\u062f\u06cc\u062f\u06cc \u0645\u0639\u0631\u0641\u06cc \u0634\u0648\u062f \u060c \u06a9\u0627\u0648\u0634 \u0645\u06cc \u06a9\u0646\u0645.<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06af\u0632\u06cc\u062f\u0647 \u0627\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f (Markdown\/Asciidoc \u0648\u0627\u0642\u0639\u06cc \u06a9\u0647 \u0645\u06cc \u0646\u0648\u06cc\u0633\u0645):<\/p>\n

\n
    (<\/span>\u2026<\/span>)<\/span>\n\n    Now<\/span> you<\/span> got<\/span> a<\/span> super<\/span> basic<\/span> editor<\/span> working<\/span> that<\/span> is<\/span> not<\/span> much<\/span> better<\/span> than<\/span> running<\/span> `data:text\/html, `<\/span> in<\/span> your<\/span> browser<\/span>.<\/span> The<\/span> content<\/span> on<\/span> load<\/span> is<\/span> static<\/span> and<\/span> any<\/span> change<\/span> made<\/span> is<\/span> lost<\/span> when<\/span> you<\/span> refresh<\/span> the<\/span> page<\/span>.<\/span>\n\n    ##<\/span> 3.3<\/span>.<\/span>1<\/span> Passing<\/span> data<\/span> to<\/span> a<\/span> Stimulus<\/span> controller<\/span>\n\n    Stimulus<\/span> has<\/span> the<\/span> values<\/span> API<\/span> that<\/span> allows<\/span> to<\/span> pass<\/span> data<\/span> to<\/span> the<\/span> controller<\/span> from<\/span> the<\/span> HTML<\/span>.<\/span> Like<\/span> a<\/span> lot<\/span> of<\/span> things<\/span> in<\/span> Rails<\/span>,<\/span> Stimulus<\/span> also<\/span> follows<\/span> certain<\/span> conventions<\/span>.<\/span> You<\/span> can<\/span> pass<\/span> values<\/span>,<\/span> like<\/span> strings<\/span>,<\/span> integers<\/span> and<\/span> hash<\/span> and<\/span> array<\/span>-<\/span>objects<\/span> using<\/span> the<\/span> following<\/span> syntax<\/span>:<\/span> `data-[controllerName]-[valueName]-value=\"\"`<\/span>.<\/span>\n\n    Then<\/span> in<\/span> the<\/span> controller<\/span> you<\/span> define<\/span> it<\/span> using<\/span> the<\/span> `static values`<\/span> object<\/span>,<\/span> like<\/span> this<\/span>:<\/span>\n\n    ```\n\njavascript\n    import { Controller } from \"@hotwired\/stimulus\"\n    import { basicSetup } from \"codemirror\"\n    import { EditorView } from \"@codemirror\/view\"\n\n    export default class extends Controller {\n        static values = { content: String }\n\n    \/\/ \u2026\n    }\n\n\n    ```<\/span>\n\n    ###<\/span> Static<\/span> class<\/span> field<\/span> in<\/span> JavaScript<\/span>\n\n    Wait<\/span>\u2026<\/span> \u201c<\/span>static<\/span> values<\/span> object<\/span>\u201d<\/span>?<\/span> You<\/span> can<\/span> compare<\/span> the<\/span> *<\/span>static<\/span> class<\/span> field<\/span>*<\/span> to<\/span> Ruby<\/span>'<\/span>s class methods (`self.` or `\u2060class << self`). It defines methods that belong to the class itself rather than instances of the class.\n\n    In Ruby:\n\n    ```\n\njavascript\n    class Example\n    def self.class_method\n        \"It me!\"\n    end\n    end\n\n    Example.class_method # => \"It me!\"\n\n\n    ```\n\n    In JavaScript:\n\n    ```\n\njavascript\n    class Example {\n    static classMethod() {\n        return \"It me!\"\n    }\n    }\n\n    Example.classMethod() \/\/ \"It me!\"\n\n\n    ```\n\n\n    Both look pretty much alike, right? As an aside: in a later chapter, I will dive deeper into JavaScript classes.\n\n\n    Stimulus adds some extras to it too; \u201chey, these properties should be available across all instances of this controller (not just the current instance). Oh\u2026 also I want you to automatically create methods to get\/set these values.\u201d\n\n    So with the above added `static values = {}` line, you automatically get:\n\n    1. Getters, like \u2060`this.contenValue`;\n    2. Setters, like \u2060`this.contenValue = 42`;\n    3. Has-methods, like \u2060`this.hasContentVale`.\n\n    (\u2026)\n\n    ### Fat-arrow functions\n\n    But before continuing, there is some interesting, and often confusing, JavaScript tomfoolery going on here that trips up many Ruby developers:\n\n    ```\n\njavascript\n    EditorView.updateListener.of((update) => {\n    \/\/ \u2026\n    })\n\n\n    ```\n\n    What you see here is called a (fat) arrow function `() => {}`. It was introduced in ES6\/ES2015. In Ruby you can compare it to the  \u2060`->` (lambda) syntax, but with the added benefit of a lexical `this` binding. Lexical-what? It will automatically keep `this` pointing to where it was defined. Before ES6\/ES2015, you had to add `bind(this)`. Let<\/span>'<\/span>s<\/span> change<\/span> the<\/span> above<\/span> code<\/span> to<\/span> use<\/span> the<\/span> post<\/span>-<\/span>ES6<\/span> syntax<\/span> to<\/span> check<\/span> it<\/span> out<\/span>:<\/span>\n\n    ```\n\njavascript\n    \/\/ \u2026\n    connect() {\n        this.editor = new EditorView({\n        doc: this.contentValue,\n        parent: this.element,\n        extensions: [\n            basicSetup,\n            \/\/ EditorView.updateListener.of((update) => {\n                        \/\/ if (update.docChanged) { this.#update() }\n                    \/\/ })\n            EditorView.updateListener.of(function(update) {\n            if (update.docChanged) { this.#update() }\n            }.bind(this))\n            ]\n        })\n        }\n    \/\/ \u2026\n\n\n    ```<\/span>\n\n    When<\/span> making<\/span> changes<\/span> in<\/span> the<\/span> editor<\/span> you<\/span> will<\/span> still<\/span> notice<\/span> the<\/span> console<\/span> output<\/span> with<\/span> `Update`<\/span> logs<\/span>.<\/span> Let<\/span>'<\/span>s now remove `bind(this)` and try updating the editor<\/span>'<\/span>s<\/span> content<\/span> again<\/span>.<\/span>\n\n    ```\n\njavascript\n    \/\/ \u2026\n        connect() {\n        this.editor = new EditorView({\n        doc: this.contentValue,\n        parent: this.element,\n        extensions: [\n            basicSetup,\n            \/\/ EditorView.updateListener.of((update) => {\n                        \/\/ if (update.docChanged) { this.#update() }\n                    \/\/ })\n            EditorView.updateListener.of(function(update) {\n            if (update.docChanged) { this.#update() }\n            })\n        ]\n        })\n        }\n    \/\/ \u2026\n\n\n    ```<\/span>\n\n    Errors<\/span>!<\/span> If<\/span> you<\/span> use<\/span> a<\/span> modern<\/span> editor<\/span>,<\/span> you<\/span> might<\/span> already<\/span> see<\/span> a<\/span> warning<\/span>:<\/span> `#update is declared but its value is never read`<\/span>.<\/span>\n\n    Without<\/span> using<\/span> `bind(this)`<\/span> or<\/span> the <\/span>(<\/span>fat<\/span>)<\/span> arrow<\/span> function<\/span>,<\/span> `this`<\/span> would<\/span> be<\/span> the<\/span> CodeMirror<\/span> editor<\/span>'<\/span>s context\/scope because that is what is calling the function. So `this.#update` fails: CodeMirror doesn<\/span>'<\/span>t<\/span> have<\/span> an<\/span> `#update`<\/span> method<\/span>,<\/span> only<\/span> the<\/span> *<\/span>editor_controller<\/span>*<\/span> does<\/span>.<\/span> Compared<\/span> to<\/span> Ruby<\/span> it<\/span> is<\/span> akin<\/span> to<\/span> losing<\/span> the<\/span> `self`<\/span> reference<\/span> inside<\/span> a<\/span> block<\/span>.<\/span>\n\n    (<\/span>\u2026<\/span>)<\/span>\n<\/code><\/pre>\n
\n
\n    \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    \n<\/svg><\/p>\n
    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    \n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n
\u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0641\u06cc\u062f \u062f\u0631 \u0633\u0627\u062e\u062a\u0646 \u0686\u06cc\u0632\u06cc \u0648\u0627\u0642\u0639\u06cc \u0648 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a \u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u06cc\u0627\u062f\u0622\u0648\u0631\u06cc (\u062c\u062f\u06cc\u062f \u060c \u0645\u062f\u0631\u0646) \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0631\u062d\u0644\u0647 \u0628\u0647 \u0645\u0631\u062d\u0644\u0647. \u0645\u0646 \u0645\u06cc \u062f\u0627\u0646\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0633\u06cc\u0627\u0631 \u0628\u0647\u062a\u0631 \u0627\u0632 \u067e\u06cc\u0634\u0628\u0631\u062f \u0645\u0641\u0627\u0647\u06cc\u0645 JavaScript \u062f\u0631 \u062e\u0644\u0627\u0635\u0647 \u0627\u0633\u062a.<\/p>\n
\u0645\u0646 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u062a\u0627\u0628 \u0647\u0633\u062a\u0645. \u0631\u0641\u0639 \u062a\u0627\u06cc\u067e\u06cc \u060c \u062d\u0630\u0641 \u0642\u0637\u0639\u0627\u062a \u0648 \u0628\u0647\u0628\u0648\u062f \u0628\u06cc\u062a \u0647\u0627. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0645\u0646 \u0647\u0631\u06af\u0632 \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u0645 \u0645\u0637\u0645\u0626\u0646 \u0646\u0628\u0648\u062f\u0645 \u060c \u0627\u0645\u0627 \u0627\u0632 \u0646\u062d\u0648\u0647 \u0645\u0639\u0644\u0648\u0645 \u0634\u062f\u0646 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0646\u06cc\u0632 \u0648\u0627\u0642\u0639\u0627\u064b \u062e\u0648\u0634\u062d\u0627\u0644\u0645.<\/p>\n
\n
  \u0642\u06cc\u0645\u062a \u06af\u0630\u0627\u0631\u06cc
\n<\/h2>\n
\u0642\u06cc\u0645\u062a \u06af\u0630\u0627\u0631\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0627\u06cc\u0646\u06af\u0648\u0646\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f:<\/p>\n
    \n
  1. \n\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0627\u0646\u0641\u0631\u0627\u062f\u06cc (49 \u062f\u0644\u0627\u0631)<\/strong> – \u06a9\u062a\u0627\u0628 \u06a9\u0627\u0645\u0644 (PDF\/EPUB) \u061b \u062f\u0633\u062a\u0631\u0633\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0647 \u067e\u0627\u06cc\u0647 \u06a9\u062f \u061b \u0642\u0637\u0639\u0647 \u06a9\u062f<\/li>\n
  2. \n\u062d\u0631\u0641\u0647 \u0627\u06cc (69 \u062f\u0644\u0627\u0631)<\/strong> – \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0627\u0646\u0641\u0631\u0627\u062f\u06cc \u061b \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 MarkDown + \u0646\u0648\u0639 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u061b \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u062c\u0627\u0645\u0639\u0647 Railsdesigners.com (\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u062a\u0627\u0628\u0633\u062a\u0627\u0646 2025 \u061b \u0627\u0631\u0632\u0634 49 \u062f\u0644\u0627\u0631!)<\/li>\n
  3. \n\u062a\u06cc\u0645 (149 \u062f\u0644\u0627\u0631)<\/strong> – \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u062d\u0631\u0641\u0647 \u0627\u06cc \u061b \u0628\u0627 5 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. 5 \u06a9\u0631\u0633\u06cc \u062c\u0627\u0645\u0639\u0647<\/li>\n<\/ol>\n
    \u0627\u06af\u0631 \u0634\u0645\u0627 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0631\u06cc\u0644 \u0628\u0648\u062f\u0647 \u0627\u06cc\u062f \u06a9\u0647 \u062f\u0631 JavaScript \u0646\u0641\u0631\u06cc\u0646 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u060c \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0628\u0627\u0634\u062f. \u0627\u06af\u0631 \u0634\u0645\u0627 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0631\u06cc\u0644 \u0628\u0647 \u0647\u0631 \u0642\u06cc\u0645\u062a\u06cc \u0627\u0632 JavaScript \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f \u060c \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0647\u0645\u0627\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f. \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u06cc\u0644 \u06a9\u0647 \u0622\u0631\u0632\u0648 \u062f\u0627\u0634\u062a\u0646\u062f JavaScript \u0641\u0642\u0637 \u0646\u0627\u067e\u062f\u06cc\u062f \u0634\u0648\u0646\u062f \u060c \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0646\u0638\u0631 \u0634\u0645\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f.<\/p>\n
    \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062a\u0634\u0627\u0631\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 JavaScript \u0628\u0631\u0627\u06cc \u0631\u06cc\u0644 \u0622\u0648\u0631\u06cc\u0644 2025 \u0627\u0633\u062a (\u0628\u0644\u0647 \u060c \u0647\u0646\u0648\u0632 \u0647\u0645 \u062c\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0641\u0633\u06cc\u0631 \u0628\u0627\u0642\u06cc \u0645\u06cc \u06af\u0630\u0627\u0631\u062f). \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0633\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u062f\u0633\u062a \u0628\u06cc\u0627\u0648\u0631\u06cc\u062f \u060c \u0628\u0647 \u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0634\u062a\u0631\u06a9 \u0634\u0648\u06cc\u062f (\u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0647\u0646\u06af\u0627\u0645 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06cc\u06a9 \u06a9\u062f \u062a\u062e\u0641\u06cc\u0641 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u0645. \u0686\u0647 \u06a9\u0633\u06cc \u0645\u06cc \u062f\u0627\u0646\u062f!).<\/p>\n
    JavaScript \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u06cc\u0644 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
    \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u062f\u0631 \u0637\u0631\u0627\u062d \u0631\u06cc\u0644 \u0645\u0646\u062a\u0634\u0631 \u0634\u062f \u0627\u0648\u0627\u062e\u0631 \u0633\u0627\u0644 \u06af\u0630\u0634\u062a\u0647 \u0646\u0634\u0633\u062a\u0645 \u0648 \u0628\u0647 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0622\u0645\u0627\u0631 \u0633\u0627\u06cc\u062a\u0645 \u0646\u06af\u0627\u0647 \u06a9\u0631\u062f\u0645. \u0645\u0646 \u0645\u0642\u0627\u0644\u0627\u062a \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0634\u062a\u0645 \u06a9\u0647 \u0647\u0631 \u0645\u0627\u0647 \u062a\u0648\u0633\u0637 \u0627\u0641\u0631\u0627\u062f 5 \u0631\u0642\u0645\u06cc \u062e\u0648\u0627\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0622\u0646 \u060c \u0645\u0646 \u062f\u0631 dev.to (+30k) \u0648 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0645\u062d\u06a9\u0645 \u0627\u0632 \u0645\u0634\u062a\u0631\u06a9\u0627\u0646 \u0627\u06cc\u0645\u06cc\u0644 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u062f\u0627\u0631\u0645. \u0627\u0632 \u062a\u0645\u0627\u0645 …<\/p>\n","protected":false},"author":2,"featured_media":102139,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media2.dev.to\/dynamic\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fze9qo1w8xbl6s5p8oaso.png","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-102138","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\/102138","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=102138"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/102138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/102139"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=102138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=102138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=102138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}