{"id":4288,"date":"2026-06-02T16:13:49","date_gmt":"2026-06-02T08:13:49","guid":{"rendered":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/"},"modified":"2026-06-02T16:13:49","modified_gmt":"2026-06-02T08:13:49","slug":"mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams","status":"publish","type":"post","link":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/","title":{"rendered":"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932"},"content":{"rendered":"<h2>\u092a\u0930\u093f\u091a\u092f: \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u094d\u0930\u093e\u0902\u0924\u093f \u092f\u0939\u0940\u0902 \u0938\u0947 \u0936\u0941\u0930\u0942 \u0939\u094b\u0924\u0940 \u0939\u0948<\/h2>\n<p>\u0938\u0949\u092b\u093c\u094d\u091f\u0935\u0947\u092f\u0930 \u0935\u093f\u0915\u093e\u0938 \u0915\u0940 \u0924\u0947\u091c\u093c \u0930\u092b\u093c\u094d\u0924\u093e\u0930 \u0926\u0941\u0928\u093f\u092f\u093e \u092e\u0947\u0902, \u090f\u0915 \u0905\u0938\u0939\u091c \u0938\u0924\u094d\u092f \u0939\u0948 \u091c\u093f\u0938\u0915\u093e \u0938\u093e\u092e\u0928\u093e \u0939\u092e \u0938\u092d\u0940 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902: <strong>\u0939\u092e\u093e\u0930\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0932\u0917\u092d\u0917 \u0939\u092e\u0947\u0936\u093e \u092a\u0941\u0930\u093e\u0928\u093e \u0939\u094b \u091c\u093e\u0924\u093e \u0939\u0948<\/strong>. \u0939\u092e\u0928\u0947 \u0905\u0928\u0917\u093f\u0928\u0924 \u0918\u0902\u091f\u0947 \u0921\u094d\u0930\u0948\u0917-\u090f\u0902\u0921-\u0921\u094d\u0930\u0949\u092a \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\u093f\u0902\u0917 \u091f\u0942\u0932\u094d\u0938 \u0915\u0947 \u0938\u093e\u0925 \u0938\u0902\u0918\u0930\u094d\u0937 \u092e\u0947\u0902 \u092c\u093f\u0924\u093e\u090f, \u092c\u0949\u0915\u094d\u0938 \u0914\u0930 \u0924\u0940\u0930\u094b\u0902 \u0915\u094b \u0938\u093e\u0935\u0927\u093e\u0928\u0940\u092a\u0942\u0930\u094d\u0935\u0915 \u0938\u0902\u0930\u0947\u0916\u093f\u0924 \u0915\u093f\u092f\u093e, \u0915\u0947\u0935\u0932 \u092f\u0939 \u0926\u0947\u0916\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f \u0915\u094b\u0921 \u092c\u0926\u0932\u0924\u0947 \u0939\u0940 \u0939\u092e\u093e\u0930\u0940 \u0938\u093e\u0935\u0927\u093e\u0928\u0940 \u0938\u0947 \u0924\u0948\u092f\u093e\u0930 \u0915\u0940 \u0917\u0908 \u0926\u0943\u0936\u094d\u092f\u0924\u093e\u090f\u0902 \u092a\u0941\u0930\u093e\u0928\u0940 \u0939\u094b \u091c\u093e\u0924\u0940 \u0939\u0948\u0902\u0964<br \/>\n\u0932\u0947\u0915\u093f\u0928 \u0915\u094d\u092f\u093e \u0939\u094b\u0917\u093e \u092f\u0926\u093f \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0935\u093f\u0915\u093e\u0938 \u0915\u0947 \u0938\u093e\u0925 \u0917\u0924\u093f \u092c\u0928\u093e\u090f \u0930\u0916 \u0938\u0915\u0947? \u0915\u094d\u092f\u093e \u0939\u094b\u0917\u093e \u092f\u0926\u093f \u092a\u0947\u0936\u0947\u0935\u0930 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u0928\u093e \u090f\u0915 \u092b\u093c\u0902\u0915\u094d\u0936\u0928 \u0932\u093f\u0916\u0928\u0947 \u091c\u093f\u0924\u0928\u093e \u0906\u0938\u093e\u0928 \u0939\u094b?<br \/>\n\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u0915\u094d\u0930\u093e\u0902\u0924\u093f \u092e\u0947\u0902 \u0906\u092a\u0915\u093e \u0938\u094d\u0935\u093e\u0917\u0924 \u0939\u0948\u0964 \u092f\u0939 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 \u0906\u092a\u0915\u094b <strong>VPasCode<\/strong>, \u0935\u093f\u091c\u093c\u0941\u0905\u0932 \u092a\u0948\u0930\u093e\u0921\u093e\u0907\u092e \u0915\u093e \u092c\u094d\u0930\u093e\u0909\u091c\u093c\u0930-\u0906\u0927\u093e\u0930\u093f\u0924 \u092a\u094d\u0932\u0947\u091f\u092b\u093c\u0949\u0930\u094d\u092e \u091c\u094b \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0938\u093f\u0938\u094d\u091f\u092e \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u0928\u0947, \u0938\u093e\u091d\u093e \u0915\u0930\u0928\u0947 \u0914\u0930 \u092c\u0928\u093e\u090f \u0930\u0916\u0928\u0947 \u0915\u0947 \u0924\u0930\u0940\u0915\u0947 \u0915\u094b \u092c\u0926\u0932 \u0926\u0947\u0924\u093e \u0939\u0948\u0964 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\u094b\u0902 \u0915\u094b \u0915\u094b\u0921 \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u092e\u093e\u0928\u0915\u0930, \u0906\u092a \u092a\u093e\u090f\u0902\u0917\u0947 \u0915\u093f \u0915\u0948\u0938\u0947 \u092e\u093f\u0928\u091f\u094b\u0902 \u092e\u0947\u0902 (\u0918\u0902\u091f\u094b\u0902 \u092e\u0947\u0902 \u0928\u0939\u0940\u0902) \u092a\u094d\u0930\u0915\u093e\u0936\u0928-\u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u0935\u093e\u0932\u0940 \u0926\u0943\u0936\u094d\u092f\u0924\u093e\u090f\u0902 \u0924\u0948\u092f\u093e\u0930 \u0915\u0940 \u091c\u093e\u090f\u0902, \u091c\u092c\u0915\u093f \u092f\u0939 \u0938\u0941\u0928\u093f\u0936\u094d\u091a\u093f\u0924 \u0915\u093f\u092f\u093e \u091c\u093e\u090f \u0915\u093f \u0906\u092a\u0915\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0906\u092a\u0915\u0947 \u0938\u093f\u0938\u094d\u091f\u092e \u0915\u0947 \u0938\u093e\u0925 \u0928\u093f\u0930\u0902\u0924\u0930\u0924\u093e \u0938\u0947 \u0935\u093f\u0915\u0938\u093f\u0924 \u0939\u094b\u0924\u093e \u0930\u0939\u0947\u0964<br \/>\n\u091a\u093e\u0939\u0947 \u0906\u092a \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0915\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0930\u0928\u0947 \u0935\u093e\u0932\u0947 \u0921\u0947\u0935\u0932\u092a\u0930 \u0939\u094b\u0902, \u0938\u094d\u091f\u0947\u0915\u0939\u094b\u0932\u094d\u0921\u0930\u094d\u0938 \u0915\u094b \u092a\u094d\u0930\u0938\u094d\u0924\u0941\u0924 \u0915\u0930\u0928\u0947 \u0935\u093e\u0932\u0947 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091f \u0939\u094b\u0902, \u092f\u093e \u0907\u0902\u092b\u094d\u0930\u093e\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u091a\u0930 \u0915\u094b \u092e\u0948\u092a \u0915\u0930\u0928\u0947 \u0935\u093e\u0932\u0947 DevOps \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930 \u0939\u094b\u0902, \u092f\u0939 \u0935\u094d\u092f\u093e\u092a\u0915 \u0917\u093e\u0907\u0921 \u0906\u092a\u0915\u094b VPasCode \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923 \u0939\u094b\u0928\u0947 \u0914\u0930 \u0905\u092a\u0928\u0940 \u091f\u0940\u092e \u0915\u0947 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u0916\u0947\u0932 \u0915\u094b \u0909\u091a\u094d\u091a \u0938\u094d\u0924\u0930 \u092a\u0930 \u0932\u0947 \u091c\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u0936\u094d\u092f\u0915 \u0915\u094c\u0936\u0932 \u092a\u094d\u0930\u0926\u093e\u0928 \u0915\u0930\u0947\u0917\u0940\u0964<\/p>\n<hr\/>\n<h2>1. \u0936\u0941\u0930\u0941\u0906\u0924: 5 \u092e\u093f\u0928\u091f \u092e\u0947\u0902 \u0905\u092a\u0928\u093e \u092a\u0939\u0932\u093e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e {#getting-started}<\/h2>\n<h3>\u0915\u094b\u0908 \u0907\u0902\u0938\u094d\u091f\u0949\u0932\u0947\u0936\u0928 \u0928\u0939\u0940\u0902, \u0915\u094b\u0908 \u0938\u0947\u091f\u0905\u092a \u0928\u0939\u0940\u0902, \u0915\u0947\u0935\u0932 \u0915\u094b\u0921<\/h3>\n<p>VPasCode \u0915\u0940 \u0938\u092c\u0938\u0947 \u0936\u0915\u094d\u0924\u093f\u0936\u093e\u0932\u0940 \u0935\u093f\u0936\u0947\u0937\u0924\u093e\u0913\u0902 \u092e\u0947\u0902 \u0938\u0947 \u090f\u0915 \u0907\u0938\u0915\u093e \u0936\u0942\u0928\u094d\u092f-\u0918\u0930\u094d\u0937\u0923 \u0911\u0928\u092c\u094b\u0930\u094d\u0921\u093f\u0902\u0917 \u0939\u0948\u0964 \u0907\u0902\u0938\u094d\u091f\u0949\u0932 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u0941\u091b \u0928\u0939\u0940\u0902 \u0939\u0948, \u0916\u093e\u0924\u0947 \u092c\u0928\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u0941\u091b \u0928\u0939\u0940\u0902 \u0939\u0948, \u0914\u0930 \u0915\u094b\u0908 \u091c\u091f\u093f\u0932 \u0915\u0949\u0928\u094d\u092b\u093c\u093f\u0917\u0930\u0947\u0936\u0928 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u0906\u0907\u090f \u0905\u092d\u0940 \u0905\u092a\u0928\u093e \u092a\u0939\u0932\u093e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u090f\u0902\u0964<br \/>\n<strong>\u091a\u0930\u0923-\u0926\u0930-\u091a\u0930\u0923 \u0924\u094d\u0935\u0930\u093f\u0924 \u0936\u0941\u0930\u0941\u0906\u0924:<\/strong><\/p>\n<ol>\n<li>\n<p><strong>VPasCode \u092a\u0930 \u091c\u093e\u090f\u0902<\/strong>: \u0905\u092a\u0928\u093e \u092c\u094d\u0930\u093e\u0909\u091c\u093c\u0930 \u0916\u094b\u0932\u0947\u0902 \u0914\u0930 <a href=\"https:\/\/www.vpascode.com\/editor\/\">https:\/\/www.vpascode.com\/editor\/<\/a><\/p>\n<\/li>\n<li>\n<p><strong>\u0905\u092a\u0928\u093e \u0907\u0902\u091c\u0928 \u091a\u0941\u0928\u0947\u0902<\/strong>: \u0921\u094d\u0930\u0949\u092a\u0921\u093e\u0909\u0928 \u092e\u0947\u0928\u0942 \u0938\u0947 \u091a\u0941\u0928\u0947\u0902:<\/p>\n<ul>\n<li>\n<p><strong>Mermaid<\/strong> \u2013 \u092b\u094d\u0932\u094b\u091a\u093e\u0930\u094d\u091f \u0914\u0930 \u0906\u0927\u0941\u0928\u093f\u0915 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u0932\u093f\u090f \u0938\u0930\u094d\u0935\u094b\u0924\u094d\u0924\u092e<\/p>\n<\/li>\n<li>\n<p><strong>PlantUML<\/strong> \u2013 UML \u0914\u0930 \u090f\u0902\u091f\u0930\u092a\u094d\u0930\u093e\u0907\u091c\u093c \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0915\u0947 \u0932\u093f\u090f \u0906\u0926\u0930\u094d\u0936<\/p>\n<\/li>\n<li>\n<p><strong>Graphviz<\/strong> \u2013 \u091c\u091f\u093f\u0932 \u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u091f\u094b\u092a\u094b\u0932\u0949\u091c\u0940 \u0915\u0947 \u0932\u093f\u090f \u0909\u0924\u094d\u0915\u0943\u0937\u094d\u091f<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u090f\u0915 \u091f\u0947\u092e\u094d\u092a\u0932\u0947\u091f \u0932\u094b\u0921 \u0915\u0930\u0947\u0902<\/strong>: &#8220;\u0909\u0926\u093e\u0939\u0930\u0923&#8221; \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902 \u0914\u0930 \u090f\u0915 \u0938\u094d\u091f\u093e\u0930\u094d\u091f\u0930 \u091f\u0947\u092e\u094d\u092a\u0932\u0947\u091f \u091a\u0941\u0928\u0947\u0902<\/p>\n<\/li>\n<li>\n<p><strong>\u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902 \u0914\u0930 \u092a\u0942\u0930\u094d\u0935\u093e\u0935\u0932\u094b\u0915\u0928 \u0915\u0930\u0947\u0902<\/strong>: \u092c\u093e\u090f\u0902 \u092a\u0948\u0928\u0932 \u092e\u0947\u0902 \u0915\u094b\u0921 \u0915\u094b \u0938\u0902\u0936\u094b\u0927\u093f\u0924 \u0915\u0930\u0947\u0902; \u0926\u093e\u090f\u0902 \u092a\u0930 \u0905\u092a\u0928\u0947 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u0915\u094b \u0924\u0941\u0930\u0902\u0924 \u0905\u092a\u0921\u0947\u091f \u0939\u094b\u0924\u0947 \u0939\u0941\u090f \u0926\u0947\u0916\u0947\u0902<\/p>\n<\/li>\n<li>\n<p><strong>\u0928\u093f\u0930\u094d\u092f\u093e\u0924 \u0915\u0930\u0947\u0902 \u092f\u093e \u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902<\/strong>: SVG\/PNG \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0947\u0902 \u092f\u093e \u0938\u093e\u091d\u093e \u0915\u0930\u0928\u0947 \u092f\u094b\u0917\u094d\u092f URL \u0915\u0949\u092a\u0940 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<\/ol>\n<p><img alt=\"VPasCode : \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u093f\u0938\u094d\u091f\u092e \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png\"\/><br \/>\n<em>\u0906\u0915\u0943\u0924\u093f 1: VPasCode \u092a\u093e\u0920-\u0906\u0927\u093e\u0930\u093f\u0924 \u0915\u094b\u0921 \u0915\u094b \u0924\u0941\u0930\u0902\u0924 \u092a\u0947\u0936\u0947\u0935\u0930 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092e\u0947\u0902 \u092c\u0926\u0932 \u0926\u0947\u0924\u093e \u0939\u0948<\/em><\/p>\n<hr\/>\n<h2>2. VPasCode \u0907\u0902\u091f\u0930\u092b\u093c\u0947\u0938 \u0915\u094b \u0938\u092e\u091d\u0928\u093e {#interface}<\/h2>\n<p>\u0935\u094d\u092f\u093e\u0915\u0930\u0923 \u092e\u0947\u0902 \u0917\u0939\u0930\u093e\u0908 \u0938\u0947 \u0909\u0924\u0930\u0928\u0947 \u0938\u0947 \u092a\u0939\u0932\u0947, \u0906\u0907\u090f \u0915\u093e\u0930\u094d\u092f\u0938\u094d\u0925\u0932 \u0915\u0947 \u0938\u093e\u0925 \u092a\u0930\u093f\u091a\u093f\u0924 \u0939\u094b \u0932\u0947\u0902\u0964<br \/>\n<img alt=\"VPasCode \u0915\u093e \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u0907\u0902\u091f\u0930\u092b\u0947\u0938 - \u090f\u0915 \u090f\u0915\u0940\u0915\u0943\u0924 \u091f\u0947\u0915\u094d\u0938\u094d\u091f-\u091f\u0942-\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e (\u092f\u093e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921) \u090f\u0921\u093f\u091f\u0930\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a17bfb3eef7d.png\"\/><br \/>\n<em>\u0906\u0915\u0943\u0924\u093f 2: \u0926\u094d\u0935\u093f-\u092a\u0948\u0928\u0932 VPasCode \u0907\u0902\u091f\u0930\u092b\u093c\u0947\u0938\u2014\u092c\u093e\u0908\u0902 \u0913\u0930 \u0915\u094b\u0921, \u0926\u093e\u0908\u0902 \u0913\u0930 \u0932\u093e\u0907\u0935 \u092a\u0942\u0930\u094d\u0935\u093e\u0935\u0932\u094b\u0915\u0928<\/em><\/p>\n<h3>\u0907\u0902\u091f\u0930\u092b\u093c\u0947\u0938 \u0918\u091f\u0915\u094b\u0902 \u0915\u093e \u0935\u093f\u0935\u0930\u0923:<\/h3>\n<p><strong>\u092c\u093e\u092f\u093e\u0902 \u092a\u0948\u0928\u0932 (\u0915\u094b\u0921 \u090f\u0921\u093f\u091f\u0930):<\/strong><\/p>\n<ul>\n<li>\n<p>\u0935\u094d\u092f\u093e\u0915\u0930\u0923-\u0930\u0902\u0917\u0940\u0928 \u092a\u093e\u0920 \u0938\u0902\u092a\u093e\u0926\u0915<\/p>\n<\/li>\n<li>\n<p>\u0906\u0938\u093e\u0928\u0940 \u0938\u0947 \u0938\u0902\u0926\u0930\u094d\u092d \u0915\u0947 \u0932\u093f\u090f \u092a\u0902\u0915\u094d\u0924\u093f \u0938\u0902\u0916\u094d\u092f\u093e\u090f\u0901<\/p>\n<\/li>\n<li>\n<p>\u0938\u094d\u0935\u0924\u0903 \u092a\u0942\u0930\u094d\u0923\u0924\u093e \u0938\u0939\u093e\u092f\u0924\u093e<\/p>\n<\/li>\n<li>\n<p>\u0935\u093e\u0938\u094d\u0924\u0935\u093f\u0915 \u0938\u092e\u092f \u092e\u0947\u0902 \u0924\u094d\u0930\u0941\u091f\u093f \u0939\u093e\u0907\u0932\u093e\u0907\u091f\u093f\u0902\u0917<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0926\u093e\u092f\u093e\u0902 \u092a\u0948\u0928\u0932 (\u0932\u093e\u0907\u0935 \u092a\u0942\u0930\u094d\u0935\u093e\u0935\u0932\u094b\u0915\u0928):<\/strong><\/p>\n<ul>\n<li>\n<p>\u0924\u0941\u0930\u0902\u0924 \u0926\u0943\u0936\u094d\u092f \u0930\u0947\u0902\u0921\u0930\u093f\u0902\u0917<\/p>\n<\/li>\n<li>\n<p>\u092a\u0948\u0928 \u0914\u0930 \u091c\u093c\u0942\u092e \u0928\u093f\u092f\u0902\u0924\u094d\u0930\u0923<\/p>\n<\/li>\n<li>\n<p>\u0935\u0947\u0915\u094d\u091f\u0930-\u0906\u0927\u093e\u0930\u093f\u0924 \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u0928 (\u0915\u093f\u0938\u0940 \u092d\u0940 \u091c\u093c\u0942\u092e \u0938\u094d\u0924\u0930 \u092a\u0930 \u0938\u094d\u092a\u0937\u094d\u091f)<\/p>\n<\/li>\n<li>\n<p>\u0924\u0924\u094d\u0935\u094b\u0902 \u0915\u094b \u091c\u093e\u0902\u091a\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0936\u0940\u0930\u094d\u0937 \u091f\u0942\u0932\u092c\u093e\u0930:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0907\u0902\u091c\u0928 \u091a\u092f\u0928\u0915 (Mermaid\/PlantUML\/Graphviz)<\/p>\n<\/li>\n<li>\n<p>\u091f\u0947\u092e\u094d\u092a\u0932\u0947\u091f \u0917\u0948\u0932\u0930\u0940<\/p>\n<\/li>\n<li>\n<p>\u0928\u093f\u0930\u094d\u092f\u093e\u0924 \u0935\u093f\u0915\u0932\u094d\u092a (SVG, PNG, PDF)<\/p>\n<\/li>\n<li>\n<p>\u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902 \u092c\u091f\u0928 (\u0938\u094d\u0925\u093f\u0930 URL \u0909\u0924\u094d\u092a\u0928\u094d\u0928 \u0915\u0930\u0924\u093e \u0939\u0948)<\/p>\n<\/li>\n<li>\n<p>\u0938\u0947\u091f\u093f\u0902\u0917\u094d\u0938 \u0914\u0930 \u0935\u0930\u0940\u092f\u0924\u093e\u090f\u0901<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0928\u093f\u091a\u0932\u0940 \u0938\u094d\u0925\u093f\u0924\u093f \u092a\u091f\u094d\u091f\u0940:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0935\u094d\u092f\u093e\u0915\u0930\u0923 \u092e\u093e\u0928\u094d\u092f\u0924\u093e \u0938\u094d\u0925\u093f\u0924\u093f<\/p>\n<\/li>\n<li>\n<p>\u0935\u0930\u094d\u0923 \u0917\u0923\u0928\u093e<\/p>\n<\/li>\n<li>\n<p>\u0905\u0902\u0924\u093f\u092e \u0938\u0939\u0947\u091c\u0947 \u0917\u090f \u0938\u092e\u092f \u091f\u0948\u092e\u094d\u092a<\/p>\n<\/li>\n<li>\n<p>\u0915\u0940\u092c\u094b\u0930\u094d\u0921 \u0936\u0949\u0930\u094d\u091f\u0915\u091f \u0938\u0902\u0926\u0930\u094d\u092d<\/p>\n<\/li>\n<\/ul>\n<h3>\u092e\u0941\u0916\u094d\u092f \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 \u0938\u093f\u0926\u094d\u0927\u093e\u0902\u0924:<\/h3>\n<pre><code>\u0915\u094b\u0921 \u0932\u093f\u0916\u0947\u0902 \u2192 \u0924\u0941\u0930\u0902\u0924 \u092a\u0942\u0930\u094d\u0935\u093e\u0935\u0932\u094b\u0915\u0928 \u0926\u0947\u0916\u0947\u0902 \u2192 \u0938\u0941\u0927\u093e\u0930\u0947\u0902 \u2192 \u0928\u093f\u0930\u094d\u092f\u093e\u0924\/\u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902\r\n<\/code><\/pre>\n<p>\u092f\u0939 \u0924\u0924\u094d\u0915\u093e\u0932 \u092a\u094d\u0930\u0924\u093f\u0915\u094d\u0930\u093f\u092f\u093e \u0932\u0942\u092a \u0939\u0940 \u0935\u0939 \u0915\u093e\u0930\u0923 \u0939\u0948 \u091c\u094b VPasCode \u0915\u094b \u0907\u0924\u0928\u093e \u0936\u0915\u094d\u0924\u093f\u0936\u093e\u0932\u0940 \u092c\u0928\u093e\u0924\u093e \u0939\u0948\u0964 \u0915\u094b\u0908 &#8216;\u0930\u0947\u0902\u0921\u0930&#8217; \u092c\u091f\u0928 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0928\u0947 \u0915\u0940 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e \u0928\u0939\u0940\u0902 \u0939\u0948, \u0915\u094b\u0908 \u0915\u0902\u092a\u093e\u0907\u0932\u0947\u0936\u0928 \u0915\u093e \u0907\u0902\u0924\u091c\u093c\u093e\u0930 \u0928\u0939\u0940\u0902\u2014\u091c\u092c \u0906\u092a \u091f\u093e\u0907\u092a \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0915\u0947\u0935\u0932 \u0936\u0941\u0926\u094d\u0927, \u0924\u0941\u0930\u0902\u0924 \u0926\u0943\u0936\u094d\u092f \u092a\u094d\u0930\u0924\u093f\u0915\u094d\u0930\u093f\u092f\u093e \u0939\u094b\u0924\u0940 \u0939\u0948\u0964<\/p>\n<hr\/>\n<h2>3. Mermaid.js \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u092b\u094d\u0932\u094b\u091a\u093e\u0930\u094d\u091f \u0914\u0930 \u0909\u0938\u0938\u0947 \u0906\u0917\u0947 {#mermaid-tutorial}<\/h2>\n<p>Mermaid.js \u0921\u0947\u0935\u0932\u092a\u0930-\u0905\u0928\u0941\u0915\u0942\u0932 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\u093f\u0902\u0917 \u0915\u0947 \u0932\u093f\u090f \u0921\u0940 \u092b\u0948\u0915\u094d\u091f\u094b \u092e\u093e\u0928\u0915 \u092c\u0928 \u0917\u092f\u093e \u0939\u0948\u0964 \u0907\u0938\u0915\u0940 \u0938\u093f\u0902\u091f\u0948\u0915\u094d\u0938 \u0938\u0939\u091c, \u092a\u0920\u0928\u0940\u092f \u0939\u0948 \u0914\u0930 \u0915\u094b\u0921 \u0915\u0947 \u0938\u093e\u0925 \u0930\u0939\u0928\u0947 \u0935\u093e\u0932\u0940 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u0932\u093f\u090f \u0906\u0926\u0930\u094d\u0936 \u0939\u0948\u0964<\/p>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 1: \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u092a\u094d\u0930\u0935\u093e\u0939 \u092c\u0928\u093e\u0928\u093e<\/h3>\n<p>\u0906\u0907\u090f \u090f\u0915 \u0935\u094d\u092f\u093e\u0935\u0939\u093e\u0930\u093f\u0915 \u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u092a\u094d\u0930\u0935\u093e\u0939 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u090f\u0902 \u091c\u093f\u0938\u0947 \u0906\u092a \u0905\u092a\u0928\u0947 \u0905\u0917\u0932\u0947 \u0938\u094d\u092a\u094d\u0930\u093f\u0902\u091f \u0928\u093f\u092f\u094b\u091c\u0928 \u092e\u0947\u0902 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<br \/>\n<strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u092a\u094d\u0930\u0935\u093e\u0939 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u091c\u094b \u0915\u094d\u0930\u0947\u0921\u0947\u0902\u0936\u093f\u092f\u0932 \u0938\u0924\u094d\u092f\u093e\u092a\u0928, JWT \u091f\u094b\u0915\u0928 \u091c\u0928\u0930\u0947\u0936\u0928 \u0914\u0930 \u0924\u094d\u0930\u0941\u091f\u093f \u0939\u0948\u0902\u0921\u0932\u093f\u0902\u0917 \u0932\u0942\u092a \u0915\u0947 \u0938\u093e\u0925 \u0921\u0948\u0936\u092c\u094b\u0930\u094d\u0921 \u0930\u0940\u0921\u093e\u092f\u0930\u0947\u0915\u094d\u091f \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8b6724da1.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNj99rwkAMgN8H+x8Cvk7QrVXxYaP2hzrYBlY3RvHh1kvXw+5OcnHD6f731bZK8xAI+ZIv+SSxzWEZXF9BGV6yskgQakay4BNK1KxEYdfQ7d7D5PAqCiUhMvQl+OGvHpqcesdncwQ\/iXPzAxUkWBkNIZGhdZt7R3uEIIlRS2AD3o5ziJG+VYoN51cury6CqggPrVvgSXCan+3hxR4lC+QdaXB6fVhpUW42pH5Rrttk5Z8mU9RIghEe35awNBvUDTWthLMkZkNYd0BpmDFvX3SxB9+YjTqfOqvgeSmWijDl00eBsPmHEXTWRu136mx5XyB4kKmiGHewn7lZdmOZStm40+sNBmnaBucNKB2UUlzA25EYOm4bjBowG8lhC5Tpneu4\/12qjr4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNj99rwkAMgN8H+x8Cvk7QrVXxYaP2hzrYBlY3RvHh1kvXw+5OcnHD6f731bZK8xAI+ZIv+SSxzWEZXF9BGV6yskgQakay4BNK1KxEYdfQ7d7D5PAqCiUhMvQl+OGvHpqcesdncwQ\/iXPzAxUkWBkNIZGhdZt7R3uEIIlRS2AD3o5ziJG+VYoN51cury6CqggPrVvgSXCan+3hxR4lC+QdaXB6fVhpUW42pH5Rrttk5Z8mU9RIghEe35awNBvUDTWthLMkZkNYd0BpmDFvX3SxB9+YjTqfOqvgeSmWijDl00eBsPmHEXTWRu136mx5XyB4kKmiGHewn7lZdmOZStm40+sNBmnaBucNKB2UUlzA25EYOm4bjBowG8lhC5Tpneu4\/12qjr4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uk1LAmEQvgf9hxe8JmjtZnQozI+sSxehw9JB3N2KpET3IhroQlRUdLIuQUizJlEqQaIX\/SvzU5p3dtfWsj28+868z3w8z8xhKVc8Etnk4oKgL64hXCO8IfTQuUF4RGgi9NG5QwCEsZBv0ugjdMlGeCHXB9ve+widqwMRDm+IrSrCF1kIr8G4MSe0ybN57lbdkvAaQoej6wh2TSSok6FMKqN6HEVddYTvohQNhGeECbna9EN4YNQ9hR\/M5h3xQ6Mmktrf\/rkgk2QuQ3QuZdvMpUkiMD\/pe+LTz51ginHXSLKRqs5Vp8txn8JvkPq\/9HSidL4GqTkapDUlEiXohXRLul1WWTL+gZHxic4tazFLP\/Wb\/ra2u58VEiln23TlfOJkfW7yWfjzDjDdZnIZ7Vcca5OxrOLeaaHi2g0+61PONusJttwjT5YRTwrm1clwnR2q02JpBgjvXNBdvxbvEPTdVWr4Xd\/xZeLf25xy8H+VdHBu7lm2KgVDxIV5XCish4yoqZrmUtkqnZ0Y66FIZHU1nw8Cdzygrhi6npsCl9dyMUUNAtMe0FzTYwGgnl9RFfUbHUvYcQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TD\r\n    A[\u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u092a\u094d\u0930\u092e\u093e\u0923 \u092d\u0930\u0924\u093e \u0939\u0948] --&gt; B{\u0935\u0948\u0927 \u092a\u094d\u0930\u093e\u0930\u0942\u092a?}\r\n    B --&gt;|\u0928\u0939\u0940\u0902| C[\u0938\u0924\u094d\u092f\u093e\u092a\u0928 \u0924\u094d\u0930\u0941\u091f\u093f \u0926\u093f\u0916\u093e\u090f\u0902]\r\n    B --&gt;|\u0939\u093e\u0901| D[\u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u0938\u0947\u0935\u093e \u0915\u094b \u092d\u0947\u091c\u0947\u0902]\r\n    C --&gt; A\r\n    D --&gt; E{\u092a\u094d\u0930\u092e\u093e\u0923 \u092e\u0947\u0932 \u0916\u093e\u0924\u0947 \u0939\u0948\u0902?}\r\n    E --&gt;|\u0928\u0939\u0940\u0902| F[401 \u0905\u0928\u0941\u092e\u0924\u093f \u0928\u0939\u0940\u0902 \u0932\u094c\u091f\u093e\u090f\u0902]\r\n    E --&gt;|\u0939\u093e\u0901| G[JWT \u091f\u094b\u0915\u0928 \u091c\u0928\u0930\u0947\u091f \u0915\u0930\u0947\u0902]\r\n    G --&gt; H[\u091f\u094b\u0915\u0928 \u0915\u094b HttpOnly \u0915\u0941\u0915\u0940 \u092e\u0947\u0902 \u0938\u0902\u0917\u094d\u0930\u0939\u093f\u0924 \u0915\u0930\u0947\u0902]\r\n    H --&gt; I[\u0921\u0948\u0936\u092c\u094b\u0930\u094d\u0921 \u092a\u0930 \u092a\u0941\u0928\u0930\u094d\u0928\u093f\u0930\u094d\u0926\u0947\u0936\u093f\u0924 \u0915\u0930\u0947\u0902]\r\n    F --&gt; A\r\n    \r\n    style A fill:#e1f5ff,stroke:#0066cc\r\n    style I fill:#d4edda,stroke:#28a745\r\n    style F fill:#f8d7da,stroke:#dc3545\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uk1LAmEQvgf9hxe8JmjtZnQozI+sSxehw9JB3N2KpET3IhroQlRUdLIuQUizJlEqQaIX\/SvzU5p3dtfWsj28+868z3w8z8xhKVc8Etnk4oKgL64hXCO8IfTQuUF4RGgi9NG5QwCEsZBv0ugjdMlGeCHXB9ve+widqwMRDm+IrSrCF1kIr8G4MSe0ybN57lbdkvAaQoej6wh2TSSok6FMKqN6HEVddYTvohQNhGeECbna9EN4YNQ9hR\/M5h3xQ6Mmktrf\/rkgk2QuQ3QuZdvMpUkiMD\/pe+LTz51ginHXSLKRqs5Vp8txn8JvkPq\/9HSidL4GqTkapDUlEiXohXRLul1WWTL+gZHxic4tazFLP\/Wb\/ra2u58VEiln23TlfOJkfW7yWfjzDjDdZnIZ7Vcca5OxrOLeaaHi2g0+61PONusJttwjT5YRTwrm1clwnR2q02JpBgjvXNBdvxbvEPTdVWr4Xd\/xZeLf25xy8H+VdHBu7lm2KgVDxIV5XCish4yoqZrmUtkqnZ0Y66FIZHU1nw8Cdzygrhi6npsCl9dyMUUNAtMe0FzTYwGgnl9RFfUbHUvYcQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNj99rwkAMgN8H+x8Cvk7QrVXxYaP2hzrYBlY3RvHh1kvXw+5OcnHD6f731bZK8xAI+ZIv+SSxzWEZXF9BGV6yskgQakay4BNK1KxEYdfQ7d7D5PAqCiUhMvQl+OGvHpqcesdncwQ\/iXPzAxUkWBkNIZGhdZt7R3uEIIlRS2AD3o5ziJG+VYoN51cury6CqggPrVvgSXCan+3hxR4lC+QdaXB6fVhpUW42pH5Rrttk5Z8mU9RIghEe35awNBvUDTWthLMkZkNYd0BpmDFvX3SxB9+YjTqfOqvgeSmWijDl00eBsPmHEXTWRu136mx5XyB4kKmiGHewn7lZdmOZStm40+sNBmnaBucNKB2UUlzA25EYOm4bjBowG8lhC5Tpneu4\/12qjr4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNj99rwkAMgN8H+x8Cvk7QrVXxYaP2hzrYBlY3RvHh1kvXw+5OcnHD6f731bZK8xAI+ZIv+SSxzWEZXF9BGV6yskgQakay4BNK1KxEYdfQ7d7D5PAqCiUhMvQl+OGvHpqcesdncwQ\/iXPzAxUkWBkNIZGhdZt7R3uEIIlRS2AD3o5ziJG+VYoN51cury6CqggPrVvgSXCan+3hxR4lC+QdaXB6fVhpUW42pH5Rrttk5Z8mU9RIghEe35awNBvUDTWthLMkZkNYd0BpmDFvX3SxB9+YjTqfOqvgeSmWijDl00eBsPmHEXTWRu136mx5XyB4kKmiGHewn7lZdmOZStm40+sNBmnaBucNKB2UUlzA25EYOm4bjBowG8lhC5Tpneu4\/12qjr4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u092f\u0939 \u0915\u094d\u092f\u093e \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u093f\u0924 \u0915\u0930\u0924\u093e \u0939\u0948:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0928\u093f\u0930\u094d\u0923\u092f \u0928\u094b\u0921 (\u0935\u091c\u094d\u0930 \u0906\u0915\u093e\u0930 \u0915\u0947 \u0928\u094b\u0921 \u091c\u093f\u0928\u092e\u0947\u0902<code data-backticks=\"1\">{?}<\/code>)<\/p>\n<\/li>\n<li>\n<p>\u0926\u093f\u0936\u093e\u0924\u094d\u092e\u0915 \u092a\u094d\u0930\u0935\u093e\u0939 (<code data-backticks=\"1\">TD<\/code> = \u090a\u092a\u0930 \u0938\u0947 \u0928\u0940\u091a\u0947)<\/p>\n<\/li>\n<li>\n<p>\u0930\u0902\u0917\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0905\u0928\u0941\u0915\u0942\u0932 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917<\/p>\n<\/li>\n<li>\n<p>\u0938\u094d\u0935-\u0938\u0902\u0926\u0930\u094d\u092d\u093f\u0924 \u0932\u0942\u092a<\/p>\n<\/li>\n<li>\n<p>\u0938\u094d\u092a\u0937\u094d\u091f \u0932\u0947\u092c\u0932\u093f\u0902\u0917<\/p>\n<\/li>\n<\/ul>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 2: \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e<\/h3>\n<p>\u0905\u092c \u0906\u0907\u090f \u090f\u0915 \u0905\u0927\u093f\u0915 \u091c\u091f\u093f\u0932 \u0938\u093f\u0938\u094d\u091f\u092e \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u092c\u0928\u093e\u090f\u0902 \u091c\u094b \u0938\u0947\u0935\u093e\u0913\u0902 \u0915\u0947 \u0938\u0902\u092c\u0902\u0927\u094b\u0902 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964<br \/>\n<strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u091c\u094b \u0915\u094d\u0932\u093e\u0907\u0902\u091f \u0932\u0947\u092f\u0930, API \u0917\u0947\u091f\u0935\u0947, \u092c\u093f\u091c\u0928\u0947\u0938 \u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0914\u0930 \u0921\u0947\u091f\u093e \u0932\u0947\u092f\u0930 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948, \u091c\u093f\u0938\u092e\u0947\u0902 PostgreSQL, MongoDB \u0914\u0930 Redis \u0915\u0928\u0947\u0915\u094d\u0936\u0928 \u0936\u093e\u092e\u093f\u0932 \u0939\u0948\u0902\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8b8990079.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUt9rwjAQfh\/sfwj1RUGZiHNOhmAtG2OOucrYQ9hDml41rFpJ0on\/\/ZpfXWndZqCX5rvvkvvubs3JfoMW4eUFKpbIo7UG5imDncSe2dGCHIF7H4ak1jtEuPjQbL+\/i\/jVNARCZcX\/nEUsBWy2knWf5lICtzzYxean9vZs+Yi9wqAHIuFAjtV3LYTRU7ZbuxOqEGa53GBl0Ar4F6NQ8YUFHSuDFmzL\/k\/E3iCw5+eC7UCIEqrm9CaAY2VOPPnC48Kp7QnvkmdxTiW2+ykGOW5VI+xeY\/yWeEAkwZ6yzc6pRAMft3XCga\/7ssyEXHNYvS469dwV1aRvuc9F4bPA7zRlKKpT8ufFc0I3gNshxEyYQ+e0IDVhvd7U9dmAdqYauBsG5VAD0ERV6w2qh0BBqgo1SKutYVaWQXXlXHDg10Ctx2CmbuWdjvoD264a2JWu8p6LcN1vXGX7Lo9FQZzShKXppJUko2gUdYXk2SdMWvR2QAakS7M045PDhrlCmFAjxEYOgcZ0WEb2xzfJdVRl2wzOpZdazg3QFSxlwGgUl+SkP6b9\/jc5B1T5\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUt9rwjAQfh\/sfwj1RUGZiHNOhmAtG2OOucrYQ9hDml41rFpJ0on\/\/ZpfXWndZqCX5rvvkvvubs3JfoMW4eUFKpbIo7UG5imDncSe2dGCHIF7H4ak1jtEuPjQbL+\/i\/jVNARCZcX\/nEUsBWy2knWf5lICtzzYxean9vZs+Yi9wqAHIuFAjtV3LYTRU7ZbuxOqEGa53GBl0Ar4F6NQ8YUFHSuDFmzL\/k\/E3iCw5+eC7UCIEqrm9CaAY2VOPPnC48Kp7QnvkmdxTiW2+ykGOW5VI+xeY\/yWeEAkwZ6yzc6pRAMft3XCga\/7ssyEXHNYvS469dwV1aRvuc9F4bPA7zRlKKpT8ufFc0I3gNshxEyYQ+e0IDVhvd7U9dmAdqYauBsG5VAD0ERV6w2qh0BBqgo1SKutYVaWQXXlXHDg10Ctx2CmbuWdjvoD264a2JWu8p6LcN1vXGX7Lo9FQZzShKXppJUko2gUdYXk2SdMWvR2QAakS7M045PDhrlCmFAjxEYOgcZ0WEb2xzfJdVRl2wzOpZdazg3QFSxlwGgUl+SkP6b9\/jc5B1T5\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVU0FrE0EUvgv+hyW9NNBiKDXWIIWmQRFbTFPEw+Jhdnc2WVyzsjux5Ka9qBQRD9JjKZ2VUrQJhUhP9a\/MT3Hem5nNusmSmsMy+fb7vvfet2+6MXnbs3Y6d+9Y8pcMnC4C22FA+8yuCP5dpF8EvxL8RvCPgh8KfmIJfiH4WHBeeaV08HtJHVvwiUgl66ekfAWW1v5BH\/nit+Dnj5z43maHEpfl1LuRE4RUGlyK9EgamHpXC50ehwPGaKy9aN9Th8JAW+2ndkU+pN0x6k9Ur\/kJnhBGD8jQtp5F\/W6RaOWIWwPWs01TY+gZuj0T6XvoDpAzKb9G+US+y0k7soYNFLS2zEyX+JSlxgvm2Kfxu8ClCXyaCdYfYfEJ1IPDSGX0T32M8DA\/6ouExrKNz\/glRxj5se4dPLkUlU3wPPZQ+82QT+WhjNyOI2\/gMlWKI\/0CG\/pRqiDDN7B6gv8S6Qdsi6PifJ6iLKYWYQQiOjWf8Gb+0kIOraa9vDCKqREsJ5yvcfvaUcK6Md3f26kWM1K+xZjKjHblzkWtZnU2vKy\/Yn7\/19M2cXvUXu5QL0gsvEWf5C2qzg9SXmZrdXXTXAkFqjs6i+s\/+AKuxiwKW69QOCEEyRcgTK2A6QwUCppM3GoWQBxQYeg09TTUKay3TMG6Rr6eUWjerJXeNzaUgZhJ\/SAMG0u+X3fqzkrC4ug1bSy5D9fIGllxozCKGwe9wAShpGoQrVynrueuZ8raxgP\/vpNn6w5uS89mua0AE8zGoPW6l5H92oZbq\/0FGs6Z\/A==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph LR\r\n    subgraph Client[\"\u0915\u094d\u0932\u093e\u0907\u0902\u091f \u092a\u0930\u0924\"]\r\n        Web[\u0935\u0947\u092c \u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928&lt;br\/&gt;React]\r\n        Mobile[\u092e\u094b\u092c\u093e\u0907\u0932 \u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928&lt;br\/&gt;Flutter]\r\n    end\r\n    \r\n    subgraph API[\"API \u0917\u0947\u091f\u0935\u0947\"]\r\n        Gateway[ Kong \u0917\u0947\u091f\u0935\u0947 ]\r\n        Auth[\u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u0938\u0947\u0935\u093e]\r\n        Rate[\u0930\u0947\u091f \u0932\u093f\u092e\u093f\u091f\u0930]\r\n    end\r\n    \r\n    subgraph Services[\"\u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0938\u0947\u0935\u093e\u090f\u0902\"]\r\n        User[\u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u0938\u0947\u0935\u093e]\r\n        Order[\u0911\u0930\u094d\u0921\u0930 \u0938\u0947\u0935\u093e]\r\n        Product[\u0909\u0924\u094d\u092a\u093e\u0926 \u0938\u0947\u0935\u093e]\r\n        Payment[\u092d\u0941\u0917\u0924\u093e\u0928 \u0938\u0947\u0935\u093e]\r\n    end\r\n    \r\n    subgraph Data[\"\u0921\u0947\u091f\u093e \u092a\u0930\u0924\"]\r\n        UserDB[(\u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u0921\u0947\u091f\u093e\u092c\u0947\u0938&lt;br\/&gt;PostgreSQL)]\r\n        OrderDB[(\u0911\u0930\u094d\u0921\u0930 \u0921\u0947\u091f\u093e\u092c\u0947\u0938&lt;br\/&gt;MongoDB)]\r\n        ProductDB[(\u0909\u0924\u094d\u092a\u093e\u0926 \u0921\u0947\u091f\u093e\u092c\u0947\u0938&lt;br\/&gt;PostgreSQL)]\r\n        Cache[(Redis \u0915\u0948\u0936)]\r\n    end\r\n    \r\n    Web --&gt; Gateway\r\n    Mobile --&gt; Gateway\r\n    Gateway --&gt; Auth\r\n    Gateway --&gt; Rate\r\n    Rate --&gt; User\r\n    Rate --&gt; Order\r\n    Rate --&gt; Product\r\n    User --&gt; UserDB\r\n    User --&gt; Cache\r\n    Order --&gt; OrderDB\r\n    Order --&gt; Payment\r\n    Product --&gt; ProductDB\r\n    Payment --&gt; OrderDB\r\n    \r\n    style Gateway fill:#ff6b6b,stroke:#c92a2a,color:white\r\n    style UserDB fill:#4ecdc4,stroke:#087f5b\r\n    style OrderDB fill:#4ecdc4,stroke:#087f5b\r\n    style ProductDB fill:#4ecdc4,stroke:#087f5b\r\n    style Cache fill:#ffe66d,stroke:#f08c00\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVU0FrE0EUvgv+hyW9NNBiKDXWIIWmQRFbTFPEw+Jhdnc2WVyzsjux5Ka9qBQRD9JjKZ2VUrQJhUhP9a\/MT3Hem5nNusmSmsMy+fb7vvfet2+6MXnbs3Y6d+9Y8pcMnC4C22FA+8yuCP5dpF8EvxL8RvCPgh8KfmIJfiH4WHBeeaV08HtJHVvwiUgl66ekfAWW1v5BH\/nit+Dnj5z43maHEpfl1LuRE4RUGlyK9EgamHpXC50ehwPGaKy9aN9Th8JAW+2ndkU+pN0x6k9Ur\/kJnhBGD8jQtp5F\/W6RaOWIWwPWs01TY+gZuj0T6XvoDpAzKb9G+US+y0k7soYNFLS2zEyX+JSlxgvm2Kfxu8ClCXyaCdYfYfEJ1IPDSGX0T32M8DA\/6ouExrKNz\/glRxj5se4dPLkUlU3wPPZQ+82QT+WhjNyOI2\/gMlWKI\/0CG\/pRqiDDN7B6gv8S6Qdsi6PifJ6iLKYWYQQiOjWf8Gb+0kIOraa9vDCKqREsJ5yvcfvaUcK6Md3f26kWM1K+xZjKjHblzkWtZnU2vKy\/Yn7\/19M2cXvUXu5QL0gsvEWf5C2qzg9SXmZrdXXTXAkFqjs6i+s\/+AKuxiwKW69QOCEEyRcgTK2A6QwUCppM3GoWQBxQYeg09TTUKay3TMG6Rr6eUWjerJXeNzaUgZhJ\/SAMG0u+X3fqzkrC4ug1bSy5D9fIGllxozCKGwe9wAShpGoQrVynrueuZ8raxgP\/vpNn6w5uS89mua0AE8zGoPW6l5H92oZbq\/0FGs6Z\/A==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUt9rwjAQfh\/sfwj1RUGZiHNOhmAtG2OOucrYQ9hDml41rFpJ0on\/\/ZpfXWndZqCX5rvvkvvubs3JfoMW4eUFKpbIo7UG5imDncSe2dGCHIF7H4ak1jtEuPjQbL+\/i\/jVNARCZcX\/nEUsBWy2knWf5lICtzzYxean9vZs+Yi9wqAHIuFAjtV3LYTRU7ZbuxOqEGa53GBl0Ar4F6NQ8YUFHSuDFmzL\/k\/E3iCw5+eC7UCIEqrm9CaAY2VOPPnC48Kp7QnvkmdxTiW2+ykGOW5VI+xeY\/yWeEAkwZ6yzc6pRAMft3XCga\/7ssyEXHNYvS469dwV1aRvuc9F4bPA7zRlKKpT8ufFc0I3gNshxEyYQ+e0IDVhvd7U9dmAdqYauBsG5VAD0ERV6w2qh0BBqgo1SKutYVaWQXXlXHDg10Ctx2CmbuWdjvoD264a2JWu8p6LcN1vXGX7Lo9FQZzShKXppJUko2gUdYXk2SdMWvR2QAakS7M045PDhrlCmFAjxEYOgcZ0WEb2xzfJdVRl2wzOpZdazg3QFSxlwGgUl+SkP6b9\/jc5B1T5\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUt9rwjAQfh\/sfwj1RUGZiHNOhmAtG2OOucrYQ9hDml41rFpJ0on\/\/ZpfXWndZqCX5rvvkvvubs3JfoMW4eUFKpbIo7UG5imDncSe2dGCHIF7H4ak1jtEuPjQbL+\/i\/jVNARCZcX\/nEUsBWy2knWf5lICtzzYxean9vZs+Yi9wqAHIuFAjtV3LYTRU7ZbuxOqEGa53GBl0Ar4F6NQ8YUFHSuDFmzL\/k\/E3iCw5+eC7UCIEqrm9CaAY2VOPPnC48Kp7QnvkmdxTiW2+ykGOW5VI+xeY\/yWeEAkwZ6yzc6pRAMft3XCga\/7ssyEXHNYvS469dwV1aRvuc9F4bPA7zRlKKpT8ufFc0I3gNshxEyYQ+e0IDVhvd7U9dmAdqYauBsG5VAD0ERV6w2qh0BBqgo1SKutYVaWQXXlXHDg10Ctx2CmbuWdjvoD264a2JWu8p6LcN1vXGX7Lo9FQZzShKXppJUko2gUdYXk2SdMWvR2QAakS7M045PDhrlCmFAjxEYOgcZ0WEb2xzfJdVRl2wzOpZdazg3QFSxlwGgUl+SkP6b9\/jc5B1T5\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Mermaid \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u092e\u0941\u0916\u094d\u092f \u0905\u0935\u0927\u093e\u0930\u0923\u093e\u090f\u0901:<\/strong><\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">\u0909\u092a-\u0917\u094d\u0930\u093e\u092b<\/code> \u0924\u093e\u0930\u094d\u0915\u093f\u0915 \u0938\u092e\u0942\u0939\u0928 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">LR<\/code> \u092c\u093e\u090f\u0901 \u0938\u0947 \u0926\u093e\u090f\u0901 \u0932\u0947\u0906\u0909\u091f \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p>\u092c\u0939\u0941-\u092a\u0902\u0915\u094d\u0924\u093f \u0932\u0947\u092c\u0932 \u0915\u0947 \u0938\u093e\u0925 <code data-backticks=\"1\">&lt;br\/&gt;<\/code><\/p>\n<\/li>\n<li>\n<p>\u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u0938\u093f\u0932\u0947\u0902\u0921\u0930 \u0938\u0902\u0915\u0947\u0924\u0928 \u0915\u0947 \u0938\u093e\u0925 <code data-backticks=\"1\">[( )]<\/code><\/p>\n<\/li>\n<li>\n<p>\u091c\u091f\u093f\u0932 \u092e\u093e\u0930\u094d\u0917\u0926\u0930\u094d\u0936\u0928 \u0914\u0930 \u0938\u0902\u092c\u0902\u0927<\/p>\n<\/li>\n<\/ul>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 3: \u0911\u0930\u094d\u0921\u0930 \u092a\u094d\u0930\u0938\u0902\u0938\u094d\u0915\u0930\u0923 \u0915\u0947 \u0932\u093f\u090f \u0905\u0928\u0941\u0915\u094d\u0930\u092e\u0923 \u091a\u093f\u0924\u094d\u0930<\/h3>\n<p>\u0905\u0928\u0941\u0915\u094d\u0930\u092e\u0923 \u091a\u093f\u0924\u094d\u0930 \u0918\u091f\u0915\u094b\u0902 \u0915\u0947 \u092c\u0940\u091a \u0915\u093e\u0932\u093f\u0915 \u0905\u0902\u0924\u0903\u0915\u094d\u0930\u093f\u092f\u093e\u0913\u0902 \u0915\u094b \u0938\u092e\u091d\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u0936\u094d\u092f\u0915 \u0939\u0948\u0902\u0964<br \/>\n<strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0915\u094d\u0930\u092e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u091c\u094b \u0917\u094d\u0930\u093e\u0939\u0915, \u0935\u0947\u092c \u0910\u092a, \u0911\u0930\u094d\u0921\u0930 \u0938\u0930\u094d\u0935\u093f\u0938, \u092a\u0947\u092e\u0947\u0902\u091f \u0938\u0930\u094d\u0935\u093f\u0938, \u0907\u0928\u094d\u0935\u0947\u0902\u091f\u0930\u0940 \u0938\u0930\u094d\u0935\u093f\u0938 \u0914\u0930 \u0928\u094b\u091f\u093f\u092b\u093f\u0915\u0947\u0936\u0928 \u0938\u0930\u094d\u0935\u093f\u0938 \u0915\u0947 \u092c\u0940\u091a \u0911\u0930\u094d\u0921\u0930 \u092a\u094d\u0930\u094b\u0938\u0947\u0938\u093f\u0902\u0917 \u092a\u094d\u0930\u0935\u093e\u0939 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8bb593914.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1klFrgzAUhd8H+w+XPm3Qrl0fZRSK3YMvKuugzzHeaqgmLokdpfS\/78YorrQVEeN3cu+5Jxr8aVFy3AhWaFY\/PwFdrLVKtnWG2q8bpq3gomHSQgjMQNgaq+p7eOfwDjNYN80tTRxNdI4atqiPguOtJnWalJ1qpMVDVeRUkTySSOnTY13sdLGyYi84s0LJa6l\/hrPVahfAOs9BWKwNWAWcilzRsBL8AJOwRH5QrZ14uCOYBJAm22+YKzeZgXNXZAqmFE0jZHHx0oSkUQBfaMgBghjMexrNfCWPvVWu5F7oGvOxQEq9tOJoDI3ZZeRZ2m8fgjMtd6J9W417CYcamUXojIJGTi8jjwMKR+Y97Zt3Trwmdj3CAD5rJqo7PJn5pJaL975RDueuWJRfhrh8iW2pfgePNEhxdRx0XGTxSB6Saeo8CzpOVoFB7pp9ZHq+qukPhAzBaiYN676zflQay4IuMvayXCym0D3c\/bZ89YJ\/WYYl0wW6w85HNmT5PdaGaOM55fMHOQD0Aw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Mermaid \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1klFrgzAUhd8H+w+XPm3Qrl0fZRSK3YMvKuugzzHeaqgmLokdpfS\/78YorrQVEeN3cu+5Jxr8aVFy3AhWaFY\/PwFdrLVKtnWG2q8bpq3gomHSQgjMQNgaq+p7eOfwDjNYN80tTRxNdI4atqiPguOtJnWalJ1qpMVDVeRUkTySSOnTY13sdLGyYi84s0LJa6l\/hrPVahfAOs9BWKwNWAWcilzRsBL8AJOwRH5QrZ14uCOYBJAm22+YKzeZgXNXZAqmFE0jZHHx0oSkUQBfaMgBghjMexrNfCWPvVWu5F7oGvOxQEq9tOJoDI3ZZeRZ2m8fgjMtd6J9W417CYcamUXojIJGTi8jjwMKR+Y97Zt3Trwmdj3CAD5rJqo7PJn5pJaL975RDueuWJRfhrh8iW2pfgePNEhxdRx0XGTxSB6Saeo8CzpOVoFB7pp9ZHq+qukPhAzBaiYN676zflQay4IuMvayXCym0D3c\/bZ89YJ\/WYYl0wW6w85HNmT5PdaGaOM55fMHOQD0Aw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Mermaid \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFVE1rGlEU3fdXXLJqQBvjUoIbu3HjCC24HvURXETT59hNCLQGbEMIIQsjiGAlb4LkUwJpLJT4V95P6f2YmY6dIRUZ3tc599x7z3td9amn2g31vuXuanfvDeDP7Xmddm+vrjRP913ttRqtfbftQQncLlgzsv6pNQtrXqz5Zc0wca4m556s\/82aWxydWXPNoEdrVojgjZ\/WzBNQR6DnxE+AGQ5wvmTEE4ZMIKqCuLP+V5JmDOuavw4qCwi35xxGpPatmQa5+V9eJ6gIAZ5A0JhozEsSwZ9StlisFYDSJmWS1xTn9xIURwOWMsUlnEysf8KJ\/5b9OMkGBaPVIYOOEbQBVFyu0jBeYwm4iHHUkMMpQNX58BG2OrqpdBcO4sEzwF1ZMeGK6zE6ZKiD0HLh\/xUbsC9ExzNzmKSOclaEJI5fcirUx2cpEjIIHIkepMIjGUWqqoX05l+HJl2yyiVPMdJRqqRqJCnVR+YGyxqF5HP\/OnQROvs42sDVW3EG34B+RFBJI0hJ\/I4VTmI6K6SzRPDvoX8eU7BBJPFMPrcNJa1cTzXhgNtebh4GhgjZghQlayE8Cgl\/4PyKs7tYT0UUdTwFnc9Kg5PhXtzzo2ACkxBTP8yU+nvB7Zjt1PVWkSJSCvMsReARUHvJ\/\/LIPACx0Ty4YOPw1UE5ZyxAq4YHerfuvs3nchngD\/3f5Td5f80o8Ss4+3txxrHlSdId6w5J0zzghszwEjBAtZt\/AOVZ5so=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">sequenceDiagram\n    autonumber\n    participant C as \u0917\u094d\u0930\u093e\u0939\u0915\n    participant W as \u0935\u0947\u092c \u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928\n    participant O as \u0911\u0930\u094d\u0921\u0930 \u0938\u0947\u0935\u093e\n    participant P as \u092d\u0941\u0917\u0924\u093e\u0928 \u0938\u0947\u0935\u093e\n    participant I as \u0907\u0928\u094d\u0935\u0947\u0902\u091f\u094d\u0930\u0940 \u0938\u0947\u0935\u093e\n    participant N as \u0938\u0942\u091a\u0928\u093e \u0938\u0947\u0935\u093e\n    \n    C-&gt;&gt;W: \u0915\u093e\u0930\u094d\u091f \u092e\u0947\u0902 \u0906\u0907\u091f\u092e \u091c\u094b\u0921\u093c\u0947\u0902\n    C-&gt;&gt;W: \"\u091a\u0947\u0915\u0906\u0909\u091f\" \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902\n    W-&gt;&gt;O: POST \/orders {\u0906\u0907\u091f\u092e, \u0936\u093f\u092a\u093f\u0902\u0917}\n    O-&gt;&gt;I: \u0907\u0928\u094d\u0935\u0947\u0902\u091f\u094d\u0930\u0940 \u0906\u0930\u0915\u094d\u0937\u093f\u0924 \u0915\u0930\u0947\u0902\n    I--&gt;&gt;O: \u0906\u0930\u0915\u094d\u0937\u0923 \u092a\u0941\u0937\u094d\u091f\u093f \u0915\u093f\u092f\u093e \u0917\u092f\u093e\n    O-&gt;&gt;P: \u092d\u0941\u0917\u0924\u093e\u0928 \u092a\u094d\u0930\u0938\u0902\u0938\u094d\u0915\u0943\u0924 \u0915\u0930\u0947\u0902\n    P--&gt;&gt;O: \u092d\u0941\u0917\u0924\u093e\u0928 \u0938\u092b\u0932\n    O-&gt;&gt;O: \u0911\u0930\u094d\u0921\u0930 \u0930\u093f\u0915\u0949\u0930\u094d\u0921 \u092c\u0928\u093e\u090f\u0902\n    O-&gt;&gt;N: \u0911\u0930\u094d\u0921\u0930 \u092a\u0941\u0937\u094d\u091f\u093f \u092d\u0947\u091c\u0947\u0902\n    N--&gt;&gt;C: \u0908\u092e\u0947\u0932 \u092a\u0941\u0937\u094d\u091f\u093f\n    O--&gt;&gt;W: 201 Created {orderId}\n    W--&gt;&gt;C: \u0938\u092b\u0932\u0924\u093e \u092a\u0943\u0937\u094d\u0920 \u0926\u093f\u0916\u093e\u090f\u0902\n    \n    Note over O,P: \u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923 \u0916\u0902\u0921&lt;br\/&gt;\u0932\u0947\u0928-\u0926\u0947\u0928 \u092f\u094b\u0917\u094d\u092f \u0939\u094b\u0928\u093e \u091a\u093e\u0939\u093f\u090f\n    rect rgba(200, 200, 0, 0.2)\n        O-&gt;&gt;P: \u0915\u093e\u0930\u094d\u0921 \u092a\u0930 \u091a\u093e\u0930\u094d\u091c \u0915\u0930\u0947\u0902\n        P--&gt;&gt;O: \u0932\u0947\u0928-\u0926\u0947\u0928 \u0906\u0908\u0921\u0940\n    end\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFVE1rGlEU3fdXXLJqQBvjUoIbu3HjCC24HvURXETT59hNCLQGbEMIIQsjiGAlb4LkUwJpLJT4V95P6f2YmY6dIRUZ3tc599x7z3td9amn2g31vuXuanfvDeDP7Xmddm+vrjRP913ttRqtfbftQQncLlgzsv6pNQtrXqz5Zc0wca4m556s\/82aWxydWXPNoEdrVojgjZ\/WzBNQR6DnxE+AGQ5wvmTEE4ZMIKqCuLP+V5JmDOuavw4qCwi35xxGpPatmQa5+V9eJ6gIAZ5A0JhozEsSwZ9StlisFYDSJmWS1xTn9xIURwOWMsUlnEysf8KJ\/5b9OMkGBaPVIYOOEbQBVFyu0jBeYwm4iHHUkMMpQNX58BG2OrqpdBcO4sEzwF1ZMeGK6zE6ZKiD0HLh\/xUbsC9ExzNzmKSOclaEJI5fcirUx2cpEjIIHIkepMIjGUWqqoX05l+HJl2yyiVPMdJRqqRqJCnVR+YGyxqF5HP\/OnQROvs42sDVW3EG34B+RFBJI0hJ\/I4VTmI6K6SzRPDvoX8eU7BBJPFMPrcNJa1cTzXhgNtebh4GhgjZghQlayE8Cgl\/4PyKs7tYT0UUdTwFnc9Kg5PhXtzzo2ACkxBTP8yU+nvB7Zjt1PVWkSJSCvMsReARUHvJ\/\/LIPACx0Ty4YOPw1UE5ZyxAq4YHerfuvs3nchngD\/3f5Td5f80o8Ss4+3txxrHlSdId6w5J0zzghszwEjBAtZt\/AOVZ5so=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1klFrgzAUhd8H+w+XPm3Qrl0fZRSK3YMvKuugzzHeaqgmLokdpfS\/78YorrQVEeN3cu+5Jxr8aVFy3AhWaFY\/PwFdrLVKtnWG2q8bpq3gomHSQgjMQNgaq+p7eOfwDjNYN80tTRxNdI4atqiPguOtJnWalJ1qpMVDVeRUkTySSOnTY13sdLGyYi84s0LJa6l\/hrPVahfAOs9BWKwNWAWcilzRsBL8AJOwRH5QrZ14uCOYBJAm22+YKzeZgXNXZAqmFE0jZHHx0oSkUQBfaMgBghjMexrNfCWPvVWu5F7oGvOxQEq9tOJoDI3ZZeRZ2m8fgjMtd6J9W417CYcamUXojIJGTi8jjwMKR+Y97Zt3Trwmdj3CAD5rJqo7PJn5pJaL975RDueuWJRfhrh8iW2pfgePNEhxdRx0XGTxSB6Saeo8CzpOVoFB7pp9ZHq+qukPhAzBaiYN676zflQay4IuMvayXCym0D3c\/bZ89YJ\/WYYl0wW6w85HNmT5PdaGaOM55fMHOQD0Aw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Mermaid \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1klFrgzAUhd8H+w+XPm3Qrl0fZRSK3YMvKuugzzHeaqgmLokdpfS\/78YorrQVEeN3cu+5Jxr8aVFy3AhWaFY\/PwFdrLVKtnWG2q8bpq3gomHSQgjMQNgaq+p7eOfwDjNYN80tTRxNdI4atqiPguOtJnWalJ1qpMVDVeRUkTySSOnTY13sdLGyYi84s0LJa6l\/hrPVahfAOs9BWKwNWAWcilzRsBL8AJOwRH5QrZ14uCOYBJAm22+YKzeZgXNXZAqmFE0jZHHx0oSkUQBfaMgBghjMexrNfCWPvVWu5F7oGvOxQEq9tOJoDI3ZZeRZ2m8fgjMtd6J9W417CYcamUXojIJGTi8jjwMKR+Y97Zt3Trwmdj3CAD5rJqo7PJn5pJaL975RDueuWJRfhrh8iW2pfgePNEhxdRx0XGTxSB6Saeo8CzpOVoFB7pp9ZHq+qukPhAzBaiYN676zflQay4IuMvayXCym0D3c\/bZ89YJ\/WYYl0wW6w85HNmT5PdaGaOM55fMHOQD0Aw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Mermaid \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u0905\u0928\u0941\u0915\u094d\u0930\u092e\u0923 \u091a\u093f\u0924\u094d\u0930 \u0915\u0940 \u0935\u093f\u0936\u0947\u0937\u0924\u093e\u090f\u0901:<\/strong><\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">\u0938\u094d\u0935\u0924\u0903 \u0938\u0902\u0916\u094d\u092f\u093e\u0902\u0915\u0928<\/code> \u0938\u094d\u0935\u091a\u093e\u0932\u093f\u0924 \u091a\u0930\u0923 \u0938\u0902\u0916\u094d\u092f\u093e\u0902\u0915\u0928 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">\u092d\u093e\u0917\u0940\u0926\u093e\u0930<\/code> \u0918\u094b\u0937\u0923\u093e\u090f\u0901<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">-&gt;&gt;<\/code> \u0938\u092e\u0915\u093e\u0932\u0940\u0928 \u0915\u0949\u0932 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">--&gt;&gt;<\/code> \u092a\u094d\u0930\u0924\u093f\u0915\u094d\u0930\u093f\u092f\u093e\u0913\u0902 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">\u0928\u094b\u091f \u090a\u092a\u0930<\/code> \u091f\u093f\u092a\u094d\u092a\u0923\u093f\u092f\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">rect<\/code> \u0916\u0902\u0921\u094b\u0902 \u0915\u094b \u0939\u093e\u0907\u0932\u093e\u0907\u091f \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<\/ul>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 4: \u0938\u094d\u092a\u094d\u0930\u093f\u0902\u091f \u092f\u094b\u091c\u0928\u093e \u0915\u0947 \u0932\u093f\u090f \u0917\u093e\u0928\u094d\u091f \u091a\u093e\u0930\u094d\u091f<\/h3>\n<p>\u092e\u0947\u0930\u092e\u0947\u0921 \u092a\u0930\u093f\u092f\u094b\u091c\u0928\u093e \u0938\u092e\u092f\u0930\u0947\u0916\u093e \u0926\u0943\u0936\u094d\u092f\u0940\u0915\u0930\u0923 \u0915\u093e \u092d\u0940 \u0938\u092e\u0930\u094d\u0925\u0928 \u0915\u0930\u0924\u093e \u0939\u0948\u0964<br \/>\n<strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0911\u0925\u0947\u0902\u091f\u093f\u0915\u0947\u0936\u0928 \u092e\u0949\u0921\u094d\u092f\u0942\u0932 \u0915\u0947 \u0932\u093f\u090f \u0938\u094d\u092a\u094d\u0930\u093f\u0902\u091f 24 \u0917\u093e\u0928\u094d\u091f \u091a\u093e\u0930\u094d\u091f, \u091c\u094b 1 \u091c\u0942\u0928 \u0938\u0947 17 \u091c\u0942\u0928 \u0924\u0915 \u092c\u0948\u0915\u090f\u0902\u0921, \u092b\u094d\u0930\u0902\u091f\u090f\u0902\u0921 \u0914\u0930 \u0907\u0902\u091f\u0940\u0917\u094d\u0930\u0947\u0936\u0928 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u0938\u092e\u092f\u0930\u0947\u0916\u093e \u0915\u093e\u0930\u094d\u092f\u094b\u0902 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8bd9463b2.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0947\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkUFrwzAMhe+D\/QddemtY64QdettoCx0rFNoxdvQSNROr7eIoZfv3U+IkTaBhOhhj5XvSe8m1Zb6\/AykmPiHsz54sg0oggqeSv9AypZrJWdi6rDxh+DjTjGvnjWaAD6lou42Wy9DTP1S0vYl5mGThOZwFprXYs06\/0TatJRaUW3jabSB1lr1OuYBQi8xZnNYjsZhPQc1UEs0eo1l1b\/CNOZ\/QyKbw8n6QCf5CKTa4SNGlEhBc9fB4CnE7XbP+1AWCodwHq20tupvggugjo2+lGvzNEgNjwWRzGNSATnp0fKWHqay92O9ieXU5WUnEnCUDcXdL+VgR89vGDk4iBqOtzkM8Y7xqd+vUGoWddyyrYQbeleJxVCEeKKgxfxtx12QcGtUvp+vjTYtUr9SFl1zFV2r1X\/LUcxeE2nT2mJae+Bd0mRGPwXEPrm39ASby08A=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0947\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0947\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkUFrwzAMhe+D\/QddemtY64QdettoCx0rFNoxdvQSNROr7eIoZfv3U+IkTaBhOhhj5XvSe8m1Zb6\/AykmPiHsz54sg0oggqeSv9AypZrJWdi6rDxh+DjTjGvnjWaAD6lou42Wy9DTP1S0vYl5mGThOZwFprXYs06\/0TatJRaUW3jabSB1lr1OuYBQi8xZnNYjsZhPQc1UEs0eo1l1b\/CNOZ\/QyKbw8n6QCf5CKTa4SNGlEhBc9fB4CnE7XbP+1AWCodwHq20tupvggugjo2+lGvzNEgNjwWRzGNSATnp0fKWHqay92O9ieXU5WUnEnCUDcXdL+VgR89vGDk4iBqOtzkM8Y7xqd+vUGoWddyyrYQbeleJxVCEeKKgxfxtx12QcGtUvp+vjTYtUr9SFl1zFV2r1X\/LUcxeE2nT2mJae+Bd0mRGPwXEPrm39ASby08A=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0947\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkUFrwzAMhe+D\/QddemtY64QdettoCx0rFNoxdvQSNROr7eIoZfv3U+IkTaBhOhhj5XvSe8m1Zb6\/AykmPiHsz54sg0oggqeSv9AypZrJWdi6rDxh+DjTjGvnjWaAD6lou42Wy9DTP1S0vYl5mGThOZwFprXYs06\/0TatJRaUW3jabSB1lr1OuYBQi8xZnNYjsZhPQc1UEs0eo1l1b\/CNOZ\/QyKbw8n6QCf5CKTa4SNGlEhBc9fB4CnE7XbP+1AWCodwHq20tupvggugjo2+lGvzNEgNjwWRzGNSATnp0fKWHqay92O9ieXU5WUnEnCUDcXdL+VgR89vGDk4iBqOtzkM8Y7xqd+vUGoWddyyrYQbeleJxVCEeKKgxfxtx12QcGtUvp+vjTYtUr9SFl1zFV2r1X\/LUcxeE2nT2mJae+Bd0mRGPwXEPrm39ASby08A=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">gantt\r\n    title Sprint 24 - Authentication Module\r\n    dateFormat  YYYY-MM-DD\r\n    axisFormat  %m\/%d\r\n    \r\n    section Backend\r\n    Design API contracts       :done,    des1, 2024-06-01, 2d\r\n    Implement JWT service      :active,  des2, 2024-06-03, 3d\r\n    Database migration         :         des3, after des2, 2d\r\n    Unit testing              :         des4, after des3, 2d\r\n    \r\n    section Frontend\r\n    Login component           :         front1, 2024-06-03, 3d\r\n    Token management          :         front2, after front1, 2d\r\n    Protected routes          :         front3, after front2, 2d\r\n    \r\n    section Integration\r\n    API integration           :         int1, after des4, 2d\r\n    E2E testing              :         int2, after int1, 3d\r\n    Security audit           :         int3, after int2, 2d\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkUFrwzAMhe+D\/QddemtY64QdettoCx0rFNoxdvQSNROr7eIoZfv3U+IkTaBhOhhj5XvSe8m1Zb6\/AykmPiHsz54sg0oggqeSv9AypZrJWdi6rDxh+DjTjGvnjWaAD6lou42Wy9DTP1S0vYl5mGThOZwFprXYs06\/0TatJRaUW3jabSB1lr1OuYBQi8xZnNYjsZhPQc1UEs0eo1l1b\/CNOZ\/QyKbw8n6QCf5CKTa4SNGlEhBc9fB4CnE7XbP+1AWCodwHq20tupvggugjo2+lGvzNEgNjwWRzGNSATnp0fKWHqay92O9ieXU5WUnEnCUDcXdL+VgR89vGDk4iBqOtzkM8Y7xqd+vUGoWddyyrYQbeleJxVCEeKKgxfxtx12QcGtUvp+vjTYtUr9SFl1zFV2r1X\/LUcxeE2nT2mJae+Bd0mRGPwXEPrm39ASby08A=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkUFrwzAMhe+D\/QddemtY64QdettoCx0rFNoxdvQSNROr7eIoZfv3U+IkTaBhOhhj5XvSe8m1Zb6\/AykmPiHsz54sg0oggqeSv9AypZrJWdi6rDxh+DjTjGvnjWaAD6lou42Wy9DTP1S0vYl5mGThOZwFprXYs06\/0TatJRaUW3jabSB1lr1OuYBQi8xZnNYjsZhPQc1UEs0eo1l1b\/CNOZ\/QyKbw8n6QCf5CKTa4SNGlEhBc9fB4CnE7XbP+1AWCodwHq20tupvggugjo2+lGvzNEgNjwWRzGNSATnp0fKWHqay92O9ieXU5WUnEnCUDcXdL+VgR89vGDk4iBqOtzkM8Y7xqd+vUGoWddyyrYQbeleJxVCEeKKgxfxtx12QcGtUvp+vjTYtUr9SFl1zFV2r1X\/LUcxeE2nT2mJae+Bd0mRGPwXEPrm39ASby08A=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0947\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkUFrwzAMhe+D\/QddemtY64QdettoCx0rFNoxdvQSNROr7eIoZfv3U+IkTaBhOhhj5XvSe8m1Zb6\/AykmPiHsz54sg0oggqeSv9AypZrJWdi6rDxh+DjTjGvnjWaAD6lou42Wy9DTP1S0vYl5mGThOZwFprXYs06\/0TatJRaUW3jabSB1lr1OuYBQi8xZnNYjsZhPQc1UEs0eo1l1b\/CNOZ\/QyKbw8n6QCf5CKTa4SNGlEhBc9fB4CnE7XbP+1AWCodwHq20tupvggugjo2+lGvzNEgNjwWRzGNSATnp0fKWHqay92O9ieXU5WUnEnCUDcXdL+VgR89vGDk4iBqOtzkM8Y7xqd+vUGoWddyyrYQbeleJxVCEeKKgxfxtx12QcGtUvp+vjTYtUr9SFl1zFV2r1X\/LUcxeE2nT2mJae+Bd0mRGPwXEPrm39ASby08A=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0947\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>4. PlantUML \u0917\u0939\u0930\u093e\u0908 \u0938\u0947: \u090f\u0902\u091f\u0930\u092a\u094d\u0930\u093e\u0907\u091c \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 {#plantuml-tutorial}<\/h2>\n<p>PlantUML \u0914\u092a\u091a\u093e\u0930\u093f\u0915 UML \u0906\u0930\u0947\u0916\u094b\u0902 \u0914\u0930 \u090f\u0902\u091f\u0930\u092a\u094d\u0930\u093e\u0907\u091c \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923 \u0939\u0948\u0964 \u0906\u0907\u090f \u0935\u094d\u092f\u093e\u0935\u0939\u093e\u0930\u093f\u0915 \u0909\u0926\u093e\u0939\u0930\u0923\u094b\u0902 \u0915\u093e \u0905\u0928\u094d\u0935\u0947\u0937\u0923 \u0915\u0930\u0947\u0902\u0964<\/p>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 1: \u0908-\u0915\u0949\u092e\u0930\u094d\u0938 \u092a\u094d\u0932\u0947\u091f\u092b\u0949\u0930\u094d\u092e \u0915\u0947 \u0932\u093f\u090f \u0918\u091f\u0915 \u0906\u0930\u0947\u0916<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0908-\u0915\u0949\u092e\u0930\u094d\u0938 \u092a\u094d\u0932\u0947\u091f\u092b\u0949\u0930\u094d\u092e \u0915\u0947 \u0932\u093f\u090f \u092a\u0930\u0924\u0926\u093e\u0930 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e, \u091c\u093f\u0938\u092e\u0947\u0902 \u092a\u094d\u0930\u0938\u094d\u0924\u0941\u0924\u093f, API, \u092c\u093f\u091c\u0928\u0947\u0938 \u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0914\u0930 \u0921\u0947\u091f\u093e \u092a\u0930\u0924\u094b\u0902 \u0915\u093e \u0935\u093f\u0935\u0930\u0923 \u0926\u093f\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8bf0e526c.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLHBRzGm4BvRydyOblFsm953rNrGXDI5BIl40VNW9DEDrTWEVXH5YF_Es76UIFZa-RvlFC_apdbXVL0DPszyZGgXROJKdBaNgLjXXO92b2zNQuAk3gOn5jxUfpENb4QrHgFs5zyr2FJSEyuuyzAJjVcmFHYbq9O8vqRuPsCLRE4m-C3EbhNqMFfWSHFzMeeehkHvjkX88Rmq6Xv4XtO3lpa3EZ--Om7trcYFkde2uO20J9rC8IdmhcqJqPkPsrLAQZWALnT6sDupOPpzMSJUdJ-jGqRee_3uItJ9Bzy7Db03jPTbIhT_cA3CVYKjF4X5XTh4HI3Pwy3xuAH6v-22zbMMwAO43iABnbm79hsJiQpuOYkq2puXcJsBJiMEp_cCPSMbbcqhzJB406RDP-FbSovpeKj4jwxdI0ckEbaHL0YN9cogK7euxZSf6JAF-xMeBofBal6lvfkR9F4-A7u634IVgA4ncyTe9j7fCISQ5scxlPsccTTdWVLhiu0uozS4zwEU8xC1p-5nNdCm3ucpljG8ZNEPe6aE4pRqdBDXEP9pxkEa6ziM4qt8q2NEXhMukRcbji1xQ4FHI5S3lXBiE1ktObIuKBZIoW97JP_8_nIStT6tIZ-7lm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Plantuml \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLHBRzGm4BvRydyOblFsm953rNrGXDI5BIl40VNW9DEDrTWEVXH5YF_Es76UIFZa-RvlFC_apdbXVL0DPszyZGgXROJKdBaNgLjXXO92b2zNQuAk3gOn5jxUfpENb4QrHgFs5zyr2FJSEyuuyzAJjVcmFHYbq9O8vqRuPsCLRE4m-C3EbhNqMFfWSHFzMeeehkHvjkX88Rmq6Xv4XtO3lpa3EZ--Om7trcYFkde2uO20J9rC8IdmhcqJqPkPsrLAQZWALnT6sDupOPpzMSJUdJ-jGqRee_3uItJ9Bzy7Db03jPTbIhT_cA3CVYKjF4X5XTh4HI3Pwy3xuAH6v-22zbMMwAO43iABnbm79hsJiQpuOYkq2puXcJsBJiMEp_cCPSMbbcqhzJB406RDP-FbSovpeKj4jwxdI0ckEbaHL0YN9cogK7euxZSf6JAF-xMeBofBal6lvfkR9F4-A7u634IVgA4ncyTe9j7fCISQ5scxlPsccTTdWVLhiu0uozS4zwEU8xC1p-5nNdCm3ucpljG8ZNEPe6aE4pRqdBDXEP9pxkEa6ziM4qt8q2NEXhMukRcbji1xQ4FHI5S3lXBiE1ktObIuKBZIoW97JP_8_nIStT6tIZ-7lm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 PlantUML \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLHBRzGm4BvRydyOblFsm953rNrGXDI5BIl40VNW9DEDrTWEVXH5YF_Es76UIFZa-RvlFC_apdbXVL0DPszyZGgXROJKdBaNgLjXXO92b2zNQuAk3gOn5jxUfpENb4QrHgFs5zyr2FJSEyuuyzAJjVcmFHYbq9O8vqRuPsCLRE4m-C3EbhNqMFfWSHFzMeeehkHvjkX88Rmq6Xv4XtO3lpa3EZ--Om7trcYFkde2uO20J9rC8IdmhcqJqPkPsrLAQZWALnT6sDupOPpzMSJUdJ-jGqRee_3uItJ9Bzy7Db03jPTbIhT_cA3CVYKjF4X5XTh4HI3Pwy3xuAH6v-22zbMMwAO43iABnbm79hsJiQpuOYkq2puXcJsBJiMEp_cCPSMbbcqhzJB406RDP-FbSovpeKj4jwxdI0ckEbaHL0YN9cogK7euxZSf6JAF-xMeBofBal6lvfkR9F4-A7u634IVgA4ncyTe9j7fCISQ5scxlPsccTTdWVLhiu0uozS4zwEU8xC1p-5nNdCm3ucpljG8ZNEPe6aE4pRqdBDXEP9pxkEa6ziM4qt8q2NEXhMukRcbji1xQ4FHI5S3lXBiE1ktObIuKBZIoW97JP_8_nIStT6tIZ-7lm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!theme plain\r\nskinparam backgroundColor #FFFFFF\r\nskinparam componentStyle uml2\r\n\r\ntitle \"E-Commerce Platform - Component Architecture\"\r\n\r\npackage \"Presentation Layer\" {\r\n    [Web Frontend] as Web\r\n    [Mobile App] as Mobile\r\n    [Admin Dashboard] as Admin\r\n}\r\n\r\npackage \"API Layer\" {\r\n    [API Gateway] as Gateway\r\n    [Authentication] as Auth\r\n    [Rate Limiter] as RateLimit\r\n}\r\n\r\npackage \"Business Services\" {\r\n    [Catalog Service] as Catalog\r\n    [Order Service] as Order\r\n    [Payment Service] as Payment\r\n    [Shipping Service] as Shipping\r\n    [Notification Service] as Notify\r\n}\r\n\r\npackage \"Data Layer\" {\r\n    database \"Product DB\" as ProdDB\r\n    database \"Order DB\" as OrderDB\r\n    database \"User DB\" as UserDB\r\n    queue \"Message Queue\" as MQ\r\n}\r\n\r\nWeb --&gt; Gateway\r\nMobile --&gt; Gateway\r\nAdmin --&gt; Gateway\r\n\r\nGateway --&gt; Auth\r\nGateway --&gt; RateLimit\r\nGateway --&gt; Catalog\r\nGateway --&gt; Order\r\n\r\nOrder --&gt; Payment\r\nOrder --&gt; Shipping\r\nOrder --&gt; Notify\r\n\r\nCatalog --&gt; ProdDB\r\nOrder --&gt; OrderDB\r\nAuth --&gt; UserDB\r\n\r\nPayment ..&gt; MQ : publish events\r\nShipping ..&gt; MQ : subscribe events\r\nNotify ..&gt; MQ : subscribe events\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLHBRzGm4BvRydyOblFsm953rNrGXDI5BIl40VNW9DEDrTWEVXH5YF_Es76UIFZa-RvlFC_apdbXVL0DPszyZGgXROJKdBaNgLjXXO92b2zNQuAk3gOn5jxUfpENb4QrHgFs5zyr2FJSEyuuyzAJjVcmFHYbq9O8vqRuPsCLRE4m-C3EbhNqMFfWSHFzMeeehkHvjkX88Rmq6Xv4XtO3lpa3EZ--Om7trcYFkde2uO20J9rC8IdmhcqJqPkPsrLAQZWALnT6sDupOPpzMSJUdJ-jGqRee_3uItJ9Bzy7Db03jPTbIhT_cA3CVYKjF4X5XTh4HI3Pwy3xuAH6v-22zbMMwAO43iABnbm79hsJiQpuOYkq2puXcJsBJiMEp_cCPSMbbcqhzJB406RDP-FbSovpeKj4jwxdI0ckEbaHL0YN9cogK7euxZSf6JAF-xMeBofBal6lvfkR9F4-A7u634IVgA4ncyTe9j7fCISQ5scxlPsccTTdWVLhiu0uozS4zwEU8xC1p-5nNdCm3ucpljG8ZNEPe6aE4pRqdBDXEP9pxkEa6ziM4qt8q2NEXhMukRcbji1xQ4FHI5S3lXBiE1ktObIuKBZIoW97JP_8_nIStT6tIZ-7lm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLHBRzGm4BvRydyOblFsm953rNrGXDI5BIl40VNW9DEDrTWEVXH5YF_Es76UIFZa-RvlFC_apdbXVL0DPszyZGgXROJKdBaNgLjXXO92b2zNQuAk3gOn5jxUfpENb4QrHgFs5zyr2FJSEyuuyzAJjVcmFHYbq9O8vqRuPsCLRE4m-C3EbhNqMFfWSHFzMeeehkHvjkX88Rmq6Xv4XtO3lpa3EZ--Om7trcYFkde2uO20J9rC8IdmhcqJqPkPsrLAQZWALnT6sDupOPpzMSJUdJ-jGqRee_3uItJ9Bzy7Db03jPTbIhT_cA3CVYKjF4X5XTh4HI3Pwy3xuAH6v-22zbMMwAO43iABnbm79hsJiQpuOYkq2puXcJsBJiMEp_cCPSMbbcqhzJB406RDP-FbSovpeKj4jwxdI0ckEbaHL0YN9cogK7euxZSf6JAF-xMeBofBal6lvfkR9F4-A7u634IVgA4ncyTe9j7fCISQ5scxlPsccTTdWVLhiu0uozS4zwEU8xC1p-5nNdCm3ucpljG8ZNEPe6aE4pRqdBDXEP9pxkEa6ziM4qt8q2NEXhMukRcbji1xQ4FHI5S3lXBiE1ktObIuKBZIoW97JP_8_nIStT6tIZ-7lm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 PlantUML \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLHBRzGm4BvRydyOblFsm953rNrGXDI5BIl40VNW9DEDrTWEVXH5YF_Es76UIFZa-RvlFC_apdbXVL0DPszyZGgXROJKdBaNgLjXXO92b2zNQuAk3gOn5jxUfpENb4QrHgFs5zyr2FJSEyuuyzAJjVcmFHYbq9O8vqRuPsCLRE4m-C3EbhNqMFfWSHFzMeeehkHvjkX88Rmq6Xv4XtO3lpa3EZ--Om7trcYFkde2uO20J9rC8IdmhcqJqPkPsrLAQZWALnT6sDupOPpzMSJUdJ-jGqRee_3uItJ9Bzy7Db03jPTbIhT_cA3CVYKjF4X5XTh4HI3Pwy3xuAH6v-22zbMMwAO43iABnbm79hsJiQpuOYkq2puXcJsBJiMEp_cCPSMbbcqhzJB406RDP-FbSovpeKj4jwxdI0ckEbaHL0YN9cogK7euxZSf6JAF-xMeBofBal6lvfkR9F4-A7u634IVgA4ncyTe9j7fCISQ5scxlPsccTTdWVLhiu0uozS4zwEU8xC1p-5nNdCm3ucpljG8ZNEPe6aE4pRqdBDXEP9pxkEa6ziM4qt8q2NEXhMukRcbji1xQ4FHI5S3lXBiE1ktObIuKBZIoW97JP_8_nIStT6tIZ-7lm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 Plantuml \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><img alt=\"PlantUML \u0918\u091f\u0915 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e8451e511f.png\"\/><br \/>\n<em>\u0906\u0915\u0943\u0924\u093f 3: \u092a\u0930\u0924\u0926\u093e\u0930 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0926\u093f\u0916\u093e\u0924\u093e \u0939\u0941\u0906 PlantUML \u0918\u091f\u0915 \u0906\u0930\u0947\u0916<\/em><\/p>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 2: \u0915\u094d\u0932\u093e\u0909\u0921 \u0907\u0902\u092b\u094d\u0930\u093e\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u091a\u0930 \u0915\u0947 \u0932\u093f\u090f \u0921\u093f\u092a\u094d\u0932\u0949\u092f\u092e\u0947\u0902\u091f \u0906\u0930\u0947\u0916<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 3: C4 \u092e\u0949\u0921\u0932 \u2013 \u0915\u0902\u091f\u0947\u0928\u0930 \u0906\u0930\u0947\u0916<\/h3>\n<p>C4 \u092e\u0949\u0921\u0932 \u0935\u093f\u092d\u093f\u0928\u094d\u0928 \u0938\u094d\u0924\u0930\u094b\u0902 \u0915\u0947 \u0905\u092e\u0942\u0930\u094d\u0924\u0928 \u092a\u0930 \u0938\u0949\u092b\u094d\u091f\u0935\u0947\u092f\u0930 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0915\u094b \u0938\u0902\u091a\u093e\u0930\u093f\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0909\u0924\u094d\u0915\u0943\u0937\u094d\u091f \u0939\u0948\u0964<br \/>\n<strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"C4 \u092e\u0949\u0921\u0932 \u0915\u0902\u091f\u0947\u0928\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u091c\u094b AWS \u0915\u094d\u0932\u093e\u0909\u0921 \u0921\u093f\u092a\u094d\u0932\u0949\u092f\u092e\u0947\u0902\u091f \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u092e\u0947\u0902 \u0938\u093e\u0930\u094d\u0935\u091c\u0928\u093f\u0915 \u0914\u0930 \u0928\u093f\u091c\u0940 \u0938\u092c\u0928\u0947\u091f, \u0935\u0947\u092c \u0938\u0930\u094d\u0935\u0930, API \u0938\u0930\u094d\u0935\u0930 \u0914\u0930 \u0938\u094d\u091f\u094b\u0930\u0947\u091c \u0918\u091f\u0915 \u0936\u093e\u092e\u093f\u0932 \u0939\u0948\u0902\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8cec25f51.png\"\/><br \/>\n@startuml<br \/>\n!define AWS_COLOR FF9900<br \/>\n!define DOCKER_COLOR 0DB7ED<br \/>\nskinparam componentStyle uml2<br \/>\nskinparam backgroundColor #FAFAFA<br \/>\ntitle &#8220;\u0915\u094d\u0932\u093e\u0909\u0921 \u0935\u093f\u0928\u094d\u092f\u093e\u0938 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e&#8221;<br \/>\npackage &#8220;AWS \u0915\u094d\u0937\u0947\u0924\u094d\u0930: us-east-1&#8221; {<br \/>\npackage &#8220;\u0938\u093e\u0930\u094d\u0935\u091c\u0928\u093f\u0915 \u0909\u092a-\u0928\u0947\u091f\u0935\u0930\u094d\u0915&#8221; {<br \/>\n[CloudFront CDN] as CDN<br \/>\n[\u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928 \u0932\u094b\u0921 \u092c\u0947\u0932\u0947\u0902\u0938\u0930] as ALB #AWS_COLOR<br \/>\n}<br \/>\npackage &#8220;\u0928\u093f\u091c\u0940 \u0909\u092a-\u0928\u0947\u091f\u0935\u0930\u094d\u0915 1&#8221; {<br \/>\n[\u0935\u0947\u092c \u0938\u0930\u094d\u0935\u0930 1] as Web1 #DOCKER_COLOR<br \/>\n[\u0935\u0947\u092c \u0938\u0930\u094d\u0935\u0930 2] as Web2 #DOCKER_COLOR<br \/>\n}<br \/>\npackage &#8220;\u0928\u093f\u091c\u0940 \u0909\u092a-\u0928\u0947\u091f\u0935\u0930\u094d\u0915 2&#8221; {<br \/>\n[API \u0938\u0930\u094d\u0935\u0930 1] as API1 #DOCKER_COLOR<br \/>\n[API \u0938\u0930\u094d\u0935\u0930 2] as API2 #DOCKER_COLOR<br \/>\n}<br \/>\npackage &#8220;\u0921\u0947\u091f\u093e \u0938\u094d\u0924\u0930&#8221; {<br \/>\ndatabase &#8220;RDS \u092a\u094d\u0930\u093e\u0925\u092e\u093f\u0915&#8221; as RDS1 #AWS_COLOR<br \/>\ndatabase &#8220;RDS \u092a\u094d\u0930\u0924\u093f\u0932\u093f\u092a\u093f&#8221; as RDS2 #AWS_COLOR<br \/>\n[ElastiCache Redis] as Cache #AWS_COLOR<br \/>\n}<br \/>\npackage &#8220;\u0938\u094d\u091f\u094b\u0930\u0947\u091c&#8221; {<br \/>\n[S3 \u092c\u0915\u0947\u091f] as S3 #AWS_COLOR<br \/>\n[EFS \u0938\u093e\u091d\u093e \u0938\u094d\u091f\u094b\u0930\u0947\u091c] as EFS #AWS_COLOR<br \/>\n}<br \/>\n}<br \/>\n\u0907\u0902\u091f\u0930\u0928\u0947\u091f \u2013&gt; CDN<br \/>\nCDN \u2013&gt; ALB<br \/>\nALB \u2013&gt; Web1<br \/>\nALB \u2013&gt; Web2<br \/>\nWeb1 \u2013&gt; API1<br \/>\nWeb1 \u2013&gt; API2<br \/>\nWeb2 \u2013&gt; API1<br \/>\nWeb2 \u2013&gt; API2<br \/>\nAPI1 \u2013&gt; RDS1<br \/>\nAPI2 \u2013&gt; RDS1<br \/>\nRDS1 -[dashed]&gt; RDS2<br \/>\nAPI1 \u2013&gt; Cache<br \/>\nAPI2 \u2013&gt; Cache<br \/>\nAPI1 \u2013&gt; S3<br \/>\nAPI2 \u2013&gt; S3<br \/>\nWeb1 \u2013&gt; EFS<br \/>\nWeb2 \u2013&gt; EFS<br \/>\n@enduml<\/p>\n<h3>\u0905\u092d\u094d\u092f\u093e\u0938 4: \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 \u0915\u0947 \u0932\u093f\u090f \u0917\u0924\u093f\u0935\u093f\u0927\u093f \u0906\u0930\u0947\u0916<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0935\u0930\u094d\u0915\u092b\u093c\u094d\u0932\u094b \u0917\u0924\u093f\u0935\u093f\u0927\u093f \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u091c\u094b \u0911\u0928\u0932\u093e\u0907\u0928 \u0911\u0930\u094d\u0921\u0930 \u0915\u0947 \u0932\u093f\u090f \u0917\u094d\u0930\u093e\u0939\u0915 \u0914\u0930 \u0938\u093f\u0938\u094d\u091f\u092e \u0915\u0947 \u092c\u0940\u091a \u0915\u0947 \u0905\u0902\u0924\u0903\u0915\u094d\u0930\u093f\u092f\u093e \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948, \u091c\u093f\u0938\u092e\u0947\u0902 \u0938\u0924\u094d\u092f\u093e\u092a\u0928, \u092d\u0941\u0917\u0924\u093e\u0928 \u0914\u0930 \u092c\u0948\u0915\u0917\u094d\u0930\u093e\u0909\u0902\u0921 \u091c\u0949\u092c \u0936\u093e\u092e\u093f\u0932 \u0939\u0948\u0902\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8d19bd807.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XL9DJ-Gm3BrNwd-mE0r_eNFWengXMMa1RPVTSqXT6aqQLuupg8Bzx-ka349muEXd-_czbrn6CInfydNrsgOeD26_rbL1wwgvPdgE2FTCVR8IjmfTzJq8GQi3kTIMHLoX4Us1KeQLhLkYuAHSpH_ZNMy4omxi5Ir4hV4s-Op_9Z5U8JV0fhJXwcYSDuyUByv1HWomMJ2UrnL0ymiZyX5X7uuOX7ZHHVGgSXDedUX6UeQx9403T4BsiCsmUfjrClHkAFe-k6rsGP2X6zqyk_04Qf4n5f4TUhG2zsQPz1hyH1cf_somP13ZQUhDoMcdIpPtX-I_ccaPSm1tt2DlL_6g45eAW-F9YAC0kqcpM9iFSydn6-kdmpjcMbbx56F73-wRxFNzx8ctr1gPaPJDhudLrQpFvegKisjZ3qzCIJN-eCTu1Y_bx0q6v3Tbv2okQcz9tB30NyCuKeeP_PVvBbM6_hZ_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 PlantUML \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XL9DJ-Gm3BrNwd-mE0r_eNFWengXMMa1RPVTSqXT6aqQLuupg8Bzx-ka349muEXd-_czbrn6CInfydNrsgOeD26_rbL1wwgvPdgE2FTCVR8IjmfTzJq8GQi3kTIMHLoX4Us1KeQLhLkYuAHSpH_ZNMy4omxi5Ir4hV4s-Op_9Z5U8JV0fhJXwcYSDuyUByv1HWomMJ2UrnL0ymiZyX5X7uuOX7ZHHVGgSXDedUX6UeQx9403T4BsiCsmUfjrClHkAFe-k6rsGP2X6zqyk_04Qf4n5f4TUhG2zsQPz1hyH1cf_somP13ZQUhDoMcdIpPtX-I_ccaPSm1tt2DlL_6g45eAW-F9YAC0kqcpM9iFSydn6-kdmpjcMbbx56F73-wRxFNzx8ctr1gPaPJDhudLrQpFvegKisjZ3qzCIJN-eCTu1Y_bx0q6v3Tbv2okQcz9tB30NyCuKeeP_PVvBbM6_hZ_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 PlantUML \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLJHIXjH47rVs7yOVAg_a3xKNoaqqe2DfQPFJS6DQ9HGn8VjGWcajhDnIQE6W5QXr5-PJ-dCcRsIf3UrBvlidPapPywSlLjxdPVlEk_VxAH9LxYGyfFmJFYtyBrmtaqJuLifCpiiipHf29y8Cz8cI1kJy7IXJCD3uLzwcgEeBznxZi8SyHboHng_yY1PGJaGFjUonVmlUD6g8w2E05dszMSk_21yIWWLVZOL_hO8W7dka7ZdBRLZDqf4GVeUznRxe6GvFMKHdSGKcPCrv-_2bIQlfhMswTaAz0aqcmUzBiX4Beyr_yKcTLutsrPnZyRPPfeGDL1T8Vl6aG4sSuv7q3n7-2ScvLKMpPszfg5MQBMlXm4uY58ggvmWrHLQJn0mf34mF-FqrF68W3xmLUYPjcY_QctNUaVyqp036Su4JnsW8BomYpOEcnX6XBw4q8KdwnHaEXZCXJu95iaWqDDBZq1D0jiy_D6wwxMxZ21egn-wqVNhEmlJgRbdxj9gMSy6U6IsmPgm3NOSFWypsIN-3H_fF6cCGmXyZi3e_oqH6P1hPInGKrlZYaCukrZgjc2EY1QrBI9hNytqNPPkSMVnpn43uqUFfibRlULQdTPkcpOW-44G_2lcxi7z3xHyELnlq8TQcocQp_rcg4AplpeZjy07CWPGVQKCV0gxJ-8VwaSZkQLowLNy1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n|\u0917\u094d\u0930\u093e\u0939\u0915|\r\n\u0936\u0941\u0930\u0941\r\n:\u0909\u0924\u094d\u092a\u093e\u0926 \u092c\u094d\u0930\u093e\u0909\u091c\u093c \u0915\u0930\u0947\u0902;\r\n:\u0915\u093e\u0930\u094d\u091f \u092e\u0947\u0902 \u091c\u094b\u0921\u093c\u0947\u0902;\r\n:\u091a\u0947\u0915\u0906\u0909\u091f \u0915\u0947 \u0932\u093f\u090f \u0906\u0917\u0947 \u092c\u0922\u093c\u0947\u0902;\r\n\r\n|\u0938\u093f\u0938\u094d\u091f\u092e|\r\n:\u0915\u093e\u0930\u094d\u091f \u0906\u0907\u091f\u092e \u0915\u0940 \u091c\u093e\u0902\u091a \u0915\u0930\u0947\u0902;\r\n:\u0915\u0941\u0932 \u0917\u0923\u0928\u093e \u0915\u0930\u0947\u0902;\r\nif (\u0906\u0907\u091f\u092e \u0909\u092a\u0932\u092c\u094d\u0927 \u0939\u0948\u0902?) then (\u0939\u093e\u0901)\r\n  :\u0907\u0928\u094d\u0935\u0947\u0902\u091f\u0930\u0940 \u0906\u0930\u0915\u094d\u0937\u093f\u0924 \u0915\u0930\u0947\u0902;\r\nelse (\u0928\u0939\u0940\u0902)\r\n  :\u0938\u094d\u091f\u0949\u0915 \u0938\u092e\u093e\u092a\u094d\u0924 \u0926\u093f\u0916\u093e\u090f\u0902;\r\n  \u0930\u094b\u0915\u0947\u0902\r\nendif\r\n\r\n|\u0917\u094d\u0930\u093e\u0939\u0915|\r\n:\u0936\u093f\u092a\u093f\u0902\u0917 \u092a\u0924\u093e \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902;\r\n:\u092d\u0941\u0917\u0924\u093e\u0928 \u0935\u093f\u0927\u093f \u091a\u0941\u0928\u0947\u0902;\r\n\r\n|\u0938\u093f\u0938\u094d\u091f\u092e|\r\n:\u092d\u0941\u0917\u0924\u093e\u0928 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e \u0915\u0930\u0947\u0902;\r\nif (\u092d\u0941\u0917\u0924\u093e\u0928 \u0938\u092b\u0932?) then (\u0939\u093e\u0901)\r\n  :\u0911\u0930\u094d\u0921\u0930 \u092c\u0928\u093e\u090f\u0902;\r\n  :\u092a\u0941\u0937\u094d\u091f\u093f \u0908\u092e\u0947\u0932 \u092d\u0947\u091c\u0947\u0902;\r\n  :\u0907\u0928\u094d\u0935\u0947\u0902\u091f\u0930\u0940 \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0947\u0902;\r\nelse (\u0928\u0939\u0940\u0902)\r\n  :\u092d\u0941\u0917\u0924\u093e\u0928 \u0924\u094d\u0930\u0941\u091f\u093f \u0926\u093f\u0916\u093e\u090f\u0902;\r\n  \u0905\u0932\u0917 \u0915\u0930\u0947\u0902\r\nendif\r\n\r\n:\u0911\u0930\u094d\u0921\u0930 \u0936\u093f\u092a \u0915\u0930\u0947\u0902;\r\n:\u0911\u0930\u094d\u0921\u0930 \u0938\u094d\u0925\u093f\u0924\u093f \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0947\u0902;\r\n\u0930\u0941\u0915\u0947\u0902\r\n\r\npartition \"\u092a\u0943\u0937\u094d\u0920\u092d\u0942\u092e\u093f \u0915\u093e\u0930\u094d\u092f\" {\r\n  :\u092c\u093f\u0932 \u091c\u0928\u0930\u0947\u091f \u0915\u0930\u0947\u0902;\r\n  :\u0917\u094b\u0926\u093e\u092e \u0915\u094b \u0938\u0942\u091a\u093f\u0924 \u0915\u0930\u0947\u0902;\r\n}\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLJHIXjH47rVs7yOVAg_a3xKNoaqqe2DfQPFJS6DQ9HGn8VjGWcajhDnIQE6W5QXr5-PJ-dCcRsIf3UrBvlidPapPywSlLjxdPVlEk_VxAH9LxYGyfFmJFYtyBrmtaqJuLifCpiiipHf29y8Cz8cI1kJy7IXJCD3uLzwcgEeBznxZi8SyHboHng_yY1PGJaGFjUonVmlUD6g8w2E05dszMSk_21yIWWLVZOL_hO8W7dka7ZdBRLZDqf4GVeUznRxe6GvFMKHdSGKcPCrv-_2bIQlfhMswTaAz0aqcmUzBiX4Beyr_yKcTLutsrPnZyRPPfeGDL1T8Vl6aG4sSuv7q3n7-2ScvLKMpPszfg5MQBMlXm4uY58ggvmWrHLQJn0mf34mF-FqrF68W3xmLUYPjcY_QctNUaVyqp036Su4JnsW8BomYpOEcnX6XBw4q8KdwnHaEXZCXJu95iaWqDDBZq1D0jiy_D6wwxMxZ21egn-wqVNhEmlJgRbdxj9gMSy6U6IsmPgm3NOSFWypsIN-3H_fF6cCGmXyZi3e_oqH6P1hPInGKrlZYaCukrZgjc2EY1QrBI9hNytqNPPkSMVnpn43uqUFfibRlULQdTPkcpOW-44G_2lcxi7z3xHyELnlq8TQcocQp_rcg4AplpeZjy07CWPGVQKCV0gxJ-8VwaSZkQLowLNy1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XL9DJ-Gm3BrNwd-mE0r_eNFWengXMMa1RPVTSqXT6aqQLuupg8Bzx-ka349muEXd-_czbrn6CInfydNrsgOeD26_rbL1wwgvPdgE2FTCVR8IjmfTzJq8GQi3kTIMHLoX4Us1KeQLhLkYuAHSpH_ZNMy4omxi5Ir4hV4s-Op_9Z5U8JV0fhJXwcYSDuyUByv1HWomMJ2UrnL0ymiZyX5X7uuOX7ZHHVGgSXDedUX6UeQx9403T4BsiCsmUfjrClHkAFe-k6rsGP2X6zqyk_04Qf4n5f4TUhG2zsQPz1hyH1cf_somP13ZQUhDoMcdIpPtX-I_ccaPSm1tt2DlL_6g45eAW-F9YAC0kqcpM9iFSydn6-kdmpjcMbbx56F73-wRxFNzx8ctr1gPaPJDhudLrQpFvegKisjZ3qzCIJN-eCTu1Y_bx0q6v3Tbv2okQcz9tB30NyCuKeeP_PVvBbM6_hZ_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 PlantUML \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XL9DJ-Gm3BrNwd-mE0r_eNFWengXMMa1RPVTSqXT6aqQLuupg8Bzx-ka349muEXd-_czbrn6CInfydNrsgOeD26_rbL1wwgvPdgE2FTCVR8IjmfTzJq8GQi3kTIMHLoX4Us1KeQLhLkYuAHSpH_ZNMy4omxi5Ir4hV4s-Op_9Z5U8JV0fhJXwcYSDuyUByv1HWomMJ2UrnL0ymiZyX5X7uuOX7ZHHVGgSXDedUX6UeQx9403T4BsiCsmUfjrClHkAFe-k6rsGP2X6zqyk_04Qf4n5f4TUhG2zsQPz1hyH1cf_somP13ZQUhDoMcdIpPtX-I_ccaPSm1tt2DlL_6g45eAW-F9YAC0kqcpM9iFSydn6-kdmpjcMbbx56F73-wRxFNzx8ctr1gPaPJDhudLrQpFvegKisjZ3qzCIJN-eCTu1Y_bx0q6v3Tbv2okQcz9tB30NyCuKeeP_PVvBbM6_hZ_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 PlantUML \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>5. Graphviz \u0915\u0947 \u092e\u0942\u0932 \u0938\u093f\u0926\u094d\u0927\u093e\u0902\u0924: \u091c\u091f\u093f\u0932 \u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u0926\u0943\u0936\u094d\u092f\u0940\u0915\u0930\u0923 {#graphviz-tutorial}<\/h2>\n<p>Graphviz (DOT \u092d\u093e\u0937\u093e) \u0909\u0928 \u091c\u091f\u093f\u0932 \u0938\u0902\u092c\u0902\u0927\u094b\u0902 \u0914\u0930 \u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u091f\u094b\u092a\u094b\u0932\u0949\u091c\u0940 \u0915\u094b \u0926\u0943\u0936\u094d\u092f\u092e\u093e\u0928 \u0915\u0930\u0928\u0947 \u092e\u0947\u0902 \u0909\u0924\u094d\u0915\u0943\u0937\u094d\u091f \u0939\u0948 \u091c\u0939\u093e\u0901 \u0932\u0947\u0906\u0909\u091f \u090f\u0932\u094d\u0917\u094b\u0930\u093f\u0926\u092e \u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923 \u0939\u094b\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\n<h3>\u0905\u092d\u094d\u092f\u093e\u0938 1: \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0928\u093f\u0930\u094d\u092d\u0930\u0924\u093e \u0917\u094d\u0930\u093e\u092b<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0928\u093f\u0930\u094d\u092d\u0930\u0924\u093e \u0917\u094d\u0930\u093e\u092b \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u091c\u094b API \u0917\u0947\u091f\u0935\u0947, \u0938\u0930\u094d\u0935\u093f\u0938 \u092e\u0947\u0936 \u0914\u0930 \u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u0914\u0930 \u092c\u093e\u0939\u0930\u0940 \u0917\u0947\u091f\u0935\u0947 \u0915\u0947 \u0938\u093e\u0925 \u091c\u0941\u0921\u093c\u0940 \u0939\u0941\u0908 \u0938\u0947\u0935\u093e\u0913\u0902 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8d4a5db75.png\"\/><br \/>\n<em>\u0906\u0915\u0943\u0924\u093f 4: \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0947\u0930\u094d\u0935\u093f\u0938 \u0928\u093f\u0930\u094d\u092d\u0930\u0924\u093e \u0914\u0930 \u0921\u0947\u091f\u093e \u092a\u094d\u0930\u0935\u093e\u0939 \u0926\u0930\u094d\u0936\u093e\u0928\u0947 \u0935\u093e\u0932\u093e Graphviz \u0926\u0943\u0936\u094d\u092f<\/em><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVU1vEzEQvSPxH6zlGlRoKaKqFqklFeohJSJwqnJw7HF2xMZe2U7bBfW\/11lnP2J7A+xhpZ15Ox\/Pbzwc15pWBZkh08qAfkAGZgoVSA6SIRjy5\/Ur4h5N5S+OOv9xfekNUnEg96agFeQr9TQhxtYl5JlWW\/cvnwgsS+DZhAglraQb57rSSMtsuQ8AfO0ChF6PN\/gb8vfvWqh\/n5yQu11SDgIlWlTSkEe0BWGqVNoMy9olb6x59gbOxKngXdrsan5LvlILj7TODpFCMM5Pe+TC80FmYIoIKi7Yhywq8IvSQFoe92F+um+yj5V1VWxd4aHxm+YJ6JzWG5A2st\/KB2dWuo48d8qiQEZ3HMWZJS1ri8yEnq6JKbV0RQ2Y+KRZXaI7Xu2OacAG+wQf2UVPXNPx9Droa2CYa8W3zA5NfVm9savo5smCdoCA2kiDB0d0BufiPOuEyakpel0uQ3ZbSbT2mw3FMiJvMVuM0vYdyoZxU2BlUmJ7+znQVFpoO1hSMzEsqaIYltZVjBtTWowc1V5K831Hw\/Melp5EHFY9aOQ4ZnwsEuB\/ny0Pj3UbRjgIG4oqOZjNH2m5jeMTQkxMthfJ6GSlGEmnvPdD5GdoebT3\/wjQjc5iu2r2kHG3vyZrt0MqlGvv3i+gdgnlxm2Ly96WHJXRK\/Z5mPhvkZNjc+xKPn4tu9zPL0KfHeo=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVU1vEzEQvSPxH6zlGlRoKaKqFqklFeohJSJwqnJw7HF2xMZe2U7bBfW\/11lnP2J7A+xhpZ15Ox\/Pbzwc15pWBZkh08qAfkAGZgoVSA6SIRjy5\/Ur4h5N5S+OOv9xfekNUnEg96agFeQr9TQhxtYl5JlWW\/cvnwgsS+DZhAglraQb57rSSMtsuQ8AfO0ChF6PN\/gb8vfvWqh\/n5yQu11SDgIlWlTSkEe0BWGqVNoMy9olb6x59gbOxKngXdrsan5LvlILj7TODpFCMM5Pe+TC80FmYIoIKi7Yhywq8IvSQFoe92F+um+yj5V1VWxd4aHxm+YJ6JzWG5A2st\/KB2dWuo48d8qiQEZ3HMWZJS1ri8yEnq6JKbV0RQ2Y+KRZXaI7Xu2OacAG+wQf2UVPXNPx9Droa2CYa8W3zA5NfVm9savo5smCdoCA2kiDB0d0BufiPOuEyakpel0uQ3ZbSbT2mw3FMiJvMVuM0vYdyoZxU2BlUmJ7+znQVFpoO1hSMzEsqaIYltZVjBtTWowc1V5K831Hw\/Melp5EHFY9aOQ4ZnwsEuB\/ny0Pj3UbRjgIG4oqOZjNH2m5jeMTQkxMthfJ6GSlGEmnvPdD5GdoebT3\/wjQjc5iu2r2kHG3vyZrt0MqlGvv3i+gdgnlxm2Ly96WHJXRK\/Z5mPhvkZNjc+xKPn4tu9zPL0KfHeo=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVc9rFDEUvhf8H0K8bqm2VixlhJaK9LC6sHoqe4hJphOcnSyZ2eooBe2liJSe1KMUZnDR9QeCuL3ov5I\/xWyyu\/MjmVX3kM28fHl57+X78gg7FGgQgDbDgsdUHDFM4z06oBGhEWY0Bs+vrAD1Eyh6TJjwHuxuG0PECQUHcYAG1HvEn7ZAnKQh9aDgQ7WXtHwWhpTAFvB5lESor5Z2BEMh7M0cUHKoHNRXDT5mz6h3\/docasa1NSCzbzI7kdk7mb9WE\/X9Ruan6m8is18yy9VspJcu1OyjRv+W2We9+FOP52pbOYFpmJiHXHjwKt3w132yCBDudPbBXZTQJyiFVaTvY0LWC2TXVA60aRxYUH8L34COVL7I\/KXM3sr8TGZfdQ75qcx+1MKED9W1gNkBcBHaMAks431BHNAOSvs0Siz7fnSkzFyk1so9njCfYZQwHtknRyhME4bj+kopswudyXudyVjPJzZpcBoyxRShbrxULnyL3sRbRWV19nu7tRxLho7gZIiTsqkIsTCWohvruC6n7MhfNNbd4nflUjfopr8JF6QnKA4KzvfqpZ+TaG6\/00cstCrbbXeX1HSiiT\/W4wcXQVdv13joJucU5qSUDXOSzIa5aWfjmohoIxup6ZJEkVGZAuXQnYhq1KVElmOaVeMA\/7v0DNymct1DxW2dVk7d6h1uwjXjHVR0CN+QpFFsroq4jzwwMjIq6i3N\/T8cVMWjXlulnEuj\/5EW+8j0jlkL+a57xbmavVK9Y1U3mTPdQhT0k3E2a4bzhujFqnNtFzansBzvtbYfl6P8m2OnxpY9701PvDl65fgP0qeccg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph MicroservicesDependencies {\r\n    rankdir=TB;\r\n    node [shape=box, style=\"rounded,filled\", fontname=\"Arial\"];\r\n    edge [fontname=\"Arial\", fontsize=10];\r\n    \r\n    \/\/ \u0930\u0902\u0917\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0928\u094b\u0921 \u092a\u0930\u093f\u092d\u093e\u0937\u093e\u090f\u0902\r\n    node [fillcolor=\"#e3f2fd\"];\r\n    \"API Gateway\" [fillcolor=\"#ffcdd2\"];\r\n    \"Service Mesh\" [fillcolor=\"#fff9c4\"];\r\n    \r\n    \/\/ \u092e\u0941\u0916\u094d\u092f \u0938\u0947\u0935\u093e\u090f\u0902\r\n    \"User Service\";\r\n    \"Auth Service\";\r\n    \"Order Service\";\r\n    \"Payment Service\";\r\n    \"Inventory Service\";\r\n    \"Notification Service\";\r\n    \"Analytics Service\";\r\n    \r\n    \/\/ \u0921\u0947\u091f\u093e\u092c\u0947\u0938\r\n    node [shape=cylinder, fillcolor=\"#c8e6c9\"];\r\n    \"User DB\";\r\n    \"Order DB\";\r\n    \"Product DB\";\r\n    \"Analytics DB\";\r\n    \r\n    \/\/ \u092c\u093e\u0939\u0930\u0940 \u0938\u0947\u0935\u093e\u090f\u0902\r\n    node [shape=box, fillcolor=\"#f3e5f5\", style=\"dashed,filled\"];\r\n    \"Payment Gateway\";\r\n    \"Email Service\";\r\n    \"SMS Service\";\r\n    \r\n    \/\/ \u0938\u0902\u092c\u0902\u0927\r\n    \"API Gateway\" -&gt; \"Service Mesh\";\r\n    \"Service Mesh\" -&gt; \"User Service\";\r\n    \"Service Mesh\" -&gt; \"Auth Service\";\r\n    \"Service Mesh\" -&gt; \"Order Service\";\r\n    \"Service Mesh\" -&gt; \"Payment Service\";\r\n    \"Service Mesh\" -&gt; \"Inventory Service\";\r\n    \r\n    \"User Service\" -&gt; \"User DB\";\r\n    \"Auth Service\" -&gt; \"User DB\";\r\n    \"Order Service\" -&gt; \"Order DB\";\r\n    \"Order Service\" -&gt; \"Inventory Service\";\r\n    \"Order Service\" -&gt; \"Payment Service\";\r\n    \"Inventory Service\" -&gt; \"Product DB\";\r\n    \"Payment Service\" -&gt; \"Payment Gateway\";\r\n    \"Notification Service\" -&gt; \"Email Service\";\r\n    \"Notification Service\" -&gt; \"SMS Service\";\r\n    \"Analytics Service\" -&gt; \"Analytics DB\";\r\n    \r\n    \"Order Service\" -&gt; \"Notification Service\" [style=dashed];\r\n    \"Payment Service\" -&gt; \"Notification Service\" [style=dashed];\r\n    \r\n    \/\/ \u0938\u092e\u0942\u0939 \u092c\u0928\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0909\u092a-\u0917\u094d\u0930\u093e\u092b\r\n    {\r\n        rank=same;\r\n        \"User Service\";\r\n        \"Auth Service\";\n    }\r\n    \r\n    {\r\n        rank=same;\r\n        \"Order Service\";\r\n        \"Payment Service\";\r\n        \"Inventory Service\";\n    }\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVc9rFDEUvhf8H0K8bqm2VixlhJaK9LC6sHoqe4hJphOcnSyZ2eooBe2liJSe1KMUZnDR9QeCuL3ov5I\/xWyyu\/MjmVX3kM28fHl57+X78gg7FGgQgDbDgsdUHDFM4z06oBGhEWY0Bs+vrAD1Eyh6TJjwHuxuG0PECQUHcYAG1HvEn7ZAnKQh9aDgQ7WXtHwWhpTAFvB5lESor5Z2BEMh7M0cUHKoHNRXDT5mz6h3\/docasa1NSCzbzI7kdk7mb9WE\/X9Ruan6m8is18yy9VspJcu1OyjRv+W2We9+FOP52pbOYFpmJiHXHjwKt3w132yCBDudPbBXZTQJyiFVaTvY0LWC2TXVA60aRxYUH8L34COVL7I\/KXM3sr8TGZfdQ75qcx+1MKED9W1gNkBcBHaMAks431BHNAOSvs0Siz7fnSkzFyk1so9njCfYZQwHtknRyhME4bj+kopswudyXudyVjPJzZpcBoyxRShbrxULnyL3sRbRWV19nu7tRxLho7gZIiTsqkIsTCWohvruC6n7MhfNNbd4nflUjfopr8JF6QnKA4KzvfqpZ+TaG6\/00cstCrbbXeX1HSiiT\/W4wcXQVdv13joJucU5qSUDXOSzIa5aWfjmohoIxup6ZJEkVGZAuXQnYhq1KVElmOaVeMA\/7v0DNymct1DxW2dVk7d6h1uwjXjHVR0CN+QpFFsroq4jzwwMjIq6i3N\/T8cVMWjXlulnEuj\/5EW+8j0jlkL+a57xbmavVK9Y1U3mTPdQhT0k3E2a4bzhujFqnNtFzansBzvtbYfl6P8m2OnxpY9701PvDl65fgP0qeccg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVU1vEzEQvSPxH6zlGlRoKaKqFqklFeohJSJwqnJw7HF2xMZe2U7bBfW\/11lnP2J7A+xhpZ15Ox\/Pbzwc15pWBZkh08qAfkAGZgoVSA6SIRjy5\/Ur4h5N5S+OOv9xfekNUnEg96agFeQr9TQhxtYl5JlWW\/cvnwgsS+DZhAglraQb57rSSMtsuQ8AfO0ChF6PN\/gb8vfvWqh\/n5yQu11SDgIlWlTSkEe0BWGqVNoMy9olb6x59gbOxKngXdrsan5LvlILj7TODpFCMM5Pe+TC80FmYIoIKi7Yhywq8IvSQFoe92F+um+yj5V1VWxd4aHxm+YJ6JzWG5A2st\/KB2dWuo48d8qiQEZ3HMWZJS1ri8yEnq6JKbV0RQ2Y+KRZXaI7Xu2OacAG+wQf2UVPXNPx9Droa2CYa8W3zA5NfVm9savo5smCdoCA2kiDB0d0BufiPOuEyakpel0uQ3ZbSbT2mw3FMiJvMVuM0vYdyoZxU2BlUmJ7+znQVFpoO1hSMzEsqaIYltZVjBtTWowc1V5K831Hw\/Melp5EHFY9aOQ4ZnwsEuB\/ny0Pj3UbRjgIG4oqOZjNH2m5jeMTQkxMthfJ6GSlGEmnvPdD5GdoebT3\/wjQjc5iu2r2kHG3vyZrt0MqlGvv3i+gdgnlxm2Ly96WHJXRK\/Z5mPhvkZNjc+xKPn4tu9zPL0KfHeo=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVU1vEzEQvSPxH6zlGlRoKaKqFqklFeohJSJwqnJw7HF2xMZe2U7bBfW\/11lnP2J7A+xhpZ15Ox\/Pbzwc15pWBZkh08qAfkAGZgoVSA6SIRjy5\/Ur4h5N5S+OOv9xfekNUnEg96agFeQr9TQhxtYl5JlWW\/cvnwgsS+DZhAglraQb57rSSMtsuQ8AfO0ChF6PN\/gb8vfvWqh\/n5yQu11SDgIlWlTSkEe0BWGqVNoMy9olb6x59gbOxKngXdrsan5LvlILj7TODpFCMM5Pe+TC80FmYIoIKi7Yhywq8IvSQFoe92F+um+yj5V1VWxd4aHxm+YJ6JzWG5A2st\/KB2dWuo48d8qiQEZ3HMWZJS1ri8yEnq6JKbV0RQ2Y+KRZXaI7Xu2OacAG+wQf2UVPXNPx9Droa2CYa8W3zA5NfVm9savo5smCdoCA2kiDB0d0BufiPOuEyakpel0uQ3ZbSbT2mw3FMiJvMVuM0vYdyoZxU2BlUmJ7+znQVFpoO1hSMzEsqaIYltZVjBtTWowc1V5K831Hw\/Melp5EHFY9aOQ4ZnwsEuB\/ny0Pj3UbRjgIG4oqOZjNH2m5jeMTQkxMthfJ6GSlGEmnvPdD5GdoebT3\/wjQjc5iu2r2kHG3vyZrt0MqlGvv3i+gdgnlxm2Ly96WHJXRK\/Z5mPhvkZNjc+xKPn4tu9zPL0KfHeo=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 2: \u0938\u0902\u0917\u0920\u0928\u093e\u0924\u094d\u092e\u0915 \u0939\u093f\u092f\u0930\u093e\u0930\u094d\u0915\u0940<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0938\u0902\u0917\u0920\u0928\u093e\u0924\u094d\u092e\u0915 \u092a\u093e\u092f\u0926\u093e\u0928 \u0906\u0930\u0947\u0916 \u091c\u093f\u0938\u092e\u0947\u0902 \u0938\u0940\u0908\u0913 \u091c\u0949\u0928 \u0938\u094d\u092e\u093f\u0925, \u0915\u093e\u0930\u094d\u092f\u0915\u093e\u0930\u0940 \u091f\u0940\u092e, \u0909\u0924\u094d\u092a\u093e\u0926\u0928 \u0909\u092a\u093e\u0927\u094d\u092f\u0915\u094d\u0937 \u0914\u0930 \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930\u093f\u0902\u0917 \u0909\u092a\u093e\u0927\u094d\u092f\u0915\u094d\u0937 \u092c\u0948\u0915\u090f\u0902\u0921, \u092b\u094d\u0930\u0902\u091f\u090f\u0902\u0921, \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u092a\u0930\u0940\u0915\u094d\u0937\u0923 \u0914\u0930 \u0921\u0947\u0935\u0911\u092a\u094d\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930 \u0930\u0939\u0947 \u0939\u0948\u0902\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8d92f09cf.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVtFu2jAUfZ+0f7Cyl02iK4UCrSomtbRomoZIV9Q9tFPlxDeJVWMjO9B2U\/99duMkTkg2MBIK1znH99x7bENoLPEqQXMZTxIsU\/Tn\/Tukh8T8kVA5XlycZQEuCKA7leAVjAPx3EEqfWEw9qRYcwKkE1HGgHgdFAmecrzUU1+BbSClIfZ+WRIgsSZpeqODsJTiSdHfMO5+HuWA7PvwEF09Q7hO6QYQgw2wLD65mqM7hgNgY08\/3\/NvIuHoZknTxCSiMwoFE3LsfTg6HQ1Jz2Zng08JTcHbWmly8L1cQa2DrD4hW6sU5APoPPIamWFXL9NbAF56Z+ULWZkIVgkQJ5wndtoNcXTqAsqnycKRt9DybrDECTIileA1hcc9PIgGhZw3\/NTBTzV+RsMEA0MXutK74OcOfq7xV0vKXtAl3lC1A9p30L5GGxxBPyn7b\/Kv9ebzmHIASXnc1hYeN3WlxG23JDNsQ0ugH\/Ui0tySW\/9Bkxa6bn03t5qo4XEwiIaVmjg5NCh4SLV3lKvD0WJ8pdykHHOJNK0oqS5lxgUOH4GTIvH8t2G95x+PegisDvWpJiMICERBRYYZU6l3kktZBCznyd6Ul7CZr1RBaH9ausHedNfnBZV+tDTDvWhem\/3oS0HWYdrixVU22+BHi9vDi1EU9aHb6kVL6PoxX6OqLYqC0TGpaPNnRwUu55lhjmOQ99xnOI2EXG7RhOFJt0bTa6eZiYAy2IWk305yzjF70ZeE+jdPvUk\/QGuggquErlR5Xxx8MefqWTUwrQfm9YA\/r9wT5mjW4ew4sDP2bNBhu7u24vkW2ZrIrL4Vvj6vLurni9oalYC8aHpa97Ul3muJ9+tX4OXbgYKY3idK35jS2FF3R8i3gmavGfuUUvU\/A+co6hT+HQ3Mp+iRMYtTh51R\/f2Wev0L4Dlwzw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVtFu2jAUfZ+0f7Cyl02iK4UCrSomtbRomoZIV9Q9tFPlxDeJVWMjO9B2U\/99duMkTkg2MBIK1znH99x7bENoLPEqQXMZTxIsU\/Tn\/Tukh8T8kVA5XlycZQEuCKA7leAVjAPx3EEqfWEw9qRYcwKkE1HGgHgdFAmecrzUU1+BbSClIfZ+WRIgsSZpeqODsJTiSdHfMO5+HuWA7PvwEF09Q7hO6QYQgw2wLD65mqM7hgNgY08\/3\/NvIuHoZknTxCSiMwoFE3LsfTg6HQ1Jz2Zng08JTcHbWmly8L1cQa2DrD4hW6sU5APoPPIamWFXL9NbAF56Z+ULWZkIVgkQJ5wndtoNcXTqAsqnycKRt9DybrDECTIileA1hcc9PIgGhZw3\/NTBTzV+RsMEA0MXutK74OcOfq7xV0vKXtAl3lC1A9p30L5GGxxBPyn7b\/Kv9ebzmHIASXnc1hYeN3WlxG23JDNsQ0ugH\/Ui0tySW\/9Bkxa6bn03t5qo4XEwiIaVmjg5NCh4SLV3lKvD0WJ8pdykHHOJNK0oqS5lxgUOH4GTIvH8t2G95x+PegisDvWpJiMICERBRYYZU6l3kktZBCznyd6Ul7CZr1RBaH9ausHedNfnBZV+tDTDvWhem\/3oS0HWYdrixVU22+BHi9vDi1EU9aHb6kVL6PoxX6OqLYqC0TGpaPNnRwUu55lhjmOQ99xnOI2EXG7RhOFJt0bTa6eZiYAy2IWk305yzjF70ZeE+jdPvUk\/QGuggquErlR5Xxx8MefqWTUwrQfm9YA\/r9wT5mjW4ew4sDP2bNBhu7u24vkW2ZrIrL4Vvj6vLurni9oalYC8aHpa97Ul3muJ9+tX4OXbgYKY3idK35jS2FF3R8i3gmavGfuUUvU\/A+co6hT+HQ3Mp+iRMYtTh51R\/f2Wev0L4Dlwzw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqlVltrE0EUfi\/4H4b4opDaNGmSlhChtyBC2C0N9aFImd2ZzS7dzIbZ7c1SqH0pItIHUV8EXzZVRLQIQn2pf2V\/inPZ3Uw2GxvpBpI53+z5znXOBDldCvs20Gh31YY0AMf3ZgB7KCS7yKHNzkpDAsRDGGz7NuzjpuEdFoEfHLm4WaDeHkEYFS3HdTEqFIHlkYDAHtt6gt19HDgmLDyPSTDqMpK8N4oAUuod+M4L3Cw9qicK8ntuDkThuyi8icKraPAmCn8o4inbuxZoyGSpsLqugW0XGthtFtiaPPVsAjZ7TmBzB5mnpud6tFm4P79Ur6Fy7HUMHthOgAs5HjArp7NR+DManEfhL7aQe\/6eIXNount+gOkOPsQmOBZ7\/In9+HcEn9hPFH4vNFI1mV8EfRujIZo4vlQyobWkvJ4uVjtK7B2NbEIKbcAz4HskE\/5CGVatKot1qN1StFsaaTumDbELVlhxptDWFG1NI+s9xz0Ca3Df8W\/X1RVdXSNcC4Fnjnub2yczafyiTKw4Z1H4UST0SxT+Ecm+EguGf5hUNNLNq9ktZGP1ksdgvF64YpUtlFevLX1nndlOQt\/SARMdgjF1SDcTeG3BqFo1NWtD8zkB7QQY9nwlrJHQ4pYT3XymeKY0nxcEajAjBvmzAs1dTFDqfCJ3mF3yYL48sRoPM4EZBsKWoQbGnxZlp1LlTwFpYPGO\/Gt4X+v7KXssSu7qHbk3llNetpSctTtwnuT2+is+9fg8+SqGyeWE5u5TD+2ZQV6DZxmm7mjLsiq4NKGj9dig0tUxlAnUsoz6AlID1dvzqVpC04YEdjElugsDy6O9MRLTXCyNkpQnkrQ9w3HxFBSViRTLBLpH7N7y\/8mSLda1KP038f15eFHNPuYzuzEitzKylpH1WJ5JJj4D5SCReDxUGBofySycnKQsLs9AFt1YVs3pibk4LenbSZrYLqtiPlzOhyuN8WT95mdj8JqNWXH9D84Bv3z5kbkAIo9yCF9Gg5dR+JatgbiWb8QVzS\/VKzHb3gvogu3LnPMGGyaG\/adRZl0xbe96lX+SUvJ+UrI2rVLlvwyd\/AXClErL\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph OrgChart {\r\n    rankdir=TB;\r\n    node [shape=box, style=\"rounded,filled\", fontname=\"Helvetica\"];\r\n    edge [fontname=\"Helvetica\", arrowsize=0.7];\r\n    \r\n    \/\/ \u0915\u093e\u0930\u094d\u092f\u0915\u093e\u0930\u0940 \u0938\u094d\u0924\u0930\r\n    CEO [label=\"CEOnJohn Smith\", fillcolor=\"#1976d2\", fontcolor=\"white\"];\r\n    \r\n    \/\/ \u0938\u0940-\u0932\u0947\u0935\u0932\r\n    subgraph cluster_exec {\n        label=\"\u0915\u093e\u0930\u094d\u092f\u0915\u093e\u0930\u0940 \u091f\u0940\u092e\";\n        style=dashed;\n        color=\"#90caf9\";\n        \n        CTO [label=\"CTOnSarah Johnson\", fillcolor=\"#42a5f5\"];\n        CFO [label=\"CFOnMichael Brown\", fillcolor=\"#42a5f5\"];\n        COO [label=\"COOnEmily Davis\", fillcolor=\"#42a5f5\"];\n        CPO [label=\"CPOnDavid Wilson\", fillcolor=\"#42a5f5\"];\n    }\n    \n    \/\/ \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930\u093f\u0902\u0917\r\n    subgraph cluster_eng {\n        label=\"\u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930\u093f\u0902\u0917\";\n        style=filled;\n        color=\"#e3f2fd\";\n        \n        VP_Eng [label=\"VP Engineering\", fillcolor=\"#64b5f6\"];\n        \n        subgraph cluster_eng_teams {\n            label=\"\u091f\u0940\u092e\u0947\u0902\";\n            style=dotted;\n            \n            Backend [label=\"Backend Teamn(12 \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930)\", fillcolor=\"#bbdefb\"];\n            Frontend [label=\"Frontend Teamn(8 \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930)\", fillcolor=\"#bbdefb\"];\n            DevOps [label=\"DevOps Teamn(5 \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930)\", fillcolor=\"#bbdefb\"];\n            QA [label=\"QA Teamn(6 \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930)\", fillcolor=\"#bbdefb\"];\n        }\n    }\n    \n    \/\/ \u0909\u0924\u094d\u092a\u093e\u0926\r\n    subgraph cluster_product {\n        label=\"\u0909\u0924\u094d\u092a\u093e\u0926\";\n        style=filled;\n        color=\"#fff3e0\";\n        \n        VP_Product [label=\"VP Product\", fillcolor=\"#ffb74d\"];\n        PM1 [label=\"Product ManagernPlatform\", fillcolor=\"#ffcc80\"];\n        PM2 [label=\"Product ManagernMobile\", fillcolor=\"#ffcc80\"];\n        PM3 [label=\"Product ManagernAnalytics\", fillcolor=\"#ffcc80\"];\n    }\n    \n    \/\/ \u0938\u0902\u092c\u0902\u0927\r\n    CEO -&gt; CTO;\n    CEO -&gt; CFO;\n    CEO -&gt; COO;\n    CEO -&gt; CPO;\n    \n    CTO -&gt; VP_Eng;\n    VP_Eng -&gt; Backend;\n    VP_Eng -&gt; Frontend;\n    VP_Eng -&gt; DevOps;\n    VP_Eng -&gt; QA;\n    \n    CPO -&gt; VP_Product;\n    VP_Product -&gt; PM1;\n    VP_Product -&gt; PM2;\n    VP_Product -&gt; PM3;\n    \n    \/\/ \u0938\u0939\u092f\u094b\u0917 \u0915\u0947 \u0932\u093f\u090f \u092c\u093f\u0902\u0926\u0941\u0913\u0902 \u0935\u093e\u0932\u0940 \u0930\u0947\u0916\u093e\u090f\u0902\r\n    PM1 -&gt; Backend [style=dotted, color=\"#757575\"];\n    PM2 -&gt; Frontend [style=dotted, color=\"#757575\"];\n    PM3 -&gt; Backend [style=dotted, color=\"#757575\"];\n}\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqlVltrE0EUfi\/4H4b4opDaNGmSlhChtyBC2C0N9aFImd2ZzS7dzIbZ7c1SqH0pItIHUV8EXzZVRLQIQn2pf2V\/inPZ3Uw2GxvpBpI53+z5znXOBDldCvs20Gh31YY0AMf3ZgB7KCS7yKHNzkpDAsRDGGz7NuzjpuEdFoEfHLm4WaDeHkEYFS3HdTEqFIHlkYDAHtt6gt19HDgmLDyPSTDqMpK8N4oAUuod+M4L3Cw9qicK8ntuDkThuyi8icKraPAmCn8o4inbuxZoyGSpsLqugW0XGthtFtiaPPVsAjZ7TmBzB5mnpud6tFm4P79Ur6Fy7HUMHthOgAs5HjArp7NR+DManEfhL7aQe\/6eIXNount+gOkOPsQmOBZ7\/In9+HcEn9hPFH4vNFI1mV8EfRujIZo4vlQyobWkvJ4uVjtK7B2NbEIKbcAz4HskE\/5CGVatKot1qN1StFsaaTumDbELVlhxptDWFG1NI+s9xz0Ca3Df8W\/X1RVdXSNcC4Fnjnub2yczafyiTKw4Z1H4UST0SxT+Ecm+EguGf5hUNNLNq9ktZGP1ksdgvF64YpUtlFevLX1nndlOQt\/SARMdgjF1SDcTeG3BqFo1NWtD8zkB7QQY9nwlrJHQ4pYT3XymeKY0nxcEajAjBvmzAs1dTFDqfCJ3mF3yYL48sRoPM4EZBsKWoQbGnxZlp1LlTwFpYPGO\/Gt4X+v7KXssSu7qHbk3llNetpSctTtwnuT2+is+9fg8+SqGyeWE5u5TD+2ZQV6DZxmm7mjLsiq4NKGj9dig0tUxlAnUsoz6AlID1dvzqVpC04YEdjElugsDy6O9MRLTXCyNkpQnkrQ9w3HxFBSViRTLBLpH7N7y\/8mSLda1KP038f15eFHNPuYzuzEitzKylpH1WJ5JJj4D5SCReDxUGBofySycnKQsLs9AFt1YVs3pibk4LenbSZrYLqtiPlzOhyuN8WT95mdj8JqNWXH9D84Bv3z5kbkAIo9yCF9Gg5dR+JatgbiWb8QVzS\/VKzHb3gvogu3LnPMGGyaG\/adRZl0xbe96lX+SUvJ+UrI2rVLlvwyd\/AXClErL\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVtFu2jAUfZ+0f7Cyl02iK4UCrSomtbRomoZIV9Q9tFPlxDeJVWMjO9B2U\/99duMkTkg2MBIK1znH99x7bENoLPEqQXMZTxIsU\/Tn\/Tukh8T8kVA5XlycZQEuCKA7leAVjAPx3EEqfWEw9qRYcwKkE1HGgHgdFAmecrzUU1+BbSClIfZ+WRIgsSZpeqODsJTiSdHfMO5+HuWA7PvwEF09Q7hO6QYQgw2wLD65mqM7hgNgY08\/3\/NvIuHoZknTxCSiMwoFE3LsfTg6HQ1Jz2Zng08JTcHbWmly8L1cQa2DrD4hW6sU5APoPPIamWFXL9NbAF56Z+ULWZkIVgkQJ5wndtoNcXTqAsqnycKRt9DybrDECTIileA1hcc9PIgGhZw3\/NTBTzV+RsMEA0MXutK74OcOfq7xV0vKXtAl3lC1A9p30L5GGxxBPyn7b\/Kv9ebzmHIASXnc1hYeN3WlxG23JDNsQ0ugH\/Ui0tySW\/9Bkxa6bn03t5qo4XEwiIaVmjg5NCh4SLV3lKvD0WJ8pdykHHOJNK0oqS5lxgUOH4GTIvH8t2G95x+PegisDvWpJiMICERBRYYZU6l3kktZBCznyd6Ul7CZr1RBaH9ausHedNfnBZV+tDTDvWhem\/3oS0HWYdrixVU22+BHi9vDi1EU9aHb6kVL6PoxX6OqLYqC0TGpaPNnRwUu55lhjmOQ99xnOI2EXG7RhOFJt0bTa6eZiYAy2IWk305yzjF70ZeE+jdPvUk\/QGuggquErlR5Xxx8MefqWTUwrQfm9YA\/r9wT5mjW4ew4sDP2bNBhu7u24vkW2ZrIrL4Vvj6vLurni9oalYC8aHpa97Ul3muJ9+tX4OXbgYKY3idK35jS2FF3R8i3gmavGfuUUvU\/A+co6hT+HQ3Mp+iRMYtTh51R\/f2Wev0L4Dlwzw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqVVtFu2jAUfZ+0f7Cyl02iK4UCrSomtbRomoZIV9Q9tFPlxDeJVWMjO9B2U\/99duMkTkg2MBIK1znH99x7bENoLPEqQXMZTxIsU\/Tn\/Tukh8T8kVA5XlycZQEuCKA7leAVjAPx3EEqfWEw9qRYcwKkE1HGgHgdFAmecrzUU1+BbSClIfZ+WRIgsSZpeqODsJTiSdHfMO5+HuWA7PvwEF09Q7hO6QYQgw2wLD65mqM7hgNgY08\/3\/NvIuHoZknTxCSiMwoFE3LsfTg6HQ1Jz2Zng08JTcHbWmly8L1cQa2DrD4hW6sU5APoPPIamWFXL9NbAF56Z+ULWZkIVgkQJ5wndtoNcXTqAsqnycKRt9DybrDECTIileA1hcc9PIgGhZw3\/NTBTzV+RsMEA0MXutK74OcOfq7xV0vKXtAl3lC1A9p30L5GGxxBPyn7b\/Kv9ebzmHIASXnc1hYeN3WlxG23JDNsQ0ugH\/Ui0tySW\/9Bkxa6bn03t5qo4XEwiIaVmjg5NCh4SLV3lKvD0WJ8pdykHHOJNK0oqS5lxgUOH4GTIvH8t2G95x+PegisDvWpJiMICERBRYYZU6l3kktZBCznyd6Ul7CZr1RBaH9ausHedNfnBZV+tDTDvWhem\/3oS0HWYdrixVU22+BHi9vDi1EU9aHb6kVL6PoxX6OqLYqC0TGpaPNnRwUu55lhjmOQ99xnOI2EXG7RhOFJt0bTa6eZiYAy2IWk305yzjF70ZeE+jdPvUk\/QGuggquErlR5Xxx8MefqWTUwrQfm9YA\/r9wT5mjW4ew4sDP2bNBhu7u24vkW2ZrIrL4Vvj6vLurni9oalYC8aHpa97Ul3muJ9+tX4OXbgYKY3idK35jS2FF3R8i3gmavGfuUUvU\/A+co6hT+HQ3Mp+iRMYtTh51R\/f2Wev0L4Dlwzw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 3: \u0921\u0947\u091f\u093e \u092a\u094d\u0930\u0935\u093e\u0939 \u0906\u0930\u0947\u0916<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921:<\/strong><\/p>\n<p><img alt=\"\u0921\u0947\u091f\u093e \u092a\u094d\u0930\u0935\u093e\u0939 \u0906\u0930\u0947\u0916 \u091c\u094b \u0917\u094d\u0930\u093e\u0939\u0915, \u092d\u0941\u0917\u0924\u093e\u0928, \u0907\u0928\u094d\u0935\u0947\u0902\u091f\u094d\u0930\u0940 \u0914\u0930 \u092c\u093f\u0932\u093f\u0902\u0917 \u092a\u094d\u0930\u0923\u093e\u0932\u093f\u092f\u094b\u0902 \u0915\u094b \u091c\u094b\u0921\u093c\u0924\u0947 \u0939\u0941\u090f \u0911\u0930\u094d\u0921\u0930 \u092a\u094d\u0930\u0938\u0902\u0938\u094d\u0915\u0930\u0923 \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8da8555c4.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp9VE2P0zAQvSPxH6xwZGEp\/RAVCtJuA6uVVlBtgcvCwbUnrVXXDrbb3YL479hx4zhOSw+V4nkzfvPmeShbKVytUYEN\/sTlI\/rz\/BmyP4XFhjKV392\/9wdCUtBQ5YPXb6IT9KDXuIIcOGeVhgukzYFDnpWMc6DZBSqlMAJv7dGVYphnP4\/JQFc2OY16vGa\/IZ82SP9\/eYk+PhlQAnMEwjDDQMc03IVEcqny7EVZErIktpjntpRPTa3ZThu5BYUeOF4Cz7PmIPD6DoLKNu4\/Q\/TaqhJi7oOJFVoctIFt1uM7V5KA1ud5kjHBMA08CVOEQ1NmPggXzTkmgL4oGvGcv23D\/h40x4etlaaFDAPkW0WxAXQr9hYg1aHFjALmBgSoI0oyAi1mHDCLNatSIpM2asVCn6VhJSPYMCn6mjibWY9I9R9V3sGETOPpDWlTp2hFqVloVFyHS4pWktBoJz7sjb0THsXpTgF0D0Qqqs+0UdrnohNfvfoQD67maKv82oGO5jJwsKiVhdMjldWDeiPsGdYDYzt4G6ACDGY8JW+BFt7xcZOQ8qxBp2vPpCiZ2naH7EtHrmvQix1xBk2ZDOsO2+IFEAVYA7J6kE1sY1d2lKh6pGCXTFJ2VJdt4Qu8P+HpGhV5txm5m+xJoskrqNzL70127JDJCgnoO\/edYCMGXxUm9T65FaVMKUwcuLe9OkrUw\/ghXqKm0Cnb6jVQxJkAbTetQpa+Cou0GCR93oDxrgxeavY7rQtFD6\/r+9kayAZd7W0OXjLOzOFc5jDJdFeGNmsh+ol\/\/wGp8e+9\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp9VE2P0zAQvSPxH6xwZGEp\/RAVCtJuA6uVVlBtgcvCwbUnrVXXDrbb3YL479hx4zhOSw+V4nkzfvPmeShbKVytUYEN\/sTlI\/rz\/BmyP4XFhjKV392\/9wdCUtBQ5YPXb6IT9KDXuIIcOGeVhgukzYFDnpWMc6DZBSqlMAJv7dGVYphnP4\/JQFc2OY16vGa\/IZ82SP9\/eYk+PhlQAnMEwjDDQMc03IVEcqny7EVZErIktpjntpRPTa3ZThu5BYUeOF4Cz7PmIPD6DoLKNu4\/Q\/TaqhJi7oOJFVoctIFt1uM7V5KA1ud5kjHBMA08CVOEQ1NmPggXzTkmgL4oGvGcv23D\/h40x4etlaaFDAPkW0WxAXQr9hYg1aHFjALmBgSoI0oyAi1mHDCLNatSIpM2asVCn6VhJSPYMCn6mjibWY9I9R9V3sGETOPpDWlTp2hFqVloVFyHS4pWktBoJz7sjb0THsXpTgF0D0Qqqs+0UdrnohNfvfoQD67maKv82oGO5jJwsKiVhdMjldWDeiPsGdYDYzt4G6ACDGY8JW+BFt7xcZOQ8qxBp2vPpCiZ2naH7EtHrmvQix1xBk2ZDOsO2+IFEAVYA7J6kE1sY1d2lKh6pGCXTFJ2VJdt4Qu8P+HpGhV5txm5m+xJoskrqNzL70127JDJCgnoO\/edYCMGXxUm9T65FaVMKUwcuLe9OkrUw\/ghXqKm0Cnb6jVQxJkAbTetQpa+Cou0GCR93oDxrgxeavY7rQtFD6\/r+9kayAZd7W0OXjLOzOFc5jDJdFeGNmsh+ol\/\/wGp8e+9\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVs9rGkEUvhfyPyzbY9OmapVK2EJT6amH0EMvIYd1d4xLN67sWvqLQhMIiZQSerCBEpDQkQRrUxFMzUX\/lflT+ubNjs6u6yrNIYzj+773vffmvaft7PlmvaqVzIb53PXeah\/X7mjw55u117bjGy9eboqLmmeTgNSNzIOHyo22E1TNOjGI6zr1gKxrQeO9Swy94rgusfV1reLVGjVzH66e+o7p6rshmNh7AI5\/K+wD5wMxitIS\/21saIz2GB0zeston3U+w+djRlt4BYc\/eDhUlXENlud6vqHfrVQsq2wBv5Bb9t7tbqLpszdBw9snvrbjmmXiGjqjZ6zzlfsInbX00PQVqdmeajhkdMIlCPMOqKAAkuZbkEHFuMc6JyAQJU\/wcAYhjPDDCCnajF5L8CzorlQj\/XCAiPY0JWArb5mkOA3YcnzLJSH5dkbR9Q21A\/MFHDSUJ2I5lFq2s4r5b9Y54CnCUBm9SlM4JcgpBMB8hXZD4QXjDgt6xMlACP+inazlUZyK8zTxPALEOV710xjyKcHfoPZuMrCgAKFioPwHehtrmJZj7j2CmBUxDEna8qgvMH\/9hfV7TApWUX2wOTukLS0uX2lL+i5lV8q5AsiltIBqt6QCfdkUzamyJfmYvp+h8LcWbcz7T9If7BEGd4C3Xxi91GevHKClNOhI9KH0f4vSaXL1BVtqklZ6wMizrKXEZBki+89I+gAJ+NhsSWBYlBVErqCgi1d\/5WCaKMOAo3PpaEjsL0YHUeU5zGA22kVIz99KS6TrOjlriI00f7yWiwTLscF9L3m6I17HhD4W6Ej\/J6Bnbzoh7MjUCaeMugcWPuI8R89tngSGAbrvKVkX2IjsttxVJ7E9dC5KJxcqnw3RKAqcK2FZLitD7Z62yO38WGgpQypcCXB1jNFx1KlIM7DcaHJcDISdeDDfY3uxlJlLflxwpNXUaTSW59hAkL9xbDOoEns2buNzqokFGuDmB5ZL0R\/TXOP6SGPMzTEmDJyEuv1XDJ\/+AZdj99E=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DataFlow {\r\n    rankdir=LR;\r\n    nodesep=1.0;\r\n    node [shape=ellipse, style=\"filled\", fontname=\"Arial\"];\r\n    edge [fontname=\"Arial\", fontsize=9];\r\n    \n    \/\/ \u092c\u093e\u0939\u0930\u0940 \u0907\u0915\u093e\u0907\u092f\u093e\u0902\r\n    node [fillcolor=\"#ffccbc\", shape=box];\n    Customer [label=\"\u0917\u094d\u0930\u093e\u0939\u0915\"];\n    Vendor [label=\"\u0935\u093f\u0915\u094d\u0930\u0947\u0924\u093e\"];\n    Bank [label=\"\u092c\u0948\u0902\u0915\u093f\u0902\u0917 \u0938\u093f\u0938\u094d\u091f\u092e\"];\n    \n    \/\/ \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e\u090f\u0902\r\n    node [fillcolor=\"#c5cae9\", shape=circle];\n    P1 [label=\"\u0911\u0930\u094d\u0921\u0930 \u0915\u0930\u0947\u0902\"];\n    P2 [label=\"\u092d\u0941\u0917\u0924\u093e\u0928 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e\"];\n    P3 [label=\"\u0907\u0928\u094d\u0935\u0947\u0902\u091f\u0930\u0940 \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0947\u0902\"];\n    P4 [label=\"\u0907\u0928\u0935\u0949\u0907\u0938 \u091c\u0928\u0930\u0947\u091f \u0915\u0930\u0947\u0902\"];\n    P5 [label=\"\u0911\u0930\u094d\u0921\u0930 \u0936\u093f\u092a \u0915\u0930\u0947\u0902\"];\n    P6 [label=\"\u0938\u0942\u091a\u0928\u093e \u092d\u0947\u091c\u0947\u0902\"];\n    \n    \/\/ \u0921\u0947\u091f\u093e \u092d\u0902\u0921\u093e\u0930\r\n    node [fillcolor=\"#c8e6c9\", shape=box3d];\n    D1 [label=\"\u0911\u0930\u094d\u0921\u0930 DB\"];\n    D2 [label=\"\u0907\u0928\u094d\u0935\u0947\u0902\u091f\u0930\u0940 DB\"];\n    D3 [label=\"\u0917\u094d\u0930\u093e\u0939\u0915 DB\"];\n    D4 [label=\"\u0907\u0928\u0935\u0949\u0907\u0938 \u0930\u093f\u0915\u0949\u0930\u094d\u0921\"];\n    \n    \/\/ \u0921\u0947\u091f\u093e \u092a\u094d\u0930\u0935\u093e\u0939\r\n    Customer -&gt; P1 [label=\"\u0911\u0930\u094d\u0921\u0930 \u0905\u0928\u0941\u0930\u094b\u0927\"];\n    P1 -&gt; D1 [label=\"\u0911\u0930\u094d\u0921\u0930 \u0938\u0902\u0917\u094d\u0930\u0939\u093f\u0924 \u0915\u0930\u0947\u0902\"];\n    P1 -&gt; D3 [label=\"\u0917\u094d\u0930\u093e\u0939\u0915 \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0947\u0902\"];\n    P1 -&gt; P2 [label=\"\u092d\u0941\u0917\u0924\u093e\u0928 \u0935\u093f\u0935\u0930\u0923\"];\n    \n    P2 -&gt; Bank [label=\"\u092d\u0941\u0917\u0924\u093e\u0928 \u0905\u0928\u0941\u0930\u094b\u0927\"];\n    Bank -&gt; P2 [label=\"\u092d\u0941\u0917\u0924\u093e\u0928 \u092a\u0941\u0937\u094d\u091f\u093f\"];\n    P2 -&gt; P3 [label=\"\u092d\u0941\u0917\u0924\u093e\u0928 \u0938\u092b\u0932\"];\n    \n    P3 -&gt; D2 [label=\"\u0938\u094d\u091f\u0949\u0915 \u0915\u092e \u0915\u0930\u0947\u0902\"];\n    P3 -&gt; P4 [label=\"\u0911\u0930\u094d\u0921\u0930 \u092a\u0941\u0937\u094d\u091f\u093f\"];\n    \n    P4 -&gt; D4 [label=\"\u0907\u0928\u0935\u0949\u0907\u0938 \u0938\u0939\u0947\u091c\u0947\u0902\"];\n    P4 -&gt; P6 [label=\"\u0907\u0928\u0935\u0949\u0907\u0938 \u0921\u0947\u091f\u093e\"];\n    \n    P3 -&gt; P5 [label=\"\u0936\u093f\u092a\u093f\u0902\u0917 \u0905\u0928\u0941\u0930\u094b\u0927\"];\n    P5 -&gt; Vendor [label=\"\u0936\u093f\u092a\u093f\u0902\u0917 \u0932\u0947\u092c\u0932\"];\n    P5 -&gt; P6 [label=\"\u091f\u094d\u0930\u0948\u0915\u093f\u0902\u0917 \u091c\u093e\u0928\u0915\u093e\u0930\u0940\"];\n    \n    P6 -&gt; Customer [label=\"\u0911\u0930\u094d\u0921\u0930 \u092a\u0941\u0937\u094d\u091f\u093fn+ \u091f\u094d\u0930\u0948\u0915\u093f\u0902\u0917\"];\n    \n    \/\/ \u0915\u094d\u0935\u0947\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f \u0921\u0948\u0936 \u0935\u093e\u0932\u0940 \u0930\u0947\u0916\u093e\u090f\u0902\r\n    D1 -&gt; P5 [label=\"\u0911\u0930\u094d\u0921\u0930 \u0935\u093f\u0935\u0930\u0923 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902\", style=dashed];\n    D2 -&gt; P1 [label=\"\u0909\u092a\u0932\u092c\u094d\u0927\u0924\u093e \u091c\u093e\u0902\u091a\u0947\u0902\", style=dashed];\n    D3 -&gt; P1 [label=\"\u0917\u094d\u0930\u093e\u0939\u0915 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902\", style=dashed];\n}\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVs9rGkEUvhfyPyzbY9OmapVK2EJT6amH0EMvIYd1d4xLN67sWvqLQhMIiZQSerCBEpDQkQRrUxFMzUX\/lflT+ubNjs6u6yrNIYzj+773vffmvaft7PlmvaqVzIb53PXeah\/X7mjw55u117bjGy9eboqLmmeTgNSNzIOHyo22E1TNOjGI6zr1gKxrQeO9Swy94rgusfV1reLVGjVzH66e+o7p6rshmNh7AI5\/K+wD5wMxitIS\/21saIz2GB0zeston3U+w+djRlt4BYc\/eDhUlXENlud6vqHfrVQsq2wBv5Bb9t7tbqLpszdBw9snvrbjmmXiGjqjZ6zzlfsInbX00PQVqdmeajhkdMIlCPMOqKAAkuZbkEHFuMc6JyAQJU\/wcAYhjPDDCCnajF5L8CzorlQj\/XCAiPY0JWArb5mkOA3YcnzLJSH5dkbR9Q21A\/MFHDSUJ2I5lFq2s4r5b9Y54CnCUBm9SlM4JcgpBMB8hXZD4QXjDgt6xMlACP+inazlUZyK8zTxPALEOV710xjyKcHfoPZuMrCgAKFioPwHehtrmJZj7j2CmBUxDEna8qgvMH\/9hfV7TApWUX2wOTukLS0uX2lL+i5lV8q5AsiltIBqt6QCfdkUzamyJfmYvp+h8LcWbcz7T9If7BEGd4C3Xxi91GevHKClNOhI9KH0f4vSaXL1BVtqklZ6wMizrKXEZBki+89I+gAJ+NhsSWBYlBVErqCgi1d\/5WCaKMOAo3PpaEjsL0YHUeU5zGA22kVIz99KS6TrOjlriI00f7yWiwTLscF9L3m6I17HhD4W6Ej\/J6Bnbzoh7MjUCaeMugcWPuI8R89tngSGAbrvKVkX2IjsttxVJ7E9dC5KJxcqnw3RKAqcK2FZLitD7Z62yO38WGgpQypcCXB1jNFx1KlIM7DcaHJcDISdeDDfY3uxlJlLflxwpNXUaTSW59hAkL9xbDOoEns2buNzqokFGuDmB5ZL0R\/TXOP6SGPMzTEmDJyEuv1XDJ\/+AZdj99E=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp9VE2P0zAQvSPxH6xwZGEp\/RAVCtJuA6uVVlBtgcvCwbUnrVXXDrbb3YL479hx4zhOSw+V4nkzfvPmeShbKVytUYEN\/sTlI\/rz\/BmyP4XFhjKV392\/9wdCUtBQ5YPXb6IT9KDXuIIcOGeVhgukzYFDnpWMc6DZBSqlMAJv7dGVYphnP4\/JQFc2OY16vGa\/IZ82SP9\/eYk+PhlQAnMEwjDDQMc03IVEcqny7EVZErIktpjntpRPTa3ZThu5BYUeOF4Cz7PmIPD6DoLKNu4\/Q\/TaqhJi7oOJFVoctIFt1uM7V5KA1ud5kjHBMA08CVOEQ1NmPggXzTkmgL4oGvGcv23D\/h40x4etlaaFDAPkW0WxAXQr9hYg1aHFjALmBgSoI0oyAi1mHDCLNatSIpM2asVCn6VhJSPYMCn6mjibWY9I9R9V3sGETOPpDWlTp2hFqVloVFyHS4pWktBoJz7sjb0THsXpTgF0D0Qqqs+0UdrnohNfvfoQD67maKv82oGO5jJwsKiVhdMjldWDeiPsGdYDYzt4G6ACDGY8JW+BFt7xcZOQ8qxBp2vPpCiZ2naH7EtHrmvQix1xBk2ZDOsO2+IFEAVYA7J6kE1sY1d2lKh6pGCXTFJ2VJdt4Qu8P+HpGhV5txm5m+xJoskrqNzL70127JDJCgnoO\/edYCMGXxUm9T65FaVMKUwcuLe9OkrUw\/ghXqKm0Cnb6jVQxJkAbTetQpa+Cou0GCR93oDxrgxeavY7rQtFD6\/r+9kayAZd7W0OXjLOzOFc5jDJdFeGNmsh+ol\/\/wGp8e+9\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp9VE2P0zAQvSPxH6xwZGEp\/RAVCtJuA6uVVlBtgcvCwbUnrVXXDrbb3YL479hx4zhOSw+V4nkzfvPmeShbKVytUYEN\/sTlI\/rz\/BmyP4XFhjKV392\/9wdCUtBQ5YPXb6IT9KDXuIIcOGeVhgukzYFDnpWMc6DZBSqlMAJv7dGVYphnP4\/JQFc2OY16vGa\/IZ82SP9\/eYk+PhlQAnMEwjDDQMc03IVEcqny7EVZErIktpjntpRPTa3ZThu5BYUeOF4Cz7PmIPD6DoLKNu4\/Q\/TaqhJi7oOJFVoctIFt1uM7V5KA1ud5kjHBMA08CVOEQ1NmPggXzTkmgL4oGvGcv23D\/h40x4etlaaFDAPkW0WxAXQr9hYg1aHFjALmBgSoI0oyAi1mHDCLNatSIpM2asVCn6VhJSPYMCn6mjibWY9I9R9V3sGETOPpDWlTp2hFqVloVFyHS4pWktBoJz7sjb0THsXpTgF0D0Qqqs+0UdrnohNfvfoQD67maKv82oGO5jJwsKiVhdMjldWDeiPsGdYDYzt4G6ACDGY8JW+BFt7xcZOQ8qxBp2vPpCiZ2naH7EtHrmvQix1xBk2ZDOsO2+IFEAVYA7J6kE1sY1d2lKh6pGCXTFJ2VJdt4Qu8P+HpGhV5txm5m+xJoskrqNzL70127JDJCgnoO\/edYCMGXxUm9T65FaVMKUwcuLe9OkrUw\/ghXqKm0Cnb6jVQxJkAbTetQpa+Cou0GCR93oDxrgxeavY7rQtFD6\/r+9kayAZd7W0OXjLOzOFc5jDJdFeGNmsh+ol\/\/wGp8e+9\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>6. \u0935\u093e\u0938\u094d\u0924\u0935\u093f\u0915-\u0926\u0941\u0928\u093f\u092f\u093e \u0915\u093e\u0930\u094d\u092f\u093e\u0928\u094d\u0935\u092f\u0928 \u092a\u0948\u091f\u0930\u094d\u0928 {#implementation-patterns}<\/h2>\n<h3>\u092a\u0948\u091f\u0930\u094d\u0928 1: CI\/CD \u092a\u093e\u0907\u092a\u0932\u093e\u0907\u0928 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921 (Mermaid):<\/strong><\/p>\n<p><img alt=\"Mermaid \u0906\u0930\u0947\u0916 \u091c\u094b \u0938\u094d\u0930\u094b\u0924 \u0928\u093f\u092f\u0902\u0924\u094d\u0930\u0923 \u0938\u0947 \u0928\u093f\u0930\u0902\u0924\u0930 \u090f\u0915\u0940\u0915\u0930\u0923, \u0935\u093f\u0928\u094d\u092f\u093e\u0938 \u0914\u0930 \u0928\u093f\u0917\u0930\u093e\u0928\u0940 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 CI\/CD \u092a\u093e\u0907\u092a\u0932\u093e\u0907\u0928 \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8deb63fe2.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFU9FKKzEQfb\/gP4T6qiBWUfogVCsqKJTW+xR8SJN0DcakJhNh\/\/7OZFbJeoVm2WTmnElmcma3S2r3Kh5XB38Ejlw2XQXWsSRt5YRXcRMDpOgnLxxG486BxPe+bMTK7mJ2EFPf8MuVXBbvkfwoNsPA2GDY+JHv5kFOKIkLJZYsHgJYJMDF0OZ8dAEkTS50DfyM58u\/wUG1csNcF+eNrLOYJ3BbpUf8Wqsg11aX5KCv3r46F6M6F3bnY\/9uA7RlLuynZEZAJK\/NCKqzDUv++Da3p7cS3\/\/uskzRNBvJLZoU2lPyUwzUGzkZDMw20jR2WeIk5l2XbKeaE2k8WUhOZzmsYqHy6yaqZJqYubcJsqwLni7WfQb7\/ntZ+MmI4+Mr\/DzYX66qS01lgKwK0f0ZIqtCtZGMcU8JpK4xRlaFUHJG0OAYUn0IIrOCKDJDpHatCSUdqkKL60J1fkCDEox+yUIEyzDqAfTe1itvnfezw+0JPUcZ\/6U3OzucTqdtXM3AgebMGqO+A08v1cXZ+ZGOPqbZxiv91u7jvF8pLs1Fs9Po6fl45z\/t1RpT\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFU9FKKzEQfb\/gP4T6qiBWUfogVCsqKJTW+xR8SJN0DcakJhNh\/\/7OZFbJeoVm2WTmnElmcma3S2r3Kh5XB38Ejlw2XQXWsSRt5YRXcRMDpOgnLxxG486BxPe+bMTK7mJ2EFPf8MuVXBbvkfwoNsPA2GDY+JHv5kFOKIkLJZYsHgJYJMDF0OZ8dAEkTS50DfyM58u\/wUG1csNcF+eNrLOYJ3BbpUf8Wqsg11aX5KCv3r46F6M6F3bnY\/9uA7RlLuynZEZAJK\/NCKqzDUv++Da3p7cS3\/\/uskzRNBvJLZoU2lPyUwzUGzkZDMw20jR2WeIk5l2XbKeaE2k8WUhOZzmsYqHy6yaqZJqYubcJsqwLni7WfQb7\/ntZ+MmI4+Mr\/DzYX66qS01lgKwK0f0ZIqtCtZGMcU8JpK4xRlaFUHJG0OAYUn0IIrOCKDJDpHatCSUdqkKL60J1fkCDEox+yUIEyzDqAfTe1itvnfezw+0JPUcZ\/6U3OzucTqdtXM3AgebMGqO+A08v1cXZ+ZGOPqbZxiv91u7jvF8pLs1Fs9Po6fl45z\/t1RpT\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVU01LG1EU3Qv9D4NuFYpRlCyEtkpbUAjR3eBiMvNMB4dMmUwK3cVA\/UDElWQjBOlLEREbAmldpX\/l\/ZTee+7M5CWt2E6YcN+Ze88796ueeB8\/ONvVF3MOPc1WrQ5gN24lvnLnjX40\/QujB6Z\/brR2jL41+pfR343u0Dn7pr\/O7wsBP2\/D1KX3Xavm4CO535n+mdHXsHtga1sBlaoLlyOjh0XIFbhHpn+Sa+hlIaoRiDGj+c171iv6Bpk+PSDCS7C1+f8PsdthI6Xbh4jqQJ0YXctpTzXZCTz6ymGxyCFX+ZNILffXrTAKyP8eXEO43FDUsdEnuOHBct71vYaLFI+grmAcO3niBJ1SYs+lv\/lE+iNAt6Civo2J1q7ApvpE99+g0CNyf4DV+XugLTz16sotmoOo66J6\/0G0tbzl0vtsWStJzFU9y+fuDkzfiPgfL3uqcjtxI0zjZFK+Lio4Bkt7alriehPTwuPcldHq5gvShk0qfkyaxc+OSpPQ5zgR2cu3ppjyRwcNOEXoPVZtIFNj0byKVJIyyxeMqzj0ULV8C6F5OFmumYRpKZ2lpQ3aNzlXqjjyCgjAFiAeeIHYAoShFgwmQB5ewdgCROMkCBniw3OSObEJkPotEDcemqi5mSqyRBcVewbKSilodsAHKc5Ud9PPkULKB2EUlRcOXvJvsZkm8aEqL5RKJdsPN4hjsKKCwCscl9e9tZXVRT+O4qRcizz\/0I6Te\/Mr1oM1KzLwS6vTkb8BS01uJA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph LR\r\n    subgraph Source[\"\u0938\u094d\u0930\u094b\u0924 \u0928\u093f\u092f\u0902\u0924\u094d\u0930\u0923\"]\r\n        Git[GitHub \u0930\u093f\u092a\u0949\u091c\u093f\u091f\u0930\u0940]\r\n        PR[\u092a\u0941\u0932 \u0930\u093f\u0915\u094d\u0935\u0947\u0938\u094d\u091f]\r\n    end\r\n    \r\n    subgraph CI[\"\u0928\u093f\u0930\u0902\u0924\u0930 \u090f\u0915\u0940\u0915\u0930\u0923\"]\r\n        Lint[\u0932\u093f\u0902\u091f\u093f\u0902\u0917]\r\n        Test[\u090f\u0915\u0915 \u092a\u0930\u0940\u0915\u094d\u0937\u0923]\r\n        Build[\u092c\u093f\u0932\u094d\u0921 \u0906\u0907\u091f\u092e]\r\n        Scan[\u0938\u0941\u0930\u0915\u094d\u0937\u093e \u0938\u094d\u0915\u0948\u0928]\r\n    end\r\n    \r\n    subgraph CD[\"\u0928\u093f\u0930\u0902\u0924\u0930 \u0935\u093f\u0928\u094d\u092f\u093e\u0938\"]\r\n        Dev[\u0921\u0947\u0935 \u092e\u0947\u0902 \u0935\u093f\u0928\u094d\u092f\u093e\u0938]\r\n        Stage[\u0938\u094d\u091f\u0947\u091c\u093f\u0902\u0917 \u092e\u0947\u0902 \u0935\u093f\u0928\u094d\u092f\u093e\u0938]\r\n        E2E[E2E \u092a\u0930\u0940\u0915\u094d\u0937\u0923]\r\n        Prod[\u0909\u0924\u094d\u092a\u093e\u0926\u0928 \u092e\u0947\u0902 \u0935\u093f\u0928\u094d\u092f\u093e\u0938]\r\n    end\r\n    \r\n    subgraph Monitor[\"\u0928\u093f\u0917\u0930\u093e\u0928\u0940\"]\r\n        Logs[\u0932\u0949\u0917 \u090f\u0917\u094d\u0930\u0940\u0917\u0947\u0936\u0928]\r\n        Metrics[\u092e\u0947\u091f\u094d\u0930\u093f\u0915\u094d\u0938 \u0921\u0948\u0936\u092c\u094b\u0930\u094d\u0921]\r\n        Alerts[\u0905\u0932\u0930\u094d\u091f \u092a\u094d\u0930\u0923\u093e\u0932\u0940]\r\n    end\r\n    \r\n    Git --&gt; PR\r\n    PR --&gt; Lint\r\n    Lint --&gt; Test\r\n    Test --&gt; Build\r\n    Build --&gt; Scan\r\n    Scan --&gt; Dev\r\n    Dev --&gt; Stage\r\n    Stage --&gt; E2E\r\n    E2E --&gt; Prod\r\n    Prod --&gt; Logs\r\n    Prod --&gt; Metrics\r\n    Metrics --&gt; Alerts\r\n    \r\n    style Git fill:#f0f0f0,stroke:#333\r\n    style Prod fill:#d4edda,stroke:#28a745,color:black\r\n    style Alerts fill:#f8d7da,stroke:#dc3545,color:black\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVU01LG1EU3Qv9D4NuFYpRlCyEtkpbUAjR3eBiMvNMB4dMmUwK3cVA\/UDElWQjBOlLEREbAmldpX\/l\/ZTee+7M5CWt2E6YcN+Ze88796ueeB8\/ONvVF3MOPc1WrQ5gN24lvnLnjX40\/QujB6Z\/brR2jL41+pfR343u0Dn7pr\/O7wsBP2\/D1KX3Xavm4CO535n+mdHXsHtga1sBlaoLlyOjh0XIFbhHpn+Sa+hlIaoRiDGj+c171iv6Bpk+PSDCS7C1+f8PsdthI6Xbh4jqQJ0YXctpTzXZCTz6ymGxyCFX+ZNILffXrTAKyP8eXEO43FDUsdEnuOHBct71vYaLFI+grmAcO3niBJ1SYs+lv\/lE+iNAt6Civo2J1q7ApvpE99+g0CNyf4DV+XugLTz16sotmoOo66J6\/0G0tbzl0vtsWStJzFU9y+fuDkzfiPgfL3uqcjtxI0zjZFK+Lio4Bkt7alriehPTwuPcldHq5gvShk0qfkyaxc+OSpPQ5zgR2cu3ppjyRwcNOEXoPVZtIFNj0byKVJIyyxeMqzj0ULV8C6F5OFmumYRpKZ2lpQ3aNzlXqjjyCgjAFiAeeIHYAoShFgwmQB5ewdgCROMkCBniw3OSObEJkPotEDcemqi5mSqyRBcVewbKSilodsAHKc5Ud9PPkULKB2EUlRcOXvJvsZkm8aEqL5RKJdsPN4hjsKKCwCscl9e9tZXVRT+O4qRcizz\/0I6Te\/Mr1oM1KzLwS6vTkb8BS01uJA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFU9FKKzEQfb\/gP4T6qiBWUfogVCsqKJTW+xR8SJN0DcakJhNh\/\/7OZFbJeoVm2WTmnElmcma3S2r3Kh5XB38Ejlw2XQXWsSRt5YRXcRMDpOgnLxxG486BxPe+bMTK7mJ2EFPf8MuVXBbvkfwoNsPA2GDY+JHv5kFOKIkLJZYsHgJYJMDF0OZ8dAEkTS50DfyM58u\/wUG1csNcF+eNrLOYJ3BbpUf8Wqsg11aX5KCv3r46F6M6F3bnY\/9uA7RlLuynZEZAJK\/NCKqzDUv++Da3p7cS3\/\/uskzRNBvJLZoU2lPyUwzUGzkZDMw20jR2WeIk5l2XbKeaE2k8WUhOZzmsYqHy6yaqZJqYubcJsqwLni7WfQb7\/ntZ+MmI4+Mr\/DzYX66qS01lgKwK0f0ZIqtCtZGMcU8JpK4xRlaFUHJG0OAYUn0IIrOCKDJDpHatCSUdqkKL60J1fkCDEox+yUIEyzDqAfTe1itvnfezw+0JPUcZ\/6U3OzucTqdtXM3AgebMGqO+A08v1cXZ+ZGOPqbZxiv91u7jvF8pLs1Fs9Po6fl45z\/t1RpT\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFU9FKKzEQfb\/gP4T6qiBWUfogVCsqKJTW+xR8SJN0DcakJhNh\/\/7OZFbJeoVm2WTmnElmcma3S2r3Kh5XB38Ejlw2XQXWsSRt5YRXcRMDpOgnLxxG486BxPe+bMTK7mJ2EFPf8MuVXBbvkfwoNsPA2GDY+JHv5kFOKIkLJZYsHgJYJMDF0OZ8dAEkTS50DfyM58u\/wUG1csNcF+eNrLOYJ3BbpUf8Wqsg11aX5KCv3r46F6M6F3bnY\/9uA7RlLuynZEZAJK\/NCKqzDUv++Da3p7cS3\/\/uskzRNBvJLZoU2lPyUwzUGzkZDMw20jR2WeIk5l2XbKeaE2k8WUhOZzmsYqHy6yaqZJqYubcJsqwLni7WfQb7\/ntZ+MmI4+Mr\/DzYX66qS01lgKwK0f0ZIqtCtZGMcU8JpK4xRlaFUHJG0OAYUn0IIrOCKDJDpHatCSUdqkKL60J1fkCDEox+yUIEyzDqAfTe1itvnfezw+0JPUcZ\/6U3OzucTqdtXM3AgebMGqO+A08v1cXZ+ZGOPqbZxiv91u7jvF8pLs1Fs9Po6fl45z\/t1RpT\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u092a\u0948\u091f\u0930\u094d\u0928 2: \u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u0938\u094d\u0915\u0940\u092e\u093e \u0921\u093f\u091c\u093e\u0907\u0928<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921 (PlantUML):<\/strong><\/p>\n<p><img alt=\"PlantUML \u090f\u0902\u091f\u093f\u091f\u0940 \u0938\u0902\u092c\u0902\u0927 \u0906\u0930\u0947\u0916 \u091c\u094b \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e, \u0911\u0930\u094d\u0921\u0930, \u0911\u0930\u094d\u0921\u0930 \u0906\u0907\u091f\u092e, \u0909\u0924\u094d\u092a\u093e\u0926 \u0914\u0930 \u092d\u0941\u0917\u0924\u093e\u0928 \u0924\u093e\u0932\u093f\u0915\u093e\u0913\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0908-\u0915\u0949\u092e\u0930\u094d\u0938 \u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u0938\u094d\u0915\u0940\u092e\u093e \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8e0682d4f.png\"\/><br \/>\n<em>\u0906\u0915\u0943\u0924\u093f 5: \u0908-\u0915\u0949\u092e\u0930\u094d\u0938 \u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u0938\u094d\u0915\u0940\u092e\u093e \u0926\u0930\u094d\u0936\u093e\u0928\u0947 \u0935\u093e\u0932\u093e \u090f\u0902\u091f\u093f\u091f\u0940 \u0930\u093f\u0932\u0947\u0936\u0928\u0936\u093f\u092a \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e<\/em><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092a\u094d\u0932\u093e\u0902\u091f\u092f\u0942\u090f\u092e\u090f\u0932<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTQzim57qt-3zex2M66j92NaefzRgOXJPTQDEnDwDAIYngIvuaqsP9__kkBDkn4sTGlmIT-w5pxprNkT46ArFccUzzeMp51KFBwDlzT2HmpWB4XE5cW-m1NLsXqVBiQnn7y0Ne-deVihWRlGVe7LmMTrqyRl6umdtF9N_MJEa0RNqFmGVH9G09fm6wHBE7fOF3qFso7FCC3B-YnziVqUFeOZ89dAN0Mhz9HPCKwtJGWoY63QC9Dc1UpkRJfsKqNpXRXhL9ChdcujW6NJ6b1dpwy3ptlOyzzOMIj2IcnxvmsAa2z6lP8JSPrzogfWwHfamJnGl3PSLi-hlELoXERCJtwUri7jsFpiTd5q73LvBNv4-9tRmw90ZKlvPg0-GQk5FDhRDorgkd4pDOq07py_6u7OW2nGnVzLFHWw5BYvow8nuMXOkXGF1uQ4OQd2KubwKmfzhK6si5fRmek5Wdc5B5j6uxVaXzPbZUeyy1-0_xmUhYas8Pcbqfk4bEJBqhIRp9eUrzIJhii_oQi9oPLD9Ueup2GcDYLUa6V2pSJxOUEa6WumFhMHLNFH9ejmj3kKLEFU1LP1Y2VAy6FcGOxhR8-LwY5vP9iTQ9aQs7JR2h4rGp13SYXS5SD6aSNANQeMR1mKsn5GD1L_UrSEsstnoRhpxyXLguw5qDt9lvMFQOq-HbOyiJ4ZIi-3erIAvS0ROjJqQ2314fOQLpfX0cn3Qric514IvDQbzbkDA-3x09sFSO66o-Dc_6LbLQHyJ6pg7UxWoXE08IiAOtRj9s3-3rWTPakf_q1Wxm9_4F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0902\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092a\u094d\u0932\u093e\u0902\u091f\u092f\u0942\u090f\u092e\u090f\u0932<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTQzim57qt-3zex2M66j92NaefzRgOXJPTQDEnDwDAIYngIvuaqsP9__kkBDkn4sTGlmIT-w5pxprNkT46ArFccUzzeMp51KFBwDlzT2HmpWB4XE5cW-m1NLsXqVBiQnn7y0Ne-deVihWRlGVe7LmMTrqyRl6umdtF9N_MJEa0RNqFmGVH9G09fm6wHBE7fOF3qFso7FCC3B-YnziVqUFeOZ89dAN0Mhz9HPCKwtJGWoY63QC9Dc1UpkRJfsKqNpXRXhL9ChdcujW6NJ6b1dpwy3ptlOyzzOMIj2IcnxvmsAa2z6lP8JSPrzogfWwHfamJnGl3PSLi-hlELoXERCJtwUri7jsFpiTd5q73LvBNv4-9tRmw90ZKlvPg0-GQk5FDhRDorgkd4pDOq07py_6u7OW2nGnVzLFHWw5BYvow8nuMXOkXGF1uQ4OQd2KubwKmfzhK6si5fRmek5Wdc5B5j6uxVaXzPbZUeyy1-0_xmUhYas8Pcbqfk4bEJBqhIRp9eUrzIJhii_oQi9oPLD9Ueup2GcDYLUa6V2pSJxOUEa6WumFhMHLNFH9ejmj3kKLEFU1LP1Y2VAy6FcGOxhR8-LwY5vP9iTQ9aQs7JR2h4rGp13SYXS5SD6aSNANQeMR1mKsn5GD1L_UrSEsstnoRhpxyXLguw5qDt9lvMFQOq-HbOyiJ4ZIi-3erIAvS0ROjJqQ2314fOQLpfX0cn3Qric514IvDQbzbkDA-3x09sFSO66o-Dc_6LbLQHyJ6pg7UxWoXE08IiAOtRj9s3-3rWTPakf_q1Wxm9_4F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0902\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLDRzD04Br7odzOn2MM6Ycjr4jLLGqb4L6R4fKKSREszYPPrTuDthLeQ2e15-30ZS8HLRKHwg4WfABsGl-AVmgpkx5hjmvIVOWzRzxCllcmioua3cJeUzNA0vSCA2EettoqrQenx1CB4IQfd21beDLLLEilF6otct1PQ6tj9gItMJkmq05GUfjvl9tXROrNAoRvhY21iD1XjOBWWkWG09kw5bf1dUs-WUjrSoS-fXuudZTtDfuqTsfBoykMyOon4AzuuDeZB4Qb32SWM1BNnXBS_KwtzQpVxFQCpyD2sXuVKdRN1rsHeG2yjRtRhLQERgJt0kw6ZYoe7njiNW5YFyo9MsxCjEccbebsYN02EfQKQsMj5xDyuu0wAk9nQwFJRMxL5XiBIrQgbplxziiGctdbH3XG_v074n2NmhbgDeoNaa8zkPZIWcufNsmqie44i37bHpqDt5j3vmgPTqQxV2bCZ0i2xmvDSeaz6_iyP79UcmfZrT28ZiUK3MtikW4H8kluRUaTIVo2V0h0VzINLjUUkonbimiPbVQSgUTN4azyQ7jn9GrsNtrfc4_aYBk5Hia0Cu4TjPLcm7SNzvwjXquuqF6IrrCNfpyIQ3gjr_aXCji3hB678QXQcG57l5wV7YB3NK5xnEDiA6p9CuPAC9qbq3C4ciEPn9IbQGoiKqrH-e83BI030WkjpylW6UtcpL7vPiPhg8Momj6WFPsFKe-fQ-zDL7cCmmu7T3YIY0zC0QejIVGrYJybqQya-fj4Lqbq3D0NRKH9_1wCp-24srbAEzVEqoH-0sIDd8Bx1CX9z0ryO5mcqRjSOiXw3UbGoeyCwog9FrGhXBb8QSiqUcIW9PgYZCRp97whPAc4Fy7-hK_xaKJVpGFIUQ_L0V57zQo89oRsZtQSwL-b2g0BRLnauezDfPUwihYeQHqC-B_w1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!define TABLE(name) entity name &lt;&lt; (T,#FFAAAA) &gt;&gt;\r\n!define PK(x) x &lt;&lt;PK&gt;&gt;\r\n!define FK(x) x &lt;&lt;FK&gt;&gt;\r\n\r\nTABLE(Users) {\r\n    PK(user_id) : INT\r\n    --\r\n    email : VARCHAR(255)\r\n    password_hash : VARCHAR(255)\r\n    created_at : TIMESTAMP\r\n    last_login : TIMESTAMP\r\n    status : ENUM\r\n}\r\n\r\nTABLE(Products) {\r\n    PK(product_id) : INT\r\n    --\r\n    sku : VARCHAR(50)\r\n    name : VARCHAR(255)\r\n    description : TEXT\r\n    price : DECIMAL(10,2)\r\n    stock_quantity : INT\r\n    category_id : INT\r\n}\r\n\r\nTABLE(Categories) {\r\n    PK(category_id) : INT\r\n    --\r\n    name : VARCHAR(100)\r\n    parent_id : INT\r\n}\r\n\r\nTABLE(Orders) {\r\n    PK(order_id) : INT\r\n    --\r\n    FK(user_id) : INT\r\n    order_date : TIMESTAMP\r\n    total_amount : DECIMAL(10,2)\r\n    status : ENUM\r\n    shipping_address : TEXT\r\n}\r\n\r\nTABLE(OrderItems) {\r\n    PK(item_id) : INT\r\n    --\r\n    FK(order_id) : INT\r\n    FK(product_id) : INT\r\n    quantity : INT\r\n    unit_price : DECIMAL(10,2)\r\n}\r\n\r\nTABLE(Payments) {\r\n    PK(payment_id) : INT\r\n    --\r\n    FK(order_id) : INT\r\n    payment_method : ENUM\r\n    transaction_id : VARCHAR(255)\r\n    amount : DECIMAL(10,2)\r\n    status : ENUM\r\n    processed_at : TIMESTAMP\r\n}\r\n\r\nUsers ||--o{ Orders : places\r\nOrders }o--|{ Users : belongs_to\r\nOrders ||--|{ OrderItems : contains\r\nOrderItems }o--|| Products : references\r\nProducts }o--|| Categories : categorized_in\r\nOrders ||--o{ Payments : paid_by\r\n\r\nnote right of Users\r\n  \u0917\u094d\u0930\u093e\u0939\u0915 \u0916\u093e\u0924\u0947 \u0914\u0930 \u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u0921\u0947\u091f\u093e \u0938\u0902\u0917\u094d\u0930\u0939\u093f\u0924 \u0915\u0930\u0924\u093e \u0939\u0948\r\nend note\r\n\r\nnote left of Orders\r\n  \u092e\u0941\u0916\u094d\u092f \u0932\u0947\u0928\u0926\u0947\u0928 \u0930\u093f\u0915\u0949\u0930\u094d\u0921\r\n  \u0936\u093f\u092a\u093f\u0902\u0917 \u0935\u093f\u0935\u0930\u0923 \u0915\u0947 \u0938\u093e\u0925\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLDRzD04Br7odzOn2MM6Ycjr4jLLGqb4L6R4fKKSREszYPPrTuDthLeQ2e15-30ZS8HLRKHwg4WfABsGl-AVmgpkx5hjmvIVOWzRzxCllcmioua3cJeUzNA0vSCA2EettoqrQenx1CB4IQfd21beDLLLEilF6otct1PQ6tj9gItMJkmq05GUfjvl9tXROrNAoRvhY21iD1XjOBWWkWG09kw5bf1dUs-WUjrSoS-fXuudZTtDfuqTsfBoykMyOon4AzuuDeZB4Qb32SWM1BNnXBS_KwtzQpVxFQCpyD2sXuVKdRN1rsHeG2yjRtRhLQERgJt0kw6ZYoe7njiNW5YFyo9MsxCjEccbebsYN02EfQKQsMj5xDyuu0wAk9nQwFJRMxL5XiBIrQgbplxziiGctdbH3XG_v074n2NmhbgDeoNaa8zkPZIWcufNsmqie44i37bHpqDt5j3vmgPTqQxV2bCZ0i2xmvDSeaz6_iyP79UcmfZrT28ZiUK3MtikW4H8kluRUaTIVo2V0h0VzINLjUUkonbimiPbVQSgUTN4azyQ7jn9GrsNtrfc4_aYBk5Hia0Cu4TjPLcm7SNzvwjXquuqF6IrrCNfpyIQ3gjr_aXCji3hB678QXQcG57l5wV7YB3NK5xnEDiA6p9CuPAC9qbq3C4ciEPn9IbQGoiKqrH-e83BI030WkjpylW6UtcpL7vPiPhg8Momj6WFPsFKe-fQ-zDL7cCmmu7T3YIY0zC0QejIVGrYJybqQya-fj4Lqbq3D0NRKH9_1wCp-24srbAEzVEqoH-0sIDd8Bx1CX9z0ryO5mcqRjSOiXw3UbGoeyCwog9FrGhXBb8QSiqUcIW9PgYZCRp97whPAc4Fy7-hK_xaKJVpGFIUQ_L0V57zQo89oRsZtQSwL-b2g0BRLnauezDfPUwihYeQHqC-B_w1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTQzim57qt-3zex2M66j92NaefzRgOXJPTQDEnDwDAIYngIvuaqsP9__kkBDkn4sTGlmIT-w5pxprNkT46ArFccUzzeMp51KFBwDlzT2HmpWB4XE5cW-m1NLsXqVBiQnn7y0Ne-deVihWRlGVe7LmMTrqyRl6umdtF9N_MJEa0RNqFmGVH9G09fm6wHBE7fOF3qFso7FCC3B-YnziVqUFeOZ89dAN0Mhz9HPCKwtJGWoY63QC9Dc1UpkRJfsKqNpXRXhL9ChdcujW6NJ6b1dpwy3ptlOyzzOMIj2IcnxvmsAa2z6lP8JSPrzogfWwHfamJnGl3PSLi-hlELoXERCJtwUri7jsFpiTd5q73LvBNv4-9tRmw90ZKlvPg0-GQk5FDhRDorgkd4pDOq07py_6u7OW2nGnVzLFHWw5BYvow8nuMXOkXGF1uQ4OQd2KubwKmfzhK6si5fRmek5Wdc5B5j6uxVaXzPbZUeyy1-0_xmUhYas8Pcbqfk4bEJBqhIRp9eUrzIJhii_oQi9oPLD9Ueup2GcDYLUa6V2pSJxOUEa6WumFhMHLNFH9ejmj3kKLEFU1LP1Y2VAy6FcGOxhR8-LwY5vP9iTQ9aQs7JR2h4rGp13SYXS5SD6aSNANQeMR1mKsn5GD1L_UrSEsstnoRhpxyXLguw5qDt9lvMFQOq-HbOyiJ4ZIi-3erIAvS0ROjJqQ2314fOQLpfX0cn3Qric514IvDQbzbkDA-3x09sFSO66o-Dc_6LbLQHyJ6pg7UxWoXE08IiAOtRj9s3-3rWTPakf_q1Wxm9_4F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0902\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTQzim57qt-3zex2M66j92NaefzRgOXJPTQDEnDwDAIYngIvuaqsP9__kkBDkn4sTGlmIT-w5pxprNkT46ArFccUzzeMp51KFBwDlzT2HmpWB4XE5cW-m1NLsXqVBiQnn7y0Ne-deVihWRlGVe7LmMTrqyRl6umdtF9N_MJEa0RNqFmGVH9G09fm6wHBE7fOF3qFso7FCC3B-YnziVqUFeOZ89dAN0Mhz9HPCKwtJGWoY63QC9Dc1UpkRJfsKqNpXRXhL9ChdcujW6NJ6b1dpwy3ptlOyzzOMIj2IcnxvmsAa2z6lP8JSPrzogfWwHfamJnGl3PSLi-hlELoXERCJtwUri7jsFpiTd5q73LvBNv4-9tRmw90ZKlvPg0-GQk5FDhRDorgkd4pDOq07py_6u7OW2nGnVzLFHWw5BYvow8nuMXOkXGF1uQ4OQd2KubwKmfzhK6si5fRmek5Wdc5B5j6uxVaXzPbZUeyy1-0_xmUhYas8Pcbqfk4bEJBqhIRp9eUrzIJhii_oQi9oPLD9Ueup2GcDYLUa6V2pSJxOUEa6WumFhMHLNFH9ejmj3kKLEFU1LP1Y2VAy6FcGOxhR8-LwY5vP9iTQ9aQs7JR2h4rGp13SYXS5SD6aSNANQeMR1mKsn5GD1L_UrSEsstnoRhpxyXLguw5qDt9lvMFQOq-HbOyiJ4ZIi-3erIAvS0ROjJqQ2314fOQLpfX0cn3Qric514IvDQbzbkDA-3x09sFSO66o-Dc_6LbLQHyJ6pg7UxWoXE08IiAOtRj9s3-3rWTPakf_q1Wxm9_4F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0902\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u092a\u0948\u091f\u0930\u094d\u0928 3: \u0907\u0902\u092b\u094d\u0930\u093e\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u091a\u0930 \u090f\u091c \u0915\u094b\u0921 \u0935\u093f\u091c\u0941\u0905\u0932\u093e\u0907\u091c\u0947\u0936\u0928<\/h3>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 \u0915\u094b\u0921 (\u092e\u0930\u092e\u0947\u0921):<\/strong><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVVV1vmzAUfZ+0\/2Cl0p6WtYnXNommSoSmWaQ06kI2pll9cMAhVhBGxizLv981UD4M6Tqjay6He8y5\/rgEksZ7tJm+f4egJek2yADLdUgPOmSHIvXRItpJmiiZeiqVrPecR+vmc8k8xUVUjqFb5ZUjrpg6CnngUUB6lV8fSrcfTzYBQ4OrT9l1ObgxIhZzlywixWTEFJpTxY70ZISsrA0BO\/O2+VTqe0q3IfdIL78jJ93CBxJTn27WckqsOIYomiW+FNRHUxrSyGOyI34KMwdxpLijryJRRhiL\/LeJlPw3JAUqc+c1mdVaxvGGMwnrWROtkS6WbjPbGRDo0IYmBzQ4HzWsoobno3AVhTuiWrm382+kc08VzfPR3quJrO8dAoaeYMYDyZxvyy9beXn3mIaK961f51jM5wmZhXq5bOrtWY68RXoDaDx0nAhHCUkDWMzCMbOAiXMwmqbeAVY4E24lCbjoA2wp75DGpqTZg0PAkLOnkvkv4z\/\/hyLmpZKrE0gqPFOTaz0QMLROQ2Z+3pmTFxqaS9HWt7AeCRhaiyb5X7IeRcQhl6x0VD5Mw1IEQUcRsV2SlS2XKm9vvPu5pieiC9vP\/rpVGpyVQ8DQSii+K05Kp9DSyfvvCWzHWeRnTvKM+v27vHA+SBEpUrnIvl8V49VAHQ6TmuN6djUAVSYHwMkAfSpbyLCF4LowzclewCkokWELwU3E5Ordb7IbGDYxY4QXUSW9BuAGYBBhNxvMOoKbiMG1XYNaA3ADyHtdKOpolk5HnO3mileNzybqFDL9+0I7HoaTi91YXx\/hnykObHKBMS78\/pH7aj8Zxn\/qRL2ABXE3Hl9dlUTPu6Xw6IlQyMlxzxWr07TmnDZkt3g7KmkD+tkfnaXpbVrwxtf0mt6UvNvdyBv5fwEtfO9m\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVVV1vmzAUfZ+0\/2Cl0p6WtYnXNommSoSmWaQ06kI2pll9cMAhVhBGxizLv981UD4M6Tqjay6He8y5\/rgEksZ7tJm+f4egJek2yADLdUgPOmSHIvXRItpJmiiZeiqVrPecR+vmc8k8xUVUjqFb5ZUjrpg6CnngUUB6lV8fSrcfTzYBQ4OrT9l1ObgxIhZzlywixWTEFJpTxY70ZISsrA0BO\/O2+VTqe0q3IfdIL78jJ93CBxJTn27WckqsOIYomiW+FNRHUxrSyGOyI34KMwdxpLijryJRRhiL\/LeJlPw3JAUqc+c1mdVaxvGGMwnrWROtkS6WbjPbGRDo0IYmBzQ4HzWsoobno3AVhTuiWrm382+kc08VzfPR3quJrO8dAoaeYMYDyZxvyy9beXn3mIaK961f51jM5wmZhXq5bOrtWY68RXoDaDx0nAhHCUkDWMzCMbOAiXMwmqbeAVY4E24lCbjoA2wp75DGpqTZg0PAkLOnkvkv4z\/\/hyLmpZKrE0gqPFOTaz0QMLROQ2Z+3pmTFxqaS9HWt7AeCRhaiyb5X7IeRcQhl6x0VD5Mw1IEQUcRsV2SlS2XKm9vvPu5pieiC9vP\/rpVGpyVQ8DQSii+K05Kp9DSyfvvCWzHWeRnTvKM+v27vHA+SBEpUrnIvl8V49VAHQ6TmuN6djUAVSYHwMkAfSpbyLCF4LowzclewCkokWELwU3E5Ordb7IbGDYxY4QXUSW9BuAGYBBhNxvMOoKbiMG1XYNaA3ADyHtdKOpolk5HnO3mileNzybqFDL9+0I7HoaTi91YXx\/hnykObHKBMS78\/pH7aj8Zxn\/qRL2ABXE3Hl9dlUTPu6Xw6IlQyMlxzxWr07TmnDZkt3g7KmkD+tkfnaXpbVrwxtf0mt6UvNvdyBv5fwEtfO9m\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVVt9L21AUfh\/sfwj6uk7bTG3LEGr8wUCLM26VXXxI07QNlqakcc43VxhOZOxlpTAcIqQgznVlsK2+6L9y\/5Sdc2+SJrepq7fccPPd+517vnPPuWnF1hpVaXvp8SMJWnO\/WGFArqCSKXhI1G3T7ifq\/qLuLXVPqHsB0DF1W9T9zib6bGLAxuc+wjlfYTy1yy1jK5m2oTumVQ\/2wzYcBbvnDefAsvfMeoVMUfeSdo\/RtvsbbaPhNnXvmAudsHlsrzcVAl1Kzj5lv5nkvLDixVqB+ArOmbOefdDVGe7UPRZ4+dw2gf6fVdG3QNDmfrFm6ihmwMLFZYCeM9wexbQlNncduCMqw5ZbXwLfP1P3yj+TOxZrWP8HiBJC3VN+Rte0+5G9c6lgux9jcUlr4oEQf71\/jmj4Jzd5w0x6E4IJo16aTL9tvtUcg58m2j6j3aNJFA8TstHYNg0bLdynP\/C8H2cN24qiJgk8+OIgddtScjwhFUtIjSfIsQQ5hjASwdEoRuKwrDmaH4gLPxFvJ1K+tawS6NKm1XQqtqG+XH9etGcWqdtjecLr9yiRezOOb5TMJlmpYcooml41ODKJqAgQeYmpftWxbK1i8Grx3DplNQNqz0R1EGtVZvnuZQK\/hAaetgHL\/ivqugx2IUqw+AuYC2oEbpMPsESwu7KqEuiSX7LfeJhjPNp9gDRD37dN59DT9j50Wf4F+6K2Qm6VQJf8qoHT7Yny10isKe53j3ZB\/Y14BeY2CHRY8oPN97w6QplQXK0HCNqw6iYcV3BTo6GO\/1G45EXuBRtS7IRNjrm6lQJRatZ+qaA5elWY29nSDgl+jnYSMBJDkFcJdH44LfbZubxXSzDgz1dNKCeWAy2eIBARiX3rrjDkeNIdFp6+n0K3u1IisSgxd1dtq+6Q4VBSlvPepiEQl8NJchyPFAG4zjkAAwbg3TSCpEYQOew9ctgElHaApEYQOYqIXCxkkR3BZBETLPhOBfQQIEcAgQg1JjDDiBxFBK5SEKghQI4A\/Im3XxhlcmLWKQXucT6ybdM5rBn4D0Mqm7Vadrqcwd+TpmNbe0Z2WpZlb5w4MEtONZtqvAsT8QA9YjmTmZ0NiLq+oMGrbtUsO3tQNR0jTEOfOS1lLMjFdEBLas9K6bE0TGqPl5nT5rT5gLdQTuvp0j9lL5vJ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TB\r\n    subgraph AWS[\"AWS \u0915\u094d\u0932\u093e\u0909\u0921 \u0907\u0902\u092b\u094d\u0930\u093e\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u091a\u0930\"]\r\n        direction TB\r\n        \r\n        subgraph Networking[\"\u0928\u0947\u091f\u0935\u0930\u094d\u0915\u093f\u0902\u0917\"]\r\n            VPC[VPC 10.0.0.0\/16]\r\n            IGW[\u0907\u0902\u091f\u0930\u0928\u0947\u091f \u0917\u0947\u091f\u0935\u0947]\r\n            NAT[NAT \u0917\u0947\u091f\u0935\u0947]\r\n            \r\n            subgraph Public[\"\u0938\u093e\u0930\u094d\u0935\u091c\u0928\u093f\u0915 \u0938\u092c\u0928\u0947\u091f\"]\r\n                ALB[\u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928 \u0932\u094b\u0921 \u092c\u0948\u0932\u0947\u0902\u0938\u0930]\r\n                Bastion[\u092c\u0948\u0938\u094d\u091f\u093f\u092f\u0928 \u0939\u094b\u0938\u094d\u091f]\r\n            end\r\n            \r\n            subgraph Private[\"\u0928\u093f\u091c\u0940 \u0938\u092c\u0928\u0947\u091f\"]\r\n                subgraph AppTier[\"\u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928 \u091f\u093f\u092f\u0930\"]\r\n                    ECS1[ECS \u091f\u093e\u0938\u094d\u0915 1]\r\n                    ECS2[ECS \u091f\u093e\u0938\u094d\u0915 2]\r\n                    ECS3[ECS \u091f\u093e\u0938\u094d\u0915 3]\r\n                end\r\n                \r\n                subgraph DataTier[\"\u0921\u0947\u091f\u093e \u091f\u093f\u092f\u0930\"]\r\n                    RDS[RDS PostgreSQL&lt;br\/&gt;\u092e\u0932\u094d\u091f\u0940-AZ]\r\n                    Redis[ElastiCache Redis]\r\n                end\r\n            end\r\n        end\r\n        \r\n        subgraph Storage[\"\u0938\u094d\u091f\u094b\u0930\u0947\u091c\"]\r\n            S3[S3 \u092c\u0915\u0947\u091f\u094d\u0938&lt;br\/&gt;\u0938\u0902\u092a\u0924\u094d\u0924\u093f \u0914\u0930 \u092c\u0948\u0915\u0905\u092a]\r\n            EFS[EFS \u0938\u093e\u091d\u093e \u0938\u094d\u091f\u094b\u0930\u0947\u091c]\r\n        end\r\n        \r\n        subgraph Security[\"\u0938\u0941\u0930\u0915\u094d\u0937\u093e\"]\r\n            WAF[WAF \u0928\u093f\u092f\u092e]\r\n            SG[\u0938\u0941\u0930\u0915\u094d\u0937\u093e \u0938\u092e\u0942\u0939]\r\n            IAM[IAM \u092d\u0942\u092e\u093f\u0915\u093e\u090f\u0902]\r\n        end\r\n        \r\n        subgraph Monitoring[\"\u0928\u093f\u0917\u0930\u093e\u0928\u0940 \u0914\u0930 \u0932\u0949\u0917\u093f\u0902\u0917\"]\r\n            CW[CloudWatch]\r\n            XRay[AWS X-Ray]\r\n            SNS[SNS \u0938\u0942\u091a\u0928\u093e\u090f\u0902]\r\n        end\r\n    end\r\n    \r\n    User[\u0905\u0902\u0924\u093f\u092e \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e] --&gt; CloudFront[CloudFront CDN]\r\n    CloudFront --&gt; WAF\r\n    WAF --&gt; ALB\r\n    ALB --&gt; ECS1\r\n    ALB --&gt; ECS2\r\n    ALB --&gt; ECS3\r\n    \r\n    ECS1 --&gt; RDS\r\n    ECS2 --&gt; RDS\r\n    ECS3 --&gt; RDS\r\n    \r\n    ECS1 --&gt; Redis\r\n    ECS2 --&gt; Redis\r\n    ECS3 --&gt; Redis\r\n    \r\n    ECS1 --&gt; S3\r\n    ECS2 --&gt; S3\r\n    ECS3 --&gt; S3\r\n    \r\n    ECS1 --&gt; EFS\r\n    ECS2 --&gt; EFS\r\n    ECS3 --&gt; EFS\r\n    \r\n    ECS1 --&gt; CW\r\n    ECS2 --&gt; CW\r\n    ECS3 --&gt; CW\r\n    \r\n    RDS --&gt; CW\r\n    Redis --&gt; CW\r\n    \r\n    CW --&gt; SNS\r\n    \r\n    style VPC fill:#f9f9f9,stroke:#333,stroke-width:2px\r\n    style ALB fill:#ff9900,stroke:#cc7a00,color:white\r\n    style RDS fill:#2e73b8,stroke:#1a4d80,color:white\r\n    style User fill:#95a5a6,stroke:#7f8c8d\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVVt9L21AUfh\/sfwj6uk7bTG3LEGr8wUCLM26VXXxI07QNlqakcc43VxhOZOxlpTAcIqQgznVlsK2+6L9y\/5Sdc2+SJrepq7fccPPd+517vnPPuWnF1hpVaXvp8SMJWnO\/WGFArqCSKXhI1G3T7ifq\/qLuLXVPqHsB0DF1W9T9zib6bGLAxuc+wjlfYTy1yy1jK5m2oTumVQ\/2wzYcBbvnDefAsvfMeoVMUfeSdo\/RtvsbbaPhNnXvmAudsHlsrzcVAl1Kzj5lv5nkvLDixVqB+ArOmbOefdDVGe7UPRZ4+dw2gf6fVdG3QNDmfrFm6ihmwMLFZYCeM9wexbQlNncduCMqw5ZbXwLfP1P3yj+TOxZrWP8HiBJC3VN+Rte0+5G9c6lgux9jcUlr4oEQf71\/jmj4Jzd5w0x6E4IJo16aTL9tvtUcg58m2j6j3aNJFA8TstHYNg0bLdynP\/C8H2cN24qiJgk8+OIgddtScjwhFUtIjSfIsQQ5hjASwdEoRuKwrDmaH4gLPxFvJ1K+tawS6NKm1XQqtqG+XH9etGcWqdtjecLr9yiRezOOb5TMJlmpYcooml41ODKJqAgQeYmpftWxbK1i8Grx3DplNQNqz0R1EGtVZvnuZQK\/hAaetgHL\/ivqugx2IUqw+AuYC2oEbpMPsESwu7KqEuiSX7LfeJhjPNp9gDRD37dN59DT9j50Wf4F+6K2Qm6VQJf8qoHT7Yny10isKe53j3ZB\/Y14BeY2CHRY8oPN97w6QplQXK0HCNqw6iYcV3BTo6GO\/1G45EXuBRtS7IRNjrm6lQJRatZ+qaA5elWY29nSDgl+jnYSMBJDkFcJdH44LfbZubxXSzDgz1dNKCeWAy2eIBARiX3rrjDkeNIdFp6+n0K3u1IisSgxd1dtq+6Q4VBSlvPepiEQl8NJchyPFAG4zjkAAwbg3TSCpEYQOew9ctgElHaApEYQOYqIXCxkkR3BZBETLPhOBfQQIEcAgQg1JjDDiBxFBK5SEKghQI4A\/Im3XxhlcmLWKQXucT6ybdM5rBn4D0Mqm7Vadrqcwd+TpmNbe0Z2WpZlb5w4MEtONZtqvAsT8QA9YjmTmZ0NiLq+oMGrbtUsO3tQNR0jTEOfOS1lLMjFdEBLas9K6bE0TGqPl5nT5rT5gLdQTuvp0j9lL5vJ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVVV1vmzAUfZ+0\/2Cl0p6WtYnXNommSoSmWaQ06kI2pll9cMAhVhBGxizLv981UD4M6Tqjay6He8y5\/rgEksZ7tJm+f4egJek2yADLdUgPOmSHIvXRItpJmiiZeiqVrPecR+vmc8k8xUVUjqFb5ZUjrpg6CnngUUB6lV8fSrcfTzYBQ4OrT9l1ObgxIhZzlywixWTEFJpTxY70ZISsrA0BO\/O2+VTqe0q3IfdIL78jJ93CBxJTn27WckqsOIYomiW+FNRHUxrSyGOyI34KMwdxpLijryJRRhiL\/LeJlPw3JAUqc+c1mdVaxvGGMwnrWROtkS6WbjPbGRDo0IYmBzQ4HzWsoobno3AVhTuiWrm382+kc08VzfPR3quJrO8dAoaeYMYDyZxvyy9beXn3mIaK961f51jM5wmZhXq5bOrtWY68RXoDaDx0nAhHCUkDWMzCMbOAiXMwmqbeAVY4E24lCbjoA2wp75DGpqTZg0PAkLOnkvkv4z\/\/hyLmpZKrE0gqPFOTaz0QMLROQ2Z+3pmTFxqaS9HWt7AeCRhaiyb5X7IeRcQhl6x0VD5Mw1IEQUcRsV2SlS2XKm9vvPu5pieiC9vP\/rpVGpyVQ8DQSii+K05Kp9DSyfvvCWzHWeRnTvKM+v27vHA+SBEpUrnIvl8V49VAHQ6TmuN6djUAVSYHwMkAfSpbyLCF4LowzclewCkokWELwU3E5Ordb7IbGDYxY4QXUSW9BuAGYBBhNxvMOoKbiMG1XYNaA3ADyHtdKOpolk5HnO3mileNzybqFDL9+0I7HoaTi91YXx\/hnykObHKBMS78\/pH7aj8Zxn\/qRL2ABXE3Hl9dlUTPu6Xw6IlQyMlxzxWr07TmnDZkt3g7KmkD+tkfnaXpbVrwxtf0mt6UvNvdyBv5fwEtfO9m\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqVVV1vmzAUfZ+0\/2Cl0p6WtYnXNommSoSmWaQ06kI2pll9cMAhVhBGxizLv981UD4M6Tqjay6He8y5\/rgEksZ7tJm+f4egJek2yADLdUgPOmSHIvXRItpJmiiZeiqVrPecR+vmc8k8xUVUjqFb5ZUjrpg6CnngUUB6lV8fSrcfTzYBQ4OrT9l1ObgxIhZzlywixWTEFJpTxY70ZISsrA0BO\/O2+VTqe0q3IfdIL78jJ93CBxJTn27WckqsOIYomiW+FNRHUxrSyGOyI34KMwdxpLijryJRRhiL\/LeJlPw3JAUqc+c1mdVaxvGGMwnrWROtkS6WbjPbGRDo0IYmBzQ4HzWsoobno3AVhTuiWrm382+kc08VzfPR3quJrO8dAoaeYMYDyZxvyy9beXn3mIaK961f51jM5wmZhXq5bOrtWY68RXoDaDx0nAhHCUkDWMzCMbOAiXMwmqbeAVY4E24lCbjoA2wp75DGpqTZg0PAkLOnkvkv4z\/\/hyLmpZKrE0gqPFOTaz0QMLROQ2Z+3pmTFxqaS9HWt7AeCRhaiyb5X7IeRcQhl6x0VD5Mw1IEQUcRsV2SlS2XKm9vvPu5pieiC9vP\/rpVGpyVQ8DQSii+K05Kp9DSyfvvCWzHWeRnTvKM+v27vHA+SBEpUrnIvl8V49VAHQ6TmuN6djUAVSYHwMkAfSpbyLCF4LowzclewCkokWELwU3E5Ordb7IbGDYxY4QXUSW9BuAGYBBhNxvMOoKbiMG1XYNaA3ADyHtdKOpolk5HnO3mileNzybqFDL9+0I7HoaTi91YXx\/hnykObHKBMS78\/pH7aj8Zxn\/qRL2ABXE3Hl9dlUTPu6Xw6IlQyMlxzxWr07TmnDZkt3g7KmkD+tkfnaXpbVrwxtf0mt6UvNvdyBv5fwEtfO9m\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><img alt=\"\u0905\u0902\u0924\u0930\u094d\u0928\u093f\u0930\u094d\u092e\u093f\u0924 \u0938\u0902\u0930\u091a\u0928\u093e\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e8538cd989.png\"\/><br \/>\n<em>\u0906\u0915\u0943\u0924\u093f 6: AWS \u0915\u094d\u0932\u093e\u0909\u0921 \u0907\u0902\u092b\u094d\u0930\u093e\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u091a\u0930 \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e<\/em><\/p>\n<hr\/>\n<h2>7. \u0909\u0928\u094d\u0928\u0924 \u0924\u0915\u0928\u0940\u0915\u0947\u0902: \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917 \u0914\u0930 \u0905\u0928\u0941\u0915\u0942\u0932\u0928 {#advanced-techniques}<\/h2>\n<h3>\u092e\u0930\u092e\u0947\u0921 \u0909\u0928\u094d\u0928\u0924 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917<\/h3>\n<p><strong>\u0925\u0940\u092e \u0905\u0928\u0941\u0915\u0942\u0932\u0928:<\/strong><\/p>\n<p><img alt=\"\u092a\u094d\u0930\u0935\u093e\u0939 \u091a\u093e\u0930\u094d\u091f \u091c\u094b Mermaid \u0909\u0928\u094d\u0928\u0924 \u0936\u0948\u0932\u0940 \u0915\u094b \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u093f\u0924 \u0915\u0930\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u092e\u0947\u0902 \u092a\u094d\u0930\u093e\u0930\u0902\u092d, \u0928\u093f\u0930\u094d\u0923\u092f, \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e\u0913\u0902 \u0914\u0930 \u0905\u0902\u0924 \u0905\u0935\u0938\u094d\u0925\u093e\u0913\u0902 \u0915\u0947 \u0932\u093f\u090f \u0930\u0902\u0917-\u0915\u094b\u0921\u093f\u0924 \u0906\u0915\u093e\u0930 \u0939\u0948\u0902\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8e490dacf.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdj11rgzAUhu8F\/0NAJDcWWrXaejFQYy7HYGVQpBfWHtcwa0oS2Ir636ez+LEEAud9njckplmziqkA1Vhd4QY4wOdMArbQMH9kgmXnEiTuFF1D3cJ3wW6ZeMS85KKLseHGId2usbXkB\/hRk1MUxX8h4uICYlKc3S5x4tEqWQUT9Lf9HqGEnFeXxSsojTdrfzQUCMUWQv8EXWvb1jR1Tdc+RXa\/ogMZ\/DB9V5lQJ7RavaCoJpAzyXjVDjTq4+YIskFx+iZ4DlKi8DSHr7xBZGTRk8V\/9yVpUl2eCRmSYRhOqR4loBAVrCwDw97sPepYUgn+BYGx2fsesa28\/0bwfWUK5qXkWaKu6zjeWCKOTW06L\/0CR6+G1w==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092e\u0930\u092e\u0947\u0921<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdj11rgzAUhu8F\/0NAJDcWWrXaejFQYy7HYGVQpBfWHtcwa0oS2Ir636ez+LEEAud9njckplmziqkA1Vhd4QY4wOdMArbQMH9kgmXnEiTuFF1D3cJ3wW6ZeMS85KKLseHGId2usbXkB\/hRk1MUxX8h4uICYlKc3S5x4tEqWQUT9Lf9HqGEnFeXxSsojTdrfzQUCMUWQv8EXWvb1jR1Tdc+RXa\/ogMZ\/DB9V5lQJ7RavaCoJpAzyXjVDjTq4+YIskFx+iZ4DlKi8DSHr7xBZGTRk8V\/9yVpUl2eCRmSYRhOqR4loBAVrCwDw97sPepYUgn+BYGx2fsesa28\/0bwfWUK5qXkWaKu6zjeWCKOTW06L\/0CR6+G1w==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9kE1rwjAYx++FfoeAlFwqaOtrD4O+mE8gu4wdqqYzrFpJA5toYQ622477BIsgu+hpsMv2VfJRljau2h2WQMjzPL9f+BPDWJE5YQ5YQTbFMwwdOApTDE2g6suQknAU4xRKRNeAXHBBySykSz+JEyrbsNbyXdRuQLM6H+J7dmKiKPoLeAmdYHpC7F5vYPslFZM5Pg277XyXwxSPk\/mkkgIhv9nolgTDlJEKkEfQtSzLDEPXdO2GhospGAaKd68E\/xDbjeCH4nwWnF+Dev0CeCvBd4J\/F5MXwd8E32dK8nJgLfin4F+Cb9bAl6+8F9RB8Nffi1T3kgDudVXb5eb2QfDHNQj+Nb2j6ReJBpJ9klYeUfUD1VeFOlO2jDFwQUTi2KlZzX4H2WbKaHKLnVqz3+0EljnO\/8a5mxKGz6XBUUKtlm13SimwLWShc+kHF17O2A==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">%%{init: {'theme':'base', 'themeVariables': {\r\n    'primaryColor': '#4CAF50',\r\n    'primaryTextColor': '#fff',\r\n    'primaryBorderColor': '#388E3C',\r\n    'lineColor': '#757575',\r\n    'secondaryColor': '#FFC107',\r\n    'tertiaryColor': '#fff'\r\n}}}%%\r\n\r\ngraph TD\r\n    A[\u0936\u0941\u0930\u0941\u0906\u0924] --&gt; B{\u0928\u093f\u0930\u094d\u0923\u092f}\r\n    B --&gt;|\u0939\u093e\u0901| C[\u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e A]\r\n    B --&gt;|\u0928\u0939\u0940\u0902| D[\u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e B]\r\n    C --&gt; E[\u0905\u0902\u0924]\r\n    D --&gt; E\r\n    \r\n    style A fill:#2196F3,stroke:#1976D2,color:white\r\n    style E fill:#F44336,stroke:#D32F2F,color:white\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9kE1rwjAYx++FfoeAlFwqaOtrD4O+mE8gu4wdqqYzrFpJA5toYQ622477BIsgu+hpsMv2VfJRljau2h2WQMjzPL9f+BPDWJE5YQ5YQTbFMwwdOApTDE2g6suQknAU4xRKRNeAXHBBySykSz+JEyrbsNbyXdRuQLM6H+J7dmKiKPoLeAmdYHpC7F5vYPslFZM5Pg277XyXwxSPk\/mkkgIhv9nolgTDlJEKkEfQtSzLDEPXdO2GhospGAaKd68E\/xDbjeCH4nwWnF+Dev0CeCvBd4J\/F5MXwd8E32dK8nJgLfin4F+Cb9bAl6+8F9RB8Nffi1T3kgDudVXb5eb2QfDHNQj+Nb2j6ReJBpJ9klYeUfUD1VeFOlO2jDFwQUTi2KlZzX4H2WbKaHKLnVqz3+0EljnO\/8a5mxKGz6XBUUKtlm13SimwLWShc+kHF17O2A==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdj11rgzAUhu8F\/0NAJDcWWrXaejFQYy7HYGVQpBfWHtcwa0oS2Ir636ez+LEEAud9njckplmziqkA1Vhd4QY4wOdMArbQMH9kgmXnEiTuFF1D3cJ3wW6ZeMS85KKLseHGId2usbXkB\/hRk1MUxX8h4uICYlKc3S5x4tEqWQUT9Lf9HqGEnFeXxSsojTdrfzQUCMUWQv8EXWvb1jR1Tdc+RXa\/ogMZ\/DB9V5lQJ7RavaCoJpAzyXjVDjTq4+YIskFx+iZ4DlKi8DSHr7xBZGTRk8V\/9yVpUl2eCRmSYRhOqR4loBAVrCwDw97sPepYUgn+BYGx2fsesa28\/0bwfWUK5qXkWaKu6zjeWCKOTW06L\/0CR6+G1w==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdj11rgzAUhu8F\/0NAJDcWWrXaejFQYy7HYGVQpBfWHtcwa0oS2Ir636ez+LEEAud9njckplmziqkA1Vhd4QY4wOdMArbQMH9kgmXnEiTuFF1D3cJ3wW6ZeMS85KKLseHGId2usbXkB\/hRk1MUxX8h4uICYlKc3S5x4tEqWQUT9Lf9HqGEnFeXxSsojTdrfzQUCMUWQv8EXWvb1jR1Tdc+RXa\/ogMZ\/DB9V5lQJ7RavaCoJpAzyXjVDjTq4+YIskFx+iZ4DlKi8DSHr7xBZGTRk8V\/9yVpUl2eCRmSYRhOqR4loBAVrCwDw97sPepYUgn+BYGx2fsesa28\/0bwfWUK5qXkWaKu6zjeWCKOTW06L\/0CR6+G1w==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092e\u0930\u092e\u0947\u0921 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>PlantUML \u0938\u094d\u0915\u093f\u0928 \u092a\u0948\u0930\u093e\u092e\u0940\u091f\u0930<\/h3>\n<p><strong>\u092a\u0947\u0936\u0947\u0935\u0930 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917:<\/strong><\/p>\n<p><img alt=\"\u092b\u094d\u0930\u0902\u091f\u090f\u0902\u0921 React \u0910\u092a \u0914\u0930 Redux \u0938\u094d\u091f\u094b\u0930 \u0938\u0947 \u092c\u0948\u0915\u090f\u0902\u0921 Node.js API, Express \u0938\u0930\u094d\u0935\u0930 \u0914\u0930 MongoDB \u0924\u0915 \u092a\u094d\u0930\u0935\u093e\u0939, \u091c\u094b \u0915\u0947\u0902\u0926\u094d\u0930\u0940\u0915\u0943\u0924 \u0905\u0935\u0938\u094d\u0925\u093e \u092a\u094d\u0930\u092c\u0902\u0927\u0928 \u0915\u094b \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u093f\u0924 \u0915\u0930\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8e5b529f3.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092a\u094d\u0932\u093e\u0928\u094d\u091f\u092f\u0942\u090f\u092e\u090f\u0932<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPEnRjj038Pt0Ne78XqwfR2Yrh6N8euj5HqQ1FKOPA0bMbOZ7G-ySvEqwBkNikJOLkJRo9_7xpzIkd4UnM_hAWm-mhUALrY1ywzLQOemS4-biIXOmmgpfq9uQ_8vLopm8TsTunAtmPoVzHwiiN9qBEqkPYo61ABHiQ8Syg-MWCLlE0mQ5tEkBHioViX8zYR-3GFGSzjtbiJfLRheH9QSf1EYwVLuSTKACn5-xkN_jVXxROW53S5j9vr3wqJYP3I0JhzSpqUTaBBno_8FGVJvZNd7VX1eclnPMfHEaka0RJoPfl7aGElISJoUHad7t3_b8XMj89DVx3c72J_y9CmypAnz793oxGiiFGizzbisJizqlEESFlroCBl__hvdycA5d8CboM-IJi_HumeTmSCFDWKlRlUu8tTmUVcrR-aaR0jEuITXM_3EG3_JbXsCXC5kGr8M6m-yxdi0cEl312jTTwxxHQsjqUYGQiqt-beNupS46fP2WDPMPOQ-P1C6EiBT1z1WRZJGd_G_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0928\u094d\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">\u092a\u094d\u0932\u093e\u0928\u094d\u091f\u092f\u0942\u090f\u092e\u090f\u0932<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPEnRjj038Pt0Ne78XqwfR2Yrh6N8euj5HqQ1FKOPA0bMbOZ7G-ySvEqwBkNikJOLkJRo9_7xpzIkd4UnM_hAWm-mhUALrY1ywzLQOemS4-biIXOmmgpfq9uQ_8vLopm8TsTunAtmPoVzHwiiN9qBEqkPYo61ABHiQ8Syg-MWCLlE0mQ5tEkBHioViX8zYR-3GFGSzjtbiJfLRheH9QSf1EYwVLuSTKACn5-xkN_jVXxROW53S5j9vr3wqJYP3I0JhzSpqUTaBBno_8FGVJvZNd7VX1eclnPMfHEaka0RJoPfl7aGElISJoUHad7t3_b8XMj89DVx3c72J_y9CmypAnz793oxGiiFGizzbisJizqlEESFlroCBl__hvdycA5d8CboM-IJi_HumeTmSCFDWKlRlUu8tTmUVcrR-aaR0jEuITXM_3EG3_JbXsCXC5kGr8M6m-yxdi0cEl312jTTwxxHQsjqUYGQiqt-beNupS46fP2WDPMPOQ-P1C6EiBT1z1WRZJGd_G_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0928\u094d\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPJDQjj04CVl0ht3a1vwIh6Yrh4l9H-Me8UMGeuXXusraTNOksArQVf1eKqe3OIGN4nwA9JGLLBQG4CX9QVcLVPHkXf9MB5TeptjpdzcvpUZMIqbaWYvC-ZRrdtGwbgd1rhzqUbHjbUtMWsDzGRFNxNwgzKdhNwZiAVLgMqbsn6BYI03s2JTxL3m7HQiyZuNSC_7LNL9UYJWkn4BOOlq4rgLCB3B1QC2d4PLwKUCojSn1IvaZzjM3lePUMh3TVaWvemo2Mzj2ynQ6QVrN7_1xnGY5m4LXU2q5vkTXLnO5eBlZjdVbKW_i7T3dHgABtN1OiD1GlfVBDD1rsjCmV8VBQus2i7dJAv5RoWu3oiyttLwQFBN9M5Spi1m_9RNdeBHRBLzjpN2ACokssmxNW5JrZYdrKyakSBiXkSODsTpPTxHPrf7hrjq6URuff0Jq-MDgQvPqyzArvjApLaFhZOcIIwBhpMBuHaFw8CN2Im_VpAPrNiL2veai4R5IoeAFI2IR9A4mlfJpaBUMIappwW7vkSVrooYZbT-tLtqEyVSOG9_t9AxZSgmBPmG4OKz2Noh9Z6WBUkmUHvx66BqRyRw4IVq0mhvJFp2g5F87n6KWteCvQioyUU5S_eUZVjQgVokwp9tQiOSAhTUOjo5oMPRb0KuvrarI-PW_dl_0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' \u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917\r\nskinparam backgroundColor #FFFFFF\r\nskinparam shadowing false\r\nskinparam roundcorner 10\r\nskinparam linetype ortho\r\n\r\n' \u0918\u091f\u0915 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917\r\nskinparam component {\r\n    BackgroundColor #E3F2FD\r\n    BorderColor #1976D2\r\n    ArrowColor #1976D2\r\n}\r\n\r\n' \u092a\u0948\u0915\u0947\u091c \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917\r\nskinparam package {\r\n    BackgroundColor #FFF3E0\r\n    BorderColor #F57C00\r\n    FontSize 14\r\n}\r\n\r\n' \u0928\u094b\u091f \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917\r\nskinparam note {\r\n    BackgroundColor #F1F8E9\r\n    BorderColor #689F38\r\n    FontColor #33691E\r\n}\r\n\r\npackage \"\u092b\u094d\u0930\u0902\u091f\u090f\u0902\u0921\" {\r\n    component [\u0930\u093f\u090f\u0915\u094d\u091f \u0910\u092a]\r\n    component [\u0930\u0947\u0921\u0915\u094d\u0938 \u0938\u094d\u091f\u094b\u0930]\r\n}\r\n\r\npackage \"\u092c\u0948\u0915\u090f\u0902\u0921\" {\r\n    component [Node.js API]\r\n    component [Express Server]\r\n    database [MongoDB]\r\n}\r\n\r\n[\u0930\u093f\u090f\u0915\u094d\u091f \u0910\u092a] --&gt; [\u0930\u0947\u0921\u0915\u094d\u0938 \u0938\u094d\u091f\u094b\u0930]\r\n[\u0930\u0947\u0921\u0915\u094d\u0938 \u0938\u094d\u091f\u094b\u0930] --&gt; [Node.js API]\r\n[Node.js API] --&gt; [Express Server]\r\n[Express Server] --&gt; [MongoDB]\r\n\r\nnote right of [\u0930\u0947\u0921\u0915\u094d\u0938 \u0938\u094d\u091f\u094b\u0930]\r\n  \u0938\u0902\u092a\u0942\u0930\u094d\u0923 \u0905\u0928\u0941\u092a\u094d\u0930\u092f\u094b\u0917 \u0915\u0947 \u0932\u093f\u090f \u0915\u0947\u0902\u0926\u094d\u0930\u0940\u0915\u0943\u0924 \u0905\u0935\u0938\u094d\u0925\u093e \u092a\u094d\u0930\u092c\u0902\u0927\u0928\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPJDQjj04CVl0ht3a1vwIh6Yrh4l9H-Me8UMGeuXXusraTNOksArQVf1eKqe3OIGN4nwA9JGLLBQG4CX9QVcLVPHkXf9MB5TeptjpdzcvpUZMIqbaWYvC-ZRrdtGwbgd1rhzqUbHjbUtMWsDzGRFNxNwgzKdhNwZiAVLgMqbsn6BYI03s2JTxL3m7HQiyZuNSC_7LNL9UYJWkn4BOOlq4rgLCB3B1QC2d4PLwKUCojSn1IvaZzjM3lePUMh3TVaWvemo2Mzj2ynQ6QVrN7_1xnGY5m4LXU2q5vkTXLnO5eBlZjdVbKW_i7T3dHgABtN1OiD1GlfVBDD1rsjCmV8VBQus2i7dJAv5RoWu3oiyttLwQFBN9M5Spi1m_9RNdeBHRBLzjpN2ACokssmxNW5JrZYdrKyakSBiXkSODsTpPTxHPrf7hrjq6URuff0Jq-MDgQvPqyzArvjApLaFhZOcIIwBhpMBuHaFw8CN2Im_VpAPrNiL2veai4R5IoeAFI2IR9A4mlfJpaBUMIappwW7vkSVrooYZbT-tLtqEyVSOG9_t9AxZSgmBPmG4OKz2Noh9Z6WBUkmUHvx66BqRyRw4IVq0mhvJFp2g5F87n6KWteCvQioyUU5S_eUZVjQgVokwp9tQiOSAhTUOjo5oMPRb0KuvrarI-PW_dl_0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPEnRjj038Pt0Ne78XqwfR2Yrh6N8euj5HqQ1FKOPA0bMbOZ7G-ySvEqwBkNikJOLkJRo9_7xpzIkd4UnM_hAWm-mhUALrY1ywzLQOemS4-biIXOmmgpfq9uQ_8vLopm8TsTunAtmPoVzHwiiN9qBEqkPYo61ABHiQ8Syg-MWCLlE0mQ5tEkBHioViX8zYR-3GFGSzjtbiJfLRheH9QSf1EYwVLuSTKACn5-xkN_jVXxROW53S5j9vr3wqJYP3I0JhzSpqUTaBBno_8FGVJvZNd7VX1eclnPMfHEaka0RJoPfl7aGElISJoUHad7t3_b8XMj89DVx3c72J_y9CmypAnz793oxGiiFGizzbisJizqlEESFlroCBl__hvdycA5d8CboM-IJi_HumeTmSCFDWKlRlUu8tTmUVcrR-aaR0jEuITXM_3EG3_JbXsCXC5kGr8M6m-yxdi0cEl312jTTwxxHQsjqUYGQiqt-beNupS46fP2WDPMPOQ-P1C6EiBT1z1WRZJGd_G_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0928\u094d\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPEnRjj038Pt0Ne78XqwfR2Yrh6N8euj5HqQ1FKOPA0bMbOZ7G-ySvEqwBkNikJOLkJRo9_7xpzIkd4UnM_hAWm-mhUALrY1ywzLQOemS4-biIXOmmgpfq9uQ_8vLopm8TsTunAtmPoVzHwiiN9qBEqkPYo61ABHiQ8Syg-MWCLlE0mQ5tEkBHioViX8zYR-3GFGSzjtbiJfLRheH9QSf1EYwVLuSTKACn5-xkN_jVXxROW53S5j9vr3wqJYP3I0JhzSpqUTaBBno_8FGVJvZNd7VX1eclnPMfHEaka0RJoPfl7aGElISJoUHad7t3_b8XMj89DVx3c72J_y9CmypAnz793oxGiiFGizzbisJizqlEESFlroCBl__hvdycA5d8CboM-IJi_HumeTmSCFDWKlRlUu8tTmUVcrR-aaR0jEuITXM_3EG3_JbXsCXC5kGr8M6m-yxdi0cEl312jTTwxxHQsjqUYGQiqt-beNupS46fP2WDPMPOQ-P1C6EiBT1z1WRZJGd_G_\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 \u092a\u094d\u0932\u093e\u0928\u094d\u091f\u092f\u0942\u090f\u092e\u090f\u0932 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Graphviz \u0909\u0928\u094d\u0928\u0924 \u0917\u0941\u0923<\/h3>\n<p><strong>\u092a\u0947\u0936\u0947\u0935\u0930 \u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u0906\u0930\u0947\u0916:<\/strong><\/p>\n<p><img alt=\"\u0909\u0926\u094d\u092f\u092e \u092a\u094d\u0930\u0923\u093e\u0932\u0940 \u0938\u0902\u0930\u091a\u0928\u093e \u0906\u0930\u0947\u0916 \u091c\u094b \u092a\u094d\u0930\u0938\u094d\u0924\u0941\u0924\u093f, \u0935\u094d\u092f\u093e\u092a\u093e\u0930 \u0924\u0930\u094d\u0915 \u0914\u0930 \u0921\u0947\u091f\u093e \u092a\u0930\u0924\u094b\u0902 \u0915\u094b Flutter, React, Node.js \u0914\u0930 PostgreSQL \u0918\u091f\u0915\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8e7dbd492.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVmtv2jAU\/T5p\/yHKvnbl1QRQl0q0Zd2kbmOlUj901eTYN+DV2JHtFLGq\/312HuQBdIu0IEF8rjn3+tyTC4QuJIqXzoQ8IY6BzPWGUb5wnt++cczV6ThXTISIOdk2pLWkYaJBZfEMvc8W9goXWDAhA\/ddNIrGEXLLUCS45mgFgfsJ2BNoiptRRX9D0PNLkKEQWOBOuQYZS6rAmW+UhpUzkXhJNWCdSPjBZ1KQBGsquDPlT1QKvgKu3QYPEzhwq2iMSNA99kpAIv6oIA56VZALAhnYzcCH0+xzq9AlRChhOt25o1AK3rdXoVeCyvTE7I8oY0COpEg4AVI9B\/A1JXoZ9P9SIJDFboEp2L7A8Z78Nd2QlGKdbu0ejw4U9tWKg1lieiqVs6Z66WCzEKv0zMaH2U6VhJnR8q0\/Y2lawjVKW\/6845dZNXyNNiDd06acmZoVuPAtDKJ+RKpfsGcuoj3P93C3Gi3v7iB07vMS7P0kjplRz1bxIZSdsxtAWDu9kXvk2OwFpX8SepFvwTLP2rrbfaik+SJCymDLny9NipT6I0u0EaY180u1ITsyh4miHJTaI\/F5EboWC4pbixxF0QC6h0QG3+t1D4g8mX3einAznd9aIJXAeun4l2pIEEXh8ITUJQgZwo81ca\/ssb9fb4mL9RXSsEab1pyvy0qQRnskvbRwa7eOIg\/Gh4Tsw5AM+vuFnEm6QnKzPXOxvjxP5ZwJpRcS5kaF3ok5q1qiGAJsn0oCsi4I8oiPhjVFbyD1ftkqQKQAW\/PjEfh4XOO\/QHgJFXZCVYal5BeZ0uahIdCO+6UxoaZmOr4ymexj\/v6sZspPt7ezecda02Tejo3x0Cf9umUKsEidP9L\/iy4vrWltA88FfgT9j3RHuQMJUksg9Qlu6zQpmk6yve7cSTtnyhyD0QgGuJEjBwvWnK\/e23RVIYq8ITbDoU60BfcVW0hgqPfa8htnm5aVZu\/FwfcQz7UEtLL\/pPKI\/RWoJBl69lUWLMz4Tgt++QMrEbZc\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVmtv2jAU\/T5p\/yHKvnbl1QRQl0q0Zd2kbmOlUj901eTYN+DV2JHtFLGq\/312HuQBdIu0IEF8rjn3+tyTC4QuJIqXzoQ8IY6BzPWGUb5wnt++cczV6ThXTISIOdk2pLWkYaJBZfEMvc8W9goXWDAhA\/ddNIrGEXLLUCS45mgFgfsJ2BNoiptRRX9D0PNLkKEQWOBOuQYZS6rAmW+UhpUzkXhJNWCdSPjBZ1KQBGsquDPlT1QKvgKu3QYPEzhwq2iMSNA99kpAIv6oIA56VZALAhnYzcCH0+xzq9AlRChhOt25o1AK3rdXoVeCyvTE7I8oY0COpEg4AVI9B\/A1JXoZ9P9SIJDFboEp2L7A8Z78Nd2QlGKdbu0ejw4U9tWKg1lieiqVs6Z66WCzEKv0zMaH2U6VhJnR8q0\/Y2lawjVKW\/6845dZNXyNNiDd06acmZoVuPAtDKJ+RKpfsGcuoj3P93C3Gi3v7iB07vMS7P0kjplRz1bxIZSdsxtAWDu9kXvk2OwFpX8SepFvwTLP2rrbfaik+SJCymDLny9NipT6I0u0EaY180u1ITsyh4miHJTaI\/F5EboWC4pbixxF0QC6h0QG3+t1D4g8mX3einAznd9aIJXAeun4l2pIEEXh8ITUJQgZwo81ca\/ssb9fb4mL9RXSsEab1pyvy0qQRnskvbRwa7eOIg\/Gh4Tsw5AM+vuFnEm6QnKzPXOxvjxP5ZwJpRcS5kaF3ok5q1qiGAJsn0oCsi4I8oiPhjVFbyD1ftkqQKQAW\/PjEfh4XOO\/QHgJFXZCVYal5BeZ0uahIdCO+6UxoaZmOr4ymexj\/v6sZspPt7ezecda02Tejo3x0Cf9umUKsEidP9L\/iy4vrWltA88FfgT9j3RHuQMJUksg9Qlu6zQpmk6yve7cSTtnyhyD0QgGuJEjBwvWnK\/e23RVIYq8ITbDoU60BfcVW0hgqPfa8htnm5aVZu\/FwfcQz7UEtLL\/pPKI\/RWoJBl69lUWLMz4Tgt++QMrEbZc\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVd9r3EYQfg\/0fxDqq+v7Zd0PUgVCaZNCUxyfoQ8hlJV2dKdakQ5JF+OWQBoIaSilfbn6pZC6WYXghDgEXPJQ4n9l\/5Tuzt5Kq\/Md+Ezu4E47s5r59ptvZmk4SslkbF2n90nsAx3mB1EYj6yfPrliiU+jYXF2yotfOPuXF7\/JZ3bG2UxYD3H9lrMPnL1S6585e67eU0HvqIX8eCM\/iZLUtT8N+sEgIHblCpI4j8k9cO2bEN2HPPQXvVn4I7itbmWMiAeRa3P2lLMXiOOEszcCxLEG9RxxvePFQzyAXLxHH0OYM+ljH2KMwNBxjJtecPayfIPh76kKaC+kjxLftXPDOiHUbW46lSEl8V4GE7dlGuOEgjI2lfHuVfVvEH6EJL\/i7D9ePMVTCHzPhOMlL34V7kW2ZUyT7Isy2qqMmai72B+EUQR0I02mMQVqHg7i\/ZDmY7e9PurfOftrETLQ0WUgD5YgqtFL0jTZx63Nzf5KqI+RStRB8QilIJAzS2vkGdb9iXaIHYcW7n2CW6SzqFVjhq+9M95\/q7JlU0+1gh9NsxzS7yepqH6ckzxMYt1kNUWXCjblKoR4huqWDmZfXaybKpth1s0GnaAdUPMFSaX2tpyu4zdNb\/X0HXjWnRKVGAGCjtcmdSXQE6Th8HMvbVzbAeLnVqtvb1gSk07U3fKcoCuNVfb9cZiDfddIfivxwgiMrG8w8uuyGiL9HyIxZvoqmuaC0DUSYZ4HphbOVcebZmEMWba0Mqd60KiZoHRwUs5DJsmQO2aXqlQQBB1orqoUdJ1Wc0Wlrm9\/XXK28+VwVxqQom\/FWNj8IVugKAi83hatU+RFxN+r1eKG5OX2N2Vgvb5BctgnB2vEvADtlORkKeVHKDvZjpdTfz9wYLCK0zb0aKe9nNPtNLxH0gNDi8fGdVdIaeq6VxilVOXze2R\/O8nyUQpDQVprS1CTjckEXF9erxTSOn\/EoV3SqxVgByaRGII1BOxvdTuVWBiiUFNKuM\/WTuz3oesPaom\/IP64asIdoGGmbBh86ayzdKseXTTdeVF8xLks7xsVVA6xz67VOuTm7u72sCH7RGAtB+Gg16Xtun61UXMzn04fK9wc2mKfCfMw8fcgv2C4jXkPUJKNgdavOolTpFimZfYPXtOCykcNTeefam0k7vT70PEXEs+NOtU8SV01uDICBU7PF+OrHqg0LjuB5kWEPt8JM0R6qm6E2mHWBK9+NUFLc2nlqY4rHurWn4tvZSsaSHqO\/FYHTcTFJQ565cH\/heF1Eg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph AdvancedStyling {\r\n    \/\/ \u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0917\u094d\u0930\u093e\u092b \u0917\u0941\u0923\r\n    graph [\r\n        bgcolor=\"#f8f9fa\"\r\n        fontname=\"Helvetica\"\r\n        fontsize=16\r\n        label=\"\u0909\u0926\u094d\u092f\u092e \u092a\u094d\u0930\u0923\u093e\u0932\u0940 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093en\u0909\u0924\u094d\u092a\u093e\u0926\u0928 \u0935\u093e\u0924\u093e\u0935\u0930\u0923\"\r\n        labelloc=\"t\"\r\n        pad=0.5\r\n        ranksep=1.5\r\n        nodesep=1.0\r\n    ];\r\n    \r\n    \/\/ \u0921\u093f\u092b\u093c\u0949\u0932\u094d\u091f \u0928\u094b\u0921 \u0917\u0941\u0923\r\n    node [\r\n        fontname=\"Helvetica\"\r\n        fontsize=11\r\n        style=\"filled,rounded\"\r\n        penwidth=2\r\n    ];\r\n    \r\n    \/\/ \u0921\u093f\u092b\u093c\u0949\u0932\u094d\u091f \u090f\u091c \u0917\u0941\u0923\r\n    edge [\r\n        fontname=\"Helvetica\"\r\n        fontsize=9\r\n        penwidth=1.5\r\n        arrowsize=0.8\r\n    ];\r\n    \r\n    \/\/ \u0905\u0928\u0941\u0915\u0942\u0932\u093f\u0924 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917 \u0915\u0947 \u0938\u093e\u0925 \u0928\u094b\u0921 \u0915\u094d\u0932\u0938\u094d\u091f\u0930\r\n    subgraph cluster_presentation {\r\n        label=\"\u092a\u094d\u0930\u0938\u094d\u0924\u0941\u0924\u093f \u092a\u0930\u0924\";\r\n        style=filled;\r\n        color=\"#e3f2fd\";\r\n        fontcolor=\"#1565c0\";\r\n        \r\n        Web [label=\"\u0935\u0947\u092c \u0905\u0928\u0941\u092a\u094d\u0930\u092f\u094b\u0917&lt;br\/&gt;React 18\", fillcolor=\"#64b5f6\", fontcolor=\"white\"];\r\n        Mobile [label=\"\u092e\u094b\u092c\u093e\u0907\u0932 \u0910\u092a&lt;br\/&gt;Flutter\", fillcolor=\"#64b5f6\", fontcolor=\"white\"];\n    }\r\n    \r\n    subgraph cluster_business {\r\n        label=\"\u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0924\u0930\u094d\u0915 \u092a\u0930\u0924\";\r\n        style=filled;\r\n        color=\"#fff3e0\";\r\n        fontcolor=\"#e65100\";\r\n        \r\n        API [label=\"REST API&lt;br\/&gt;Node.js\", fillcolor=\"#ffb74d\", fontcolor=\"black\"];\r\n        GraphQL [label=\"GraphQL Gateway\", fillcolor=\"#ffb74d\", fontcolor=\"black\"];\n    }\r\n    \r\n    subgraph cluster_data {\r\n        label=\"\u0921\u0947\u091f\u093e \u092a\u0930\u0924\";\r\n        style=filled;\r\n        color=\"#e8f5e9\";\r\n        fontcolor=\"#2e7d32\";\r\n        \r\n        Primary [label=\"\u092a\u094d\u0930\u093e\u0925\u092e\u093f\u0915 \u0921\u0947\u091f\u093e\u092c\u0947\u0938&lt;br\/&gt;PostgreSQL 14\", shape=cylinder, fillcolor=\"#a5d6a7\"];\r\n        Replica [label=\"\u092a\u0920\u0928 \u092a\u094d\u0930\u0924\u093f\u0932\u093f\u092a\u093f&lt;br\/&gt;PostgreSQL 14\", shape=cylinder, fillcolor=\"#c8e6c9\"];\r\n        Cache [label=\"Redis Cache&lt;br\/&gt;\u0915\u094d\u0932\u0938\u094d\u091f\u0930 \u092e\u094b\u0921\", shape=cylinder, fillcolor=\"#c8e6c9\"];\n    }\r\n    \r\n    \/\/ \u0905\u0928\u0941\u0915\u0942\u0932\u093f\u0924 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917 \u0915\u0947 \u0938\u093e\u0925 \u090f\u091c\r\n    Web -&gt; API [label=\"HTTPS\/REST\", color=\"#1976d2\", fontcolor=\"#1976d2\"];\r\n    Mobile -&gt; API [label=\"HTTPS\/REST\", color=\"#1976d2\", fontcolor=\"#1976d2\"];\r\n    Web -&gt; GraphQL [label=\"WebSocket\", color=\"#1976d2\", fontcolor=\"#1976d2\", style=dashed];\r\n    \r\n    API -&gt; Primary [label=\"\u092a\u0922\u093c\u0947\u0902\/\u0932\u093f\u0916\u0947\u0902\", color=\"#388e3c\", fontcolor=\"#388e3c\"];\r\n    API -&gt; Cache [label=\"Cache\", color=\"#f57c00\", fontcolor=\"#f57c00\", style=dashed];\r\n    GraphQL -&gt; Replica [label=\"\u0915\u0947\u0935\u0932 \u092a\u0922\u093c\u0947\u0902\", color=\"#388e3c\", fontcolor=\"#388e3c\"];\r\n    \r\n    Primary -&gt; Replica [label=\"\u0938\u094d\u091f\u094d\u0930\u0940\u092e\u093f\u0902\u0917 \u092a\u094d\u0930\u0924\u093f\u0932\u093f\u092a\u093f\", color=\"#757575\", style=dotted];\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVd9r3EYQfg\/0fxDqq+v7Zd0PUgVCaZNCUxyfoQ8hlJV2dKdakQ5JF+OWQBoIaSilfbn6pZC6WYXghDgEXPJQ4n9l\/5Tuzt5Kq\/Md+Ezu4E47s5r59ptvZmk4SslkbF2n90nsAx3mB1EYj6yfPrliiU+jYXF2yotfOPuXF7\/JZ3bG2UxYD3H9lrMPnL1S6585e67eU0HvqIX8eCM\/iZLUtT8N+sEgIHblCpI4j8k9cO2bEN2HPPQXvVn4I7itbmWMiAeRa3P2lLMXiOOEszcCxLEG9RxxvePFQzyAXLxHH0OYM+ljH2KMwNBxjJtecPayfIPh76kKaC+kjxLftXPDOiHUbW46lSEl8V4GE7dlGuOEgjI2lfHuVfVvEH6EJL\/i7D9ePMVTCHzPhOMlL34V7kW2ZUyT7Isy2qqMmai72B+EUQR0I02mMQVqHg7i\/ZDmY7e9PurfOftrETLQ0WUgD5YgqtFL0jTZx63Nzf5KqI+RStRB8QilIJAzS2vkGdb9iXaIHYcW7n2CW6SzqFVjhq+9M95\/q7JlU0+1gh9NsxzS7yepqH6ckzxMYt1kNUWXCjblKoR4huqWDmZfXaybKpth1s0GnaAdUPMFSaX2tpyu4zdNb\/X0HXjWnRKVGAGCjtcmdSXQE6Th8HMvbVzbAeLnVqtvb1gSk07U3fKcoCuNVfb9cZiDfddIfivxwgiMrG8w8uuyGiL9HyIxZvoqmuaC0DUSYZ4HphbOVcebZmEMWba0Mqd60KiZoHRwUs5DJsmQO2aXqlQQBB1orqoUdJ1Wc0Wlrm9\/XXK28+VwVxqQom\/FWNj8IVugKAi83hatU+RFxN+r1eKG5OX2N2Vgvb5BctgnB2vEvADtlORkKeVHKDvZjpdTfz9wYLCK0zb0aKe9nNPtNLxH0gNDi8fGdVdIaeq6VxilVOXze2R\/O8nyUQpDQVprS1CTjckEXF9erxTSOn\/EoV3SqxVgByaRGII1BOxvdTuVWBiiUFNKuM\/WTuz3oesPaom\/IP64asIdoGGmbBh86ayzdKseXTTdeVF8xLks7xsVVA6xz67VOuTm7u72sCH7RGAtB+Gg16Xtun61UXMzn04fK9wc2mKfCfMw8fcgv2C4jXkPUJKNgdavOolTpFimZfYPXtOCykcNTeefam0k7vT70PEXEs+NOtU8SV01uDICBU7PF+OrHqg0LjuB5kWEPt8JM0R6qm6E2mHWBK9+NUFLc2nlqY4rHurWn4tvZSsaSHqO\/FYHTcTFJQ565cH\/heF1Eg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVmtv2jAU\/T5p\/yHKvnbl1QRQl0q0Zd2kbmOlUj901eTYN+DV2JHtFLGq\/312HuQBdIu0IEF8rjn3+tyTC4QuJIqXzoQ8IY6BzPWGUb5wnt++cczV6ThXTISIOdk2pLWkYaJBZfEMvc8W9goXWDAhA\/ddNIrGEXLLUCS45mgFgfsJ2BNoiptRRX9D0PNLkKEQWOBOuQYZS6rAmW+UhpUzkXhJNWCdSPjBZ1KQBGsquDPlT1QKvgKu3QYPEzhwq2iMSNA99kpAIv6oIA56VZALAhnYzcCH0+xzq9AlRChhOt25o1AK3rdXoVeCyvTE7I8oY0COpEg4AVI9B\/A1JXoZ9P9SIJDFboEp2L7A8Z78Nd2QlGKdbu0ejw4U9tWKg1lieiqVs6Z66WCzEKv0zMaH2U6VhJnR8q0\/Y2lawjVKW\/6845dZNXyNNiDd06acmZoVuPAtDKJ+RKpfsGcuoj3P93C3Gi3v7iB07vMS7P0kjplRz1bxIZSdsxtAWDu9kXvk2OwFpX8SepFvwTLP2rrbfaik+SJCymDLny9NipT6I0u0EaY180u1ITsyh4miHJTaI\/F5EboWC4pbixxF0QC6h0QG3+t1D4g8mX3einAznd9aIJXAeun4l2pIEEXh8ITUJQgZwo81ca\/ssb9fb4mL9RXSsEab1pyvy0qQRnskvbRwa7eOIg\/Gh4Tsw5AM+vuFnEm6QnKzPXOxvjxP5ZwJpRcS5kaF3ok5q1qiGAJsn0oCsi4I8oiPhjVFbyD1ftkqQKQAW\/PjEfh4XOO\/QHgJFXZCVYal5BeZ0uahIdCO+6UxoaZmOr4ymexj\/v6sZspPt7ezecda02Tejo3x0Cf9umUKsEidP9L\/iy4vrWltA88FfgT9j3RHuQMJUksg9Qlu6zQpmk6yve7cSTtnyhyD0QgGuJEjBwvWnK\/e23RVIYq8ITbDoU60BfcVW0hgqPfa8htnm5aVZu\/FwfcQz7UEtLL\/pPKI\/RWoJBl69lUWLMz4Tgt++QMrEbZc\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVmtv2jAU\/T5p\/yHKvnbl1QRQl0q0Zd2kbmOlUj901eTYN+DV2JHtFLGq\/312HuQBdIu0IEF8rjn3+tyTC4QuJIqXzoQ8IY6BzPWGUb5wnt++cczV6ThXTISIOdk2pLWkYaJBZfEMvc8W9goXWDAhA\/ddNIrGEXLLUCS45mgFgfsJ2BNoiptRRX9D0PNLkKEQWOBOuQYZS6rAmW+UhpUzkXhJNWCdSPjBZ1KQBGsquDPlT1QKvgKu3QYPEzhwq2iMSNA99kpAIv6oIA56VZALAhnYzcCH0+xzq9AlRChhOt25o1AK3rdXoVeCyvTE7I8oY0COpEg4AVI9B\/A1JXoZ9P9SIJDFboEp2L7A8Z78Nd2QlGKdbu0ejw4U9tWKg1lieiqVs6Z66WCzEKv0zMaH2U6VhJnR8q0\/Y2lawjVKW\/6845dZNXyNNiDd06acmZoVuPAtDKJ+RKpfsGcuoj3P93C3Gi3v7iB07vMS7P0kjplRz1bxIZSdsxtAWDu9kXvk2OwFpX8SepFvwTLP2rrbfaik+SJCymDLny9NipT6I0u0EaY180u1ITsyh4miHJTaI\/F5EboWC4pbixxF0QC6h0QG3+t1D4g8mX3einAznd9aIJXAeun4l2pIEEXh8ITUJQgZwo81ca\/ssb9fb4mL9RXSsEab1pyvy0qQRnskvbRwa7eOIg\/Gh4Tsw5AM+vuFnEm6QnKzPXOxvjxP5ZwJpRcS5kaF3ok5q1qiGAJsn0oCsi4I8oiPhjVFbyD1ftkqQKQAW\/PjEfh4XOO\/QHgJFXZCVYal5BeZ0uahIdCO+6UxoaZmOr4ymexj\/v6sZspPt7ezecda02Tejo3x0Cf9umUKsEidP9L\/iy4vrWltA88FfgT9j3RHuQMJUksg9Qlu6zQpmk6yve7cSTtnyhyD0QgGuJEjBwvWnK\/e23RVIYq8ITbDoU60BfcVW0hgqPfa8htnm5aVZu\/FwfcQz7UEtLL\/pPKI\/RWoJBl69lUWLMz4Tgt++QMrEbZc\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u092e\u0947\u0902 DOT \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>8. \u0938\u0939\u092f\u094b\u0917 \u0914\u0930 \u0938\u093e\u091d\u093e\u0915\u0930\u0923 \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 {#collaboration}<\/h2>\n<h3>\u0938\u093e\u091d\u093e \u0915\u0930\u0928\u0947 \u092f\u094b\u0917\u094d\u092f \u0906\u0930\u0947\u0916 \u092c\u0928\u093e\u0928\u093e<\/h3>\n<p><strong>\u091a\u0930\u0923-\u0926\u0930-\u091a\u0930\u0923 \u0938\u093e\u091d\u093e \u0915\u0930\u0928\u093e:<\/strong><\/p>\n<ol>\n<li>\n<p><strong>\u0938\u093e\u091d\u093e\u0915\u0930\u0923 \u0932\u093f\u0902\u0915 \u0909\u0924\u094d\u092a\u0928\u094d\u0928 \u0915\u0930\u0947\u0902:<\/strong><\/p>\n<ul>\n<li>\n<p>VPasCode \u092e\u0947\u0902 &#8216;\u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902&#8217; \u092c\u091f\u0928 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0909\u0924\u094d\u092a\u0928\u094d\u0928 URL \u0915\u094b \u0915\u0949\u092a\u0940 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0908\u092e\u0947\u0932, Slack, \u092f\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u092e\u0947\u0902 \u090f\u092e\u094d\u092c\u0947\u0921 \u0915\u0930\u0947\u0902:<\/strong><\/p>\n<pre class=\"lang-markdown\"><code data-language=\"markdown\">## \u0938\u093f\u0938\u094d\u091f\u092e \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930\r\n\r\n![\u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e](https:\/\/www.vpascode.com\/share\/abc123xyz.svg)\r\n\r\n\u092f\u093e \u0907\u0902\u091f\u0930\u0948\u0915\u094d\u091f\u093f\u0935 \u0938\u0902\u0938\u094d\u0915\u0930\u0923 \u090f\u092e\u094d\u092c\u0947\u0921 \u0915\u0930\u0947\u0902:\r\n&lt;iframe src=\"https:\/\/www.vpascode.com\/embed\/abc123xyz\" width=\"100%\" height=\"600\"&gt;&lt;\/iframe&gt;\r\n\r\n<\/code><\/pre>\n<\/li>\n<li>\n<p><strong>\u092a\u094d\u0930\u0938\u094d\u0924\u0941\u0924\u093f\u092f\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u0928\u093f\u0930\u094d\u092f\u093e\u0924 \u0915\u0930\u0947\u0902:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0938\u094d\u0915\u0947\u0932\u0947\u092c\u0932 \u0935\u0947\u092c \u0917\u094d\u0930\u093e\u092b\u093c\u093f\u0915\u094d\u0938 \u0915\u0947 \u0932\u093f\u090f SVG<\/p>\n<\/li>\n<li>\n<p>PowerPoint\/Keynote \u0915\u0947 \u0932\u093f\u090f PNG (300 DPI)<\/p>\n<\/li>\n<li>\n<p>\u092a\u094d\u0930\u093f\u0902\u091f \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u0932\u093f\u090f PDF<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>\u0935\u0930\u094d\u091c\u0928 \u0915\u0902\u091f\u094d\u0930\u094b\u0932 \u090f\u0915\u0940\u0915\u0930\u0923<\/h3>\n<p><strong>\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u0915\u094b\u0921 \u0915\u094b Git \u092e\u0947\u0902 \u0938\u094d\u091f\u094b\u0930 \u0915\u0930\u0947\u0902:<\/strong><\/p>\n<pre><code>project-root\/\r\n\u251c\u2500\u2500 docs\/\r\n\u2502   \u251c\u2500\u2500 diagrams\/\r\n\u2502   \u2502   \u251c\u2500\u2500 architecture\/\r\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 system-overview.puml\r\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 deployment-view.puml\r\n\u2502   \u2502   \u2502   \u2514\u2500\u2500 data-flow.mmd\r\n\u2502   \u2502   \u251c\u2500\u2500 processes\/\r\n\u2502   \u2502   \u2502   \u2514\u2500\u2500 user-journey.mmd\r\n\u2502   \u2502   \u2514\u2500\u2500 infrastructure\/\r\n\u2502   \u2502       \u2514\u2500\u2500 aws-architecture.dot\r\n\u2502   \u2514\u2500\u2500 README.md\r\n\u2514\u2500\u2500 src\/\r\n<\/code><\/pre>\n<p><strong>\u0909\u0926\u093e\u0939\u0930\u0923 Git \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939:<\/strong><\/p>\n<pre class=\"lang-bash\"><code data-language=\"bash\"># \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u090f\u0902\r\necho '@startuml\r\ncomponent \"API Gateway\"\r\n@enduml' &gt; docs\/diagrams\/architecture\/gateway.puml\r\n\r\n# \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928 \u0915\u092e\u093f\u091f \u0915\u0930\u0947\u0902\r\ngit add docs\/diagrams\/architecture\/gateway.puml\r\ngit commit -m \"Add API Gateway architecture diagram\"\r\ngit push\r\n\r\n# \u091f\u0940\u092e \u0938\u0926\u0938\u094d\u092f \u0905\u092c VPasCode \u092e\u0947\u0902 \u0926\u0947\u0916 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\r\n# \u0915\u094b\u0921 \u092a\u0947\u0938\u094d\u091f \u0915\u0930\u0915\u0947 \u092f\u093e URL \u0938\u0947 \u0932\u094b\u0921 \u0915\u0930\u0915\u0947\r\n<\/code><\/pre>\n<h3>\u091f\u0940\u092e \u0938\u0939\u092f\u094b\u0917 \u092a\u0948\u091f\u0930\u094d\u0928<\/h3>\n<p><strong>\u092a\u0948\u091f\u0930\u094d\u0928 1: \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0928\u093f\u0930\u094d\u0923\u092f \u0930\u093f\u0915\u0949\u0930\u094d\u0921 (ADRs)<\/strong><\/p>\n<pre class=\"lang-markdown\"><code data-language=\"markdown\"># ADR-007: \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0938\u0902\u091a\u093e\u0930 \u092a\u0948\u091f\u0930\u094d\u0928\r\n\r\n## \u0938\u0902\u0926\u0930\u094d\u092d\r\n\u0939\u092e\u0947\u0902 \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938\u0947\u0938 \u0915\u0947 \u0938\u0902\u091a\u093e\u0930 \u0915\u094b \u092e\u093e\u0928\u0915\u0940\u0915\u0943\u0924 \u0915\u0930\u0928\u0947 \u0915\u0940 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e \u0939\u0948\u0964\r\n\r\n## \u0928\u093f\u0930\u094d\u0923\u092f\r\n\u0938\u0930\u094d\u0935\u093f\u0938-\u0938\u0947-\u0938\u0930\u094d\u0935\u093f\u0938 \u0938\u0902\u091a\u093e\u0930 \u0915\u0947 \u0932\u093f\u090f RabbitMQ \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0905\u0938\u093f\u0902\u0915\u094d\u0930\u094b\u0928\u0938 \u0938\u0902\u0926\u0947\u0936 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0947\u0902\u0964\r\n\r\n## \u0906\u0930\u094d\u0915\u093f\u091f\u0947\u0915\u094d\u091a\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\r\n\r\n```mermaid\r\ngraph LR\r\n    A[Service A] --&gt;|Publish| B[(RabbitMQ)]\r\n    B --&gt;|Subscribe| C[Service B]\r\n    B --&gt;|Subscribe| D[Service C]\r\n<\/code><\/pre>\n<h2>\u092a\u0930\u093f\u0923\u093e\u092e<\/h2>\n<ul>\n<li>\n<p>\u092c\u0947\u0939\u0924\u0930 \u0921\u093f\u0915\u092a\u094d\u0932\u093f\u0902\u0917<\/p>\n<\/li>\n<li>\n<p>\u092c\u0947\u0939\u0924\u0930 \u0938\u094d\u0915\u0947\u0932\u0947\u092c\u093f\u0932\u093f\u091f\u0940<\/p>\n<\/li>\n<li>\n<p>\u0938\u0902\u0926\u0947\u0936 \u0939\u0948\u0902\u0921\u0932\u093f\u0902\u0917 \u092e\u0947\u0902 \u092c\u0922\u093c\u0940 \u091c\u091f\u093f\u0932\u0924\u093e<\/p>\n<\/li>\n<\/ul>\n<pre><code>\r\n**\u092a\u0948\u091f\u0930\u094d\u0928 2: \u0938\u094d\u092a\u094d\u0930\u093f\u0902\u091f \u092a\u094d\u0932\u093e\u0928\u093f\u0902\u0917 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923**\r\n\r\n\u0910\u0938\u0947 \u091c\u0940\u0935\u0902\u0924 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u090f\u0902 \u091c\u094b \u0906\u092a\u0915\u0947 \u0938\u094d\u092a\u094d\u0930\u093f\u0902\u091f \u0915\u0947 \u0938\u093e\u0925 \u0935\u093f\u0915\u0938\u093f\u0924 \u0939\u094b\u0902:\r\n<\/code><\/pre>\n<p><img alt=\"\u0938\u094d\u092a\u094d\u0930\u093f\u0902\u091f 24 \u0915\u093e\u0928\u092c\u0928 \u092c\u094b\u0930\u094d\u0921 \u091c\u094b \u092a\u0942\u0930\u094d\u0923, \u092a\u094d\u0930\u0917\u0924\u093f \u092e\u0947\u0902, \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0914\u0930 \u0905\u0935\u0930\u0941\u0926\u094d\u0927 \u0915\u093e\u0930\u094d\u092f\u094b\u0902 \u091c\u0948\u0938\u0947 \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u092a\u094d\u0930\u092e\u093e\u0923\u0940\u0915\u0930\u0923 \u092e\u0949\u0921\u094d\u092f\u0942\u0932, API \u0935\u093f\u0915\u093e\u0938 \u0914\u0930 \u0924\u0943\u0924\u0940\u092f-\u092a\u0915\u094d\u0937 \u090f\u0915\u0940\u0915\u0930\u0923 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964\" decoding=\"async\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/06\/img_6a1e8f5b49dbe.png\"\/><\/p>\n<pre><code><\/code><\/pre>\n<pre><code>graph TD\r\n    subgraph Sprint24[\"Sprint 24 - \u091a\u0932 \u0930\u0939\u093e \u0939\u0948\"]\r\n        Done[\u2705 \u092a\u0942\u0930\u094d\u0923 \u0915\u093f\u090f \u0917\u090f \u0915\u093e\u0930\u094d\u092f]\r\n        InProgress[\ud83d\udd04 \u091a\u0932 \u0930\u0939\u093e \u0939\u0948]\r\n        ToDo[\ud83d\udccb \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f]\r\n        Blocked[\u26d4 \u0905\u0935\u0930\u0941\u0926\u094d\u0927]\r\n    end\r\n    \r\n    Done --&gt; Task1[\u092f\u0942\u091c\u0930 \u0911\u0925 \u092e\u0949\u0921\u094d\u092f\u0942\u0932]\r\n    Done --&gt; Task2[\u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u092e\u093e\u0907\u0917\u094d\u0930\u0947\u0936\u0928]\r\n    \r\n    InProgress --&gt; Task3[API \u0935\u093f\u0915\u093e\u0938]\r\n    InProgress --&gt; Task4[\u092b\u094d\u0930\u0902\u091f\u090f\u0902\u0921 \u090f\u0915\u0940\u0915\u0930\u0923]\r\n    \r\n    ToDo --&gt; Task5[\u092f\u0942\u0928\u093f\u091f \u091f\u0947\u0938\u094d\u091f\u093f\u0902\u0917]\r\n    ToDo --&gt; Task6[\u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923]\r\n    \r\n    Blocked --&gt; Task7[\u0925\u0930\u094d\u0921-\u092a\u093e\u0930\u094d\u091f\u0940 \u090f\u0915\u0940\u0915\u0930\u0923]\r\n    \r\n    style Done fill:#d4edda,stroke:#28a745\r\n    style InProgress fill:#fff3cd,stroke:#ffc107\r\n    style ToDo fill:#e2e3e5,stroke:#6c757d\r\n    style Blocked fill:#f8d7da,stroke:#dc3545\r\n<\/code><\/pre>\n<hr\/>\n<h2>\u0928\u093f\u0937\u094d\u0915\u0930\u094d\u0937: \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0909\u0924\u094d\u0915\u0943\u0937\u094d\u091f\u0924\u093e \u0915\u0940 \u0906\u092a\u0915\u0940 \u092f\u093e\u0924\u094d\u0930\u093e<\/h2>\n<p>\u092c\u0927\u093e\u0908 \u0939\u094b! \u0905\u092c \u0906\u092a\u0928\u0947 VPasCode \u0914\u0930 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u0935\u093f\u0927\u093f \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u090f\u0915 \u0935\u094d\u092f\u093e\u092a\u0915 \u092f\u093e\u0924\u094d\u0930\u093e \u092a\u0942\u0930\u0940 \u0915\u0930 \u0932\u0940 \u0939\u0948\u0964 \u0906\u0907\u090f \u092f\u0939 \u0935\u093f\u091a\u093e\u0930 \u0915\u0930\u0947\u0902 \u0915\u093f \u0906\u092a\u0928\u0947 \u0915\u094d\u092f\u093e \u0938\u0940\u0916\u093e \u0914\u0930 \u0906\u0917\u0947 \u0915\u0940 \u0930\u093e\u0938\u094d\u0924\u093e \u0924\u092f \u0915\u0930\u0947\u0902\u0964<\/p>\n<h3>\u0906\u092a\u0928\u0947 \u0915\u094d\u092f\u093e \u0938\u0940\u0916\u093e<\/h3>\n<p>\u0907\u0938 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 \u0915\u0947 \u0926\u094c\u0930\u093e\u0928, \u0906\u092a\u0928\u0947 \u0916\u094b\u091c\u093e:<\/p>\n<ol>\n<li>\n<p><strong>\u092a\u093e\u0920-\u0906\u0927\u093e\u0930\u093f\u0924 \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\u094b\u0902 \u0915\u0940 \u0936\u0915\u094d\u0924\u093f<\/strong>: \u0906\u092a\u0928\u0947 \u0926\u0947\u0916\u093e \u0939\u0948 \u0915\u093f \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u094b\u0921 \u0932\u093f\u0916\u0928\u0947 \u0938\u0947 \u092e\u0948\u0928\u094d\u092f\u0941\u0905\u0932 \u092a\u094b\u091c\u093f\u0936\u0928\u093f\u0902\u0917 \u0915\u0940 \u092c\u093e\u0927\u093e \u0915\u094b \u0916\u0924\u094d\u092e \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948, \u0938\u0941\u0938\u0902\u0917\u0924\u0924\u093e \u0938\u0941\u0928\u093f\u0936\u094d\u091a\u093f\u0924 \u0939\u094b\u0924\u0940 \u0939\u0948, \u0914\u0930 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u094b \u092c\u0928\u093e\u090f \u0930\u0916\u0928\u093e \u0938\u0902\u092d\u0935 \u0939\u094b\u0924\u093e \u0939\u0948\u0964<\/p>\n<\/li>\n<li>\n<p><strong>\u0924\u0940\u0928 \u0909\u0926\u094d\u092f\u094b\u0917-\u092e\u093e\u0928\u0915 \u0907\u0902\u091c\u0928<\/strong>: \u0905\u092c \u0906\u092a\u0915\u0947 \u092a\u093e\u0938 \u0935\u094d\u092f\u093e\u0935\u0939\u093e\u0930\u093f\u0915 \u0915\u094c\u0936\u0932 \u0939\u0948\u0902:<\/p>\n<ul>\n<li>\n<p><strong>Mermaid.js<\/strong>\u00a0\u0921\u093f\u091c\u093c\u093e\u0907\u0928\u0930-\u0905\u0928\u0941\u0915\u0942\u0932 \u092b\u094d\u0932\u094b\u091a\u093e\u0930\u094d\u091f \u0914\u0930 \u0906\u0927\u0941\u0928\u093f\u0915 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><strong>PlantUML<\/strong>\u00a0\u0909\u0926\u094d\u092f\u092e-\u0938\u094d\u0924\u0930\u0940\u092f UML \u0914\u0930 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0906\u0930\u0947\u0916\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<li>\n<p><strong>Graphviz<\/strong>\u00a0\u091c\u091f\u093f\u0932 \u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u091f\u094b\u092a\u094b\u0932\u0949\u091c\u0940 \u0914\u0930 \u0938\u0902\u092c\u0902\u0927 \u0926\u0943\u0936\u094d\u092f\u0940\u0915\u0930\u0923 \u0915\u0947 \u0932\u093f\u090f<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u0935\u093e\u0938\u094d\u0924\u0935\u093f\u0915-\u0926\u0941\u0928\u093f\u092f\u093e \u0915\u0947 \u092a\u0948\u091f\u0930\u094d\u0928<\/strong>: \u092e\u093e\u0907\u0915\u094d\u0930\u094b\u0938\u0930\u094d\u0935\u093f\u0938 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0938\u0947 \u0932\u0947\u0915\u0930 \u0921\u0947\u091f\u093e\u092c\u0947\u0938 \u0938\u094d\u0915\u0940\u092e\u093e, CI\/CD \u092a\u093e\u0907\u092a\u0932\u093e\u0907\u0928\u094b\u0902 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0938\u0902\u0917\u0920\u0928\u093e\u0924\u094d\u092e\u0915 \u091a\u093e\u0930\u094d\u091f \u0924\u0915\u2014\u0906\u092a\u0928\u0947 \u0932\u0917\u092d\u0917 \u0915\u093f\u0938\u0940 \u092d\u0940 \u0938\u093f\u0938\u094d\u091f\u092e \u092f\u093e \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e \u0915\u094b \u0926\u0943\u0936\u094d\u092f\u092e\u093e\u0928 \u0915\u0930\u0928\u0947 \u0915\u093e \u0924\u0930\u0940\u0915\u093e \u0938\u0940\u0916\u093e \u0939\u0948\u0964<\/p>\n<\/li>\n<li>\n<p><strong>\u0938\u0939\u092f\u094b\u0917 \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939<\/strong>: \u0906\u092a \u0938\u092e\u091d\u0924\u0947 \u0939\u0948\u0902 \u0915\u093f \u0906\u0930\u0947\u0916\u094b\u0902 \u0915\u094b URL \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0915\u0948\u0938\u0947 \u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902, \u0909\u0928\u094d\u0939\u0947\u0902 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u094b\u0902 \u092e\u0947\u0902 \u090f\u092e\u094d\u092c\u0947\u0921 \u0915\u0930\u0947\u0902, \u0935\u0930\u094d\u091c\u0928 \u0915\u0902\u091f\u094d\u0930\u094b\u0932 \u0915\u0947 \u0938\u093e\u0925 \u090f\u0915\u0940\u0915\u0943\u0924 \u0915\u0930\u0947\u0902 \u0914\u0930 CI\/CD \u092a\u093e\u0907\u092a\u0932\u093e\u0907\u0928\u094b\u0902 \u092e\u0947\u0902 \u091c\u0928\u0930\u0947\u091f \u0915\u0930\u0928\u0947 \u0915\u094b \u0938\u094d\u0935\u091a\u093e\u0932\u093f\u0924 \u0915\u0930\u0947\u0902\u0964<\/p>\n<\/li>\n<li>\n<p><strong>\u092a\u0947\u0936\u0947\u0935\u0930 \u0938\u094d\u091f\u093e\u0907\u0932\u093f\u0902\u0917<\/strong>: \u0906\u092a \u0915\u0938\u094d\u091f\u092e \u0925\u0940\u092e, \u0938\u094d\u0925\u093f\u0930 \u092c\u094d\u0930\u093e\u0902\u0921\u093f\u0902\u0917 \u0914\u0930 \u0935\u093f\u092d\u093f\u0928\u094d\u0928 \u0926\u0930\u094d\u0936\u0915\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u0909\u091a\u093f\u0924 \u0935\u093f\u0938\u094d\u0924\u093e\u0930 \u0938\u094d\u0924\u0930 \u0915\u0947 \u0938\u093e\u0925 \u092a\u094d\u0930\u0915\u093e\u0936\u0928-\u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u0935\u093e\u0932\u0947 \u0926\u0943\u0936\u094d\u092f \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\n<\/li>\n<\/ol>\n<h3>\u092c\u0921\u093c\u093e \u091a\u093f\u0924\u094d\u0930<\/h3>\n<p>VPasCode \u0915\u094b \u0935\u093e\u0938\u094d\u0924\u0935 \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928\u0915\u093e\u0930\u0940 \u092c\u0928\u093e\u0928\u0947 \u0935\u093e\u0932\u0940 \u091a\u0940\u091c\u093c \u0915\u0947\u0935\u0932 \u091f\u0942\u0932 \u0928\u0939\u0940\u0902 \u0939\u0948\u2014\u092f\u0939 \u0935\u0939 \u092a\u0948\u0930\u093e\u0921\u093e\u0907\u092e \u0936\u093f\u092b\u094d\u091f \u0939\u0948 \u091c\u094b \u092f\u0939 \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964 \u0906\u0930\u0947\u0916\u094b\u0902 \u0915\u094b \u0915\u094b\u0921 \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u092e\u093e\u0928\u0915\u0930, \u0906\u092a:<\/p>\n<ul>\n<li>\n<p><strong>\u0905\u0902\u0924\u0930 \u0915\u094b \u092a\u093e\u091f\u0928\u093e<\/strong>\u00a0\u0915\u093e\u0930\u094d\u092f\u093e\u0928\u094d\u0935\u092f\u0928 \u0914\u0930 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0947 \u092c\u0940\u091a<\/p>\n<\/li>\n<li>\n<p><strong>\u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0915\u094b \u0932\u094b\u0915\u0924\u093e\u0902\u0924\u094d\u0930\u093f\u0915 \u092c\u0928\u093e\u0928\u093e<\/strong>\u00a0\u0907\u0938\u0947 \u091f\u0940\u092e \u0915\u0947 \u0939\u0930 \u0938\u0926\u0938\u094d\u092f \u0915\u0947 \u0932\u093f\u090f \u0938\u0941\u0932\u092d \u092c\u0928\u093e\u0915\u0930<\/p>\n<\/li>\n<li>\n<p><strong>\u091c\u094d\u091e\u093e\u0928 \u0915\u094b \u092d\u0935\u093f\u0937\u094d\u092f-\u0938\u0941\u0930\u0915\u094d\u0937\u093f\u0924 \u092c\u0928\u093e\u0928\u093e<\/strong>\u00a0\u092a\u093e\u0920-\u0906\u0927\u093e\u0930\u093f\u0924, \u0935\u0930\u094d\u091c\u0928-\u0928\u093f\u092f\u0902\u0924\u094d\u0930\u093f\u0924 \u0906\u0907\u091f\u092e\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947<\/p>\n<\/li>\n<li>\n<p><strong>\u0928\u090f \u0915\u0930\u094d\u092e\u091a\u093e\u0930\u093f\u092f\u094b\u0902 \u0915\u094b \u0936\u093e\u092e\u093f\u0932 \u0915\u0930\u0928\u0947 \u0915\u0940 \u0917\u0924\u093f \u092c\u0922\u093c\u093e\u0928\u093e<\/strong>\u00a0\u0938\u094d\u092a\u0937\u094d\u091f, \u0928\u093f\u0937\u094d\u092a\u093e\u0926\u0928 \u092f\u094b\u0917\u094d\u092f \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925<\/p>\n<\/li>\n<li>\n<p><strong>\u0924\u0915\u0928\u0940\u0915\u0940 \u090b\u0923 \u0915\u094b \u0915\u092e \u0915\u0930\u0928\u093e<\/strong>\u00a0\u0905\u092a\u0921\u0947\u091f \u0915\u094b \u0915\u0947\u0935\u0932 \u092a\u093e\u0920 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0928\u0947 \u091c\u093f\u0924\u0928\u093e \u0938\u0930\u0932 \u092c\u0928\u093e\u0915\u0930<\/p>\n<\/li>\n<\/ul>\n<h3>\u0906\u092a\u0915\u093e \u0905\u0917\u0932\u093e \u0915\u0926\u092e<\/h3>\n<p><strong>\u0938\u092a\u094d\u0924\u093e\u0939 1: \u091b\u094b\u091f\u0947 \u0938\u0947 \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902<\/strong><\/p>\n<ul>\n<li>\n<p>\u0905\u092a\u0928\u0940 \u0938\u0902\u0938\u094d\u0925\u093e \u092e\u0947\u0902 \u092e\u094c\u091c\u0942\u0926 \u090f\u0915 \u0906\u0930\u0947\u0916 \u091a\u0941\u0928\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0907\u0938\u0947 VPasCode \u092e\u0947\u0902 \u0905\u092a\u0928\u0947 \u092a\u0938\u0902\u0926\u0940\u0926\u093e \u0907\u0902\u091c\u0928 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0915\u0947 \u092a\u0941\u0928\u0903 \u092c\u0928\u093e\u090f\u0902<\/p>\n<\/li>\n<li>\n<p>\u0907\u0938\u0947 \u090f\u0915 \u0938\u0939\u0915\u0930\u094d\u092e\u0940 \u0915\u0947 \u0938\u093e\u0925 \u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902 \u0914\u0930 \u092a\u094d\u0930\u0924\u093f\u0915\u094d\u0930\u093f\u092f\u093e \u090f\u0915\u0924\u094d\u0930 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0915\u094b\u0921 \u0915\u094b \u0905\u092a\u0928\u0947 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f \u0930\u093f\u092a\u0949\u091c\u093f\u091f\u0930\u0940 \u092e\u0947\u0902 \u0938\u0902\u0917\u094d\u0930\u0939\u093f\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0938\u092a\u094d\u0924\u093e\u0939 2-3: \u0917\u0924\u093f \u092c\u0928\u093e\u090f\u0902<\/strong><\/p>\n<ul>\n<li>\n<p>\u0905\u092a\u0928\u0940 \u091f\u0940\u092e \u0915\u0947 \u0938\u093e\u092e\u093e\u0928\u094d\u092f \u0906\u0930\u0947\u0916 \u092a\u094d\u0930\u0915\u093e\u0930\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u091f\u0947\u092e\u094d\u092a\u0932\u0947\u091f \u092c\u0928\u093e\u090f\u0902<\/p>\n<\/li>\n<li>\n<p>\u0928\u093e\u092e\u0915\u0930\u0923 \u0915\u0940 \u0930\u0942\u0922\u093c\u093f\u092f\u094b\u0902 \u0914\u0930 \u0936\u0948\u0932\u0940 \u0926\u093f\u0936\u093e\u0928\u093f\u0930\u094d\u0926\u0947\u0936 \u0938\u094d\u0925\u093e\u092a\u093f\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0906\u0930\u0947\u0916 \u0938\u092e\u0940\u0915\u094d\u0937\u093e\u0913\u0902 \u0915\u094b \u0905\u092a\u0928\u0947 \u0915\u094b\u0921 \u0938\u092e\u0940\u0915\u094d\u0937\u093e \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e \u092e\u0947\u0902 \u090f\u0915\u0940\u0915\u0943\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0905\u092a\u0928\u093e &#8216;\u0906\u0930\u0947\u0916-\u091c\u0948\u0938\u0947-\u0915\u094b\u0921&#8217; \u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u093f\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u092e\u093e\u0939 2: \u0938\u094d\u0915\u0947\u0932 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0938\u094d\u0935\u091a\u093e\u0932\u093f\u0924 \u0915\u0930\u0947\u0902<\/strong><\/p>\n<ul>\n<li>\n<p>\u0938\u094d\u0935\u091a\u093e\u0932\u093f\u0924 \u0906\u0930\u0947\u0916 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0915\u0947 \u0932\u093f\u090f CI\/CD \u090f\u0915\u0940\u0915\u0930\u0923 \u0938\u094d\u0925\u093e\u092a\u093f\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0905\u092a\u0928\u0940 \u0938\u0902\u0938\u094d\u0925\u093e \u0915\u0947 \u0932\u093f\u090f \u090f\u0915 \u0906\u0930\u0947\u0916 \u092a\u0941\u0938\u094d\u0924\u0915\u093e\u0932\u092f \u092c\u0928\u093e\u090f\u0902<\/p>\n<\/li>\n<li>\n<p>\u0915\u093e\u0930\u094d\u092f\u092a\u094d\u0930\u0935\u093e\u0939 \u092a\u0930 \u091f\u0940\u092e \u0938\u0926\u0938\u094d\u092f\u094b\u0902 \u0915\u094b \u092a\u094d\u0930\u0936\u093f\u0915\u094d\u0937\u093f\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u092c\u091a\u0924 \u0938\u092e\u092f \u0914\u0930 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u0940 \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u092e\u0947\u0902 \u0938\u0941\u0927\u093e\u0930 \u0915\u094b \u092e\u093e\u092a\u0947\u0902<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u092e\u093e\u0939 3+: \u0907\u0938\u0947 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u092c\u0928\u093e\u090f\u0902<\/strong><\/p>\n<ul>\n<li>\n<p>\u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u094d\u092a\u0928\u093e \u0928\u093f\u0930\u094d\u0923\u092f\u094b\u0902 \u092e\u0947\u0902 \u0906\u0930\u0947\u0916-\u091c\u0948\u0938\u0947-\u0915\u094b\u0921 \u0915\u0947 \u092a\u0915\u094d\u0937 \u092e\u0947\u0902 \u0935\u0915\u093e\u0932\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0947 \u0938\u093e\u0925 \u0938\u092b\u0932\u0924\u093e \u0915\u0940 \u0915\u0939\u093e\u0928\u093f\u092f\u093e\u0901 \u0938\u093e\u091d\u093e \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>\u091f\u0947\u092e\u094d\u092a\u0932\u0947\u091f \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u094b \u0935\u093e\u092a\u0938 \u092a\u094d\u0930\u0926\u093e\u0928 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<li>\n<p>AI-\u0938\u0939\u093e\u092f\u093f\u0924 \u0906\u0930\u0947\u0916 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u091c\u0948\u0938\u0947 \u0909\u0928\u094d\u0928\u0924 \u0938\u0941\u0935\u093f\u0927\u093e\u0913\u0902 \u0915\u093e \u0905\u0928\u094d\u0935\u0947\u0937\u0923 \u0915\u0930\u0947\u0902<\/p>\n<\/li>\n<\/ul>\n<h3>\u092a\u094d\u0930\u0924\u093f\u0938\u094d\u092a\u0930\u094d\u0927\u0940 \u0932\u093e\u092d<\/h3>\n<p>\u0935\u0947 \u0938\u0902\u0938\u094d\u0925\u093e\u090f\u0901 \u091c\u094b \u0906\u0930\u0947\u0916-\u091c\u0948\u0938\u0947-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902, \u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923 \u0932\u093e\u092d \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0924\u0940 \u0939\u0948\u0902:<br \/>\n\u2705\u00a0<strong>\u0924\u0947\u091c\u093c \u0928\u093f\u0930\u094d\u0923\u092f \u0932\u0947\u0928\u093e<\/strong>: \u0938\u094d\u092a\u0937\u094d\u091f \u0926\u0943\u0936\u094d\u092f \u0938\u092e\u091d \u0914\u0930 \u0938\u092e\u0928\u094d\u0935\u092f \u0915\u094b \u0924\u0947\u091c\u093c \u0915\u0930\u0924\u0947 \u0939\u0948\u0902<br \/>\n\u2705\u00a0<strong>\u0915\u092e \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0911\u0928\u092c\u094b\u0930\u094d\u0921\u093f\u0902\u0917 \u0938\u092e\u092f<\/strong>: \u0928\u090f \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930 \u0928\u093f\u0937\u094d\u092a\u093e\u0926\u0928\u0940\u092f \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0924\u0902\u0924\u094d\u0930\u094b\u0902 \u0915\u094b \u0924\u0947\u091c\u093c\u0940 \u0938\u0947 \u0938\u092e\u091d\u0924\u0947 \u0939\u0948\u0902<br \/>\n\u2705\u00a0<strong>\u092c\u0947\u0939\u0924\u0930 \u0939\u093f\u0924\u0927\u093e\u0930\u0915 \u0938\u0902\u091a\u093e\u0930<\/strong>: \u092a\u0947\u0936\u0947\u0935\u0930 \u0906\u0930\u0947\u0916 \u0924\u0915\u0928\u0940\u0915\u0940 \u0914\u0930 \u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0926\u0943\u0937\u094d\u091f\u093f\u0915\u094b\u0923\u094b\u0902 \u0915\u0947 \u092c\u0940\u091a \u0938\u0947\u0924\u0941 \u092c\u0928\u093e\u0924\u0947 \u0939\u0948\u0902<br \/>\n\u2705\u00a0<strong>\u0915\u092e \u0930\u0916\u0930\u0916\u093e\u0935 \u0915\u093e \u092c\u094b\u091d<\/strong>: \u092a\u093e\u0920 \u0915\u094b \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0928\u093e \u0926\u0943\u0936\u094d\u092f\u094b\u0902 \u0915\u094b \u092b\u093f\u0930 \u0938\u0947 \u0916\u0940\u0902\u091a\u0928\u0947 \u0938\u0947 \u0924\u0947\u091c\u093c \u0939\u0948<br \/>\n\u2705\u00a0<strong>\u092c\u0947\u0939\u0924\u0930 \u0915\u094b\u0921 \u0915\u0940 \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e<\/strong>: \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u092c\u0928\u093e\u0928\u0947 \u0915\u0940 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e \u0936\u0941\u0930\u0941\u0906\u0924 \u092e\u0947\u0902 \u0939\u0940 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0938\u0902\u092c\u0902\u0927\u0940 \u0938\u092e\u0938\u094d\u092f\u093e\u0913\u0902 \u0915\u094b \u0909\u091c\u093e\u0917\u0930 \u0915\u0930\u0924\u0940 \u0939\u0948<\/p>\n<h3>\u0906\u0902\u0926\u094b\u0932\u0928 \u092e\u0947\u0902 \u0936\u093e\u092e\u093f\u0932 \u0939\u094b\u0902<\/h3>\n<p>\u0905\u092c \u0906\u092a \u090f\u0915 \u092c\u0922\u093c\u0924\u0947 \u0939\u0941\u090f \u0921\u0947\u0935\u0932\u092a\u0930\u094d\u0938, \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u093e\u0930\u094b\u0902 \u0914\u0930 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u093e \u0939\u093f\u0938\u094d\u0938\u093e \u0939\u0948\u0902 \u091c\u094b \u092f\u0939 \u0938\u092e\u091d\u0924\u0947 \u0939\u0948\u0902 \u0915\u093f \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u090f\u0915 \u092c\u094b\u091d \u0928\u0939\u0940\u0902 \u0939\u094b\u0928\u093e \u091a\u093e\u0939\u093f\u090f\u0964 VPasCode \u0915\u0947 \u0938\u093e\u0925, \u0906\u092a\u0915\u0947 \u092a\u093e\u0938 \u0907\u0938\u0947 \u090f\u0915 \u0938\u0902\u092a\u0924\u094d\u0924\u093f \u092c\u0928\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u0936\u094d\u092f\u0915 \u0909\u092a\u0915\u0930\u0923 \u0939\u0948\u0902\u2014\u0906\u092a\u0915\u0947 \u0938\u093f\u0938\u094d\u091f\u092e \u0915\u093e \u090f\u0915 \u091c\u0940\u0935\u0902\u0924, \u0938\u093e\u0902\u0938 \u0932\u0947\u0928\u0947 \u0935\u093e\u0932\u093e \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u0924\u094d\u0935 \u091c\u094b \u0906\u092a\u0915\u0947 \u0915\u094b\u0921 \u0915\u0947 \u0938\u093e\u0925-\u0938\u093e\u0925 \u0935\u093f\u0915\u0938\u093f\u0924 \u0939\u094b\u0924\u093e \u0939\u0948\u0964<\/p>\n<h3>\u0905\u0902\u0924\u093f\u092e \u0935\u093f\u091a\u093e\u0930<\/h3>\n<p>\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\u094b\u0902 \u0915\u094b \u0915\u094b\u0921 \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u092e\u093e\u0928\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0938\u092c\u0938\u0947 \u0905\u091a\u094d\u091b\u093e \u0938\u092e\u092f \u0915\u0932 \u0925\u093e\u0964 \u0926\u0942\u0938\u0930\u093e \u0938\u092c\u0938\u0947 \u0905\u091a\u094d\u091b\u093e \u0938\u092e\u092f \u0905\u092c \u0939\u0948\u0964<br \/>\n\u0906\u092a\u0915\u093e \u092d\u0935\u093f\u0937\u094d\u092f \u0915\u093e \u0938\u094d\u0935\u092f\u0902 \u0914\u0930 \u0906\u092a\u0915\u0947 \u092d\u0935\u093f\u0937\u094d\u092f \u0915\u0947 \u0938\u0939-\u0915\u0930\u094d\u092e\u091a\u093e\u0930\u0940 \u0906\u092a\u0915\u094b \u0909\u0938 \u0938\u094d\u092a\u0937\u094d\u091f\u0924\u093e, \u0938\u094d\u0925\u093f\u0930\u0924\u093e \u0914\u0930 \u0906\u0924\u094d\u092e\u0935\u093f\u0936\u094d\u0935\u093e\u0938 \u0915\u0947 \u0932\u093f\u090f \u0927\u0928\u094d\u092f\u0935\u093e\u0926 \u0926\u0947\u0902\u0917\u0947 \u091c\u094b \u0939\u092e\u0947\u0936\u093e \u0935\u0930\u094d\u0924\u092e\u093e\u0928, \u0939\u092e\u0947\u0936\u093e \u0938\u0941\u0932\u092d \u0914\u0930 \u0939\u092e\u0947\u0936\u093e \u0938\u091f\u0940\u0915 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0938\u0947 \u0906\u0924\u093e \u0939\u0948\u0964<br \/>\n<strong>\u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0924\u0948\u092f\u093e\u0930 \u0939\u0948\u0902?<\/strong>\u00a0\u0926\u0930\u094d\u0936\u0928 \u0915\u0930\u0947\u0902\u00a0<a href=\"https:\/\/www.vpascode.com\/editor\/\">VPasCode<\/a>\u00a0\u0905\u092d\u0940, \u0905\u092a\u0928\u093e \u092a\u0939\u0932\u093e \u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e \u0915\u094b\u0921 \u092a\u0947\u0938\u094d\u091f \u0915\u0930\u0947\u0902 \u0914\u0930 \u0926\u0947\u0916\u0947\u0902 \u0915\u093f \u0915\u0948\u0938\u0947 \u091f\u0947\u0915\u094d\u0938\u094d\u091f \u0938\u094d\u092a\u0937\u094d\u091f\u0924\u093e \u092e\u0947\u0902 \u092c\u0926\u0932 \u091c\u093e\u0924\u093e \u0939\u0948\u0964 \u0907\u0938 \u0928\u093f\u0937\u094d\u0915\u0930\u094d\u0937 \u0915\u094b \u092a\u0922\u093c\u0928\u0947 \u092e\u0947\u0902 \u0932\u0917\u0947 \u0938\u092e\u092f \u0938\u0947 \u092d\u0940 \u0915\u092e \u0938\u092e\u092f \u092e\u0947\u0902, \u0906\u092a\u0928\u0947 \u0905\u092a\u0928\u093e \u092a\u0939\u0932\u093e &#8216;\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921&#8217; \u0906\u0930\u094d\u091f\u093f\u092b\u0948\u0915\u094d\u091f \u092c\u0928\u093e \u0932\u093f\u092f\u093e \u0939\u094b\u0917\u093e\u0964<br \/>\n\u0924\u0915\u0928\u0940\u0915\u0940 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u093e \u092d\u0935\u093f\u0937\u094d\u092f \u092f\u0939\u093e\u0901 \u0939\u0948\u0964 \u092f\u0939 \u0915\u094b\u0921-\u091a\u093e\u0932\u093f\u0924, \u092c\u094d\u0930\u093e\u0909\u091c\u093c\u0930-\u0906\u0927\u093e\u0930\u093f\u0924 \u0914\u0930 \u092a\u0942\u0930\u0940 \u0924\u0930\u0939 \u0938\u0947 \u092e\u0941\u092b\u094d\u0924 \u0939\u0948\u0964 \u0915\u094d\u0930\u093e\u0902\u0924\u093f \u092e\u0947\u0902 \u0906\u092a\u0915\u093e \u0938\u094d\u0935\u093e\u0917\u0924 \u0939\u0948\u0964<\/p>\n<hr\/>\n<p><strong>\u0907\u0938 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902<\/strong><br \/>\n<em>\u092f\u0939 \u0935\u094d\u092f\u093e\u092a\u0915 \u0917\u093e\u0907\u0921 \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f \u091f\u0940\u092e\u094b\u0902 \u0915\u094b &#8216;\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921&#8217; \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0905\u092a\u0928\u0940 \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u092a\u094d\u0930\u0925\u093e\u0913\u0902 \u0915\u094b \u0906\u0927\u0941\u0928\u093f\u0915 \u092c\u0928\u093e\u0928\u0947 \u092e\u0947\u0902 \u092e\u0926\u0926 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092c\u0928\u093e\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0964 Visual Paradigm \u0915\u0947 \u0926\u094b \u0926\u0936\u0915 \u0915\u0947 \u090f\u0902\u091f\u0930\u092a\u094d\u0930\u093e\u0907\u091c\u093c \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0935\u093f\u0936\u0947\u0937\u091c\u094d\u091e\u0924\u093e \u0915\u0947 \u0906\u0927\u093e\u0930 \u092a\u0930 \u0928\u093f\u0930\u094d\u092e\u093f\u0924, VPasCode \u0924\u0915\u0928\u0940\u0915\u0940 \u0938\u0902\u091a\u093e\u0930 \u0915\u0947 \u092d\u0935\u093f\u0937\u094d\u092f \u0915\u093e \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u0924\u094d\u0935 \u0915\u0930\u0924\u093e \u0939\u0948\u2014\u0938\u0941\u0932\u092d, \u092c\u0928\u093e\u090f \u0930\u0916\u0928\u0947 \u092f\u094b\u0917\u094d\u092f \u0914\u0930 \u092e\u0941\u092b\u094d\u0924\u0964<\/em><br \/>\n<em>\u0905\u0902\u0924\u093f\u092e \u0905\u092a\u0921\u0947\u091f: \u091c\u0942\u0928 2026<\/em><br \/>\n<em>\u0932\u0915\u094d\u0937\u093f\u0924 \u092a\u093e\u0920\u0915: \u0938\u0949\u092b\u094d\u091f\u0935\u0947\u092f\u0930 \u0921\u0947\u0935\u0932\u092a\u0930\u094d\u0938, \u0938\u093f\u0938\u094d\u091f\u092e \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u093e\u0930, DevOps \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930, \u0924\u0915\u0928\u0940\u0915\u0940 \u0932\u0947\u0916\u0915 \u0914\u0930 \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f \u091f\u0940\u092e<\/em><br \/>\n<em>\u092a\u0942\u0930\u094d\u0935 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e\u090f\u0902: \u0938\u0949\u092b\u094d\u091f\u0935\u0947\u092f\u0930 \u0935\u093e\u0938\u094d\u0924\u0941\u0915\u0932\u093e \u0905\u0935\u0927\u093e\u0930\u0923\u093e\u0913\u0902 \u0915\u0940 \u092c\u0941\u0928\u093f\u092f\u093e\u0926\u0940 \u0938\u092e\u091d<\/em><br \/>\n<em>\u0905\u0928\u0941\u092e\u093e\u0928\u093f\u0924 \u092a\u0942\u0930\u093e \u0939\u094b\u0928\u0947 \u0915\u093e \u0938\u092e\u092f: \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 \u0915\u0947 \u0932\u093f\u090f 2-3 \u0918\u0902\u091f\u0947, \u0924\u094d\u0935\u0930\u093f\u0924 \u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0947 \u0932\u093f\u090f 15 \u092e\u093f\u0928\u091f<\/em><\/p>\n<hr\/>\n<p class=\"\"><strong>\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e\u093f\u0902\u0917 \u0915\u0947 \u0932\u093f\u090f \u0936\u0941\u092d\u0915\u093e\u092e\u0928\u093e\u090f\u0902! \ud83c\udfa8\ud83d\udcca<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u092a\u0930\u093f\u091a\u092f: \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u094d\u0930\u093e\u0902\u0924\u093f \u092f\u0939\u0940\u0902 \u0938\u0947 \u0936\u0941\u0930\u0942 \u0939\u094b\u0924\u0940 \u0939\u0948 \u0938\u0949\u092b\u093c\u094d\u091f\u0935\u0947\u092f\u0930 \u0935\u093f\u0915\u093e\u0938 \u0915\u0940 \u0924\u0947\u091c\u093c \u0930\u092b\u093c\u094d\u0924\u093e\u0930 \u0926\u0941\u0928\u093f\u092f\u093e \u092e\u0947\u0902, \u090f\u0915 \u0905\u0938\u0939\u091c \u0938\u0924\u094d\u092f \u0939\u0948 \u091c\u093f\u0938\u0915\u093e \u0938\u093e\u092e\u0928\u093e \u0939\u092e \u0938\u092d\u0940 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902: \u0939\u092e\u093e\u0930\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0932\u0917\u092d\u0917 \u0939\u092e\u0947\u0936\u093e \u092a\u0941\u0930\u093e\u0928\u093e&hellip;<\/p>\n","protected":false},"author":2,"featured_media":4289,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png","fifu_image_alt":"","footnotes":""},"categories":[119],"tags":[],"class_list":["post-4288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 - Go 2 Posts Indian | Breaking Digital News &amp; Software Trends<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\" \/>\n<meta property=\"og:locale\" content=\"hi_IN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 - Go 2 Posts Indian | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"og:description\" content=\"\u092a\u0930\u093f\u091a\u092f: \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u094d\u0930\u093e\u0902\u0924\u093f \u092f\u0939\u0940\u0902 \u0938\u0947 \u0936\u0941\u0930\u0942 \u0939\u094b\u0924\u0940 \u0939\u0948 \u0938\u0949\u092b\u093c\u094d\u091f\u0935\u0947\u092f\u0930 \u0935\u093f\u0915\u093e\u0938 \u0915\u0940 \u0924\u0947\u091c\u093c \u0930\u092b\u093c\u094d\u0924\u093e\u0930 \u0926\u0941\u0928\u093f\u092f\u093e \u092e\u0947\u0902, \u090f\u0915 \u0905\u0938\u0939\u091c \u0938\u0924\u094d\u092f \u0939\u0948 \u091c\u093f\u0938\u0915\u093e \u0938\u093e\u092e\u0928\u093e \u0939\u092e \u0938\u092d\u0940 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902: \u0939\u092e\u093e\u0930\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0932\u0917\u092d\u0917 \u0939\u092e\u0947\u0936\u093e \u092a\u0941\u0930\u093e\u0928\u093e&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\" \/>\n<meta property=\"og:site_name\" content=\"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-02T08:13:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png\" \/>\n\t<meta property=\"og:image:width\" content=\"909\" \/>\n\t<meta property=\"og:image:height\" content=\"504\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0926\u094d\u0935\u093e\u0930\u093e \u0932\u093f\u0916\u093f\u0924\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0905\u0928\u0941\u092e\u093e\u0928\u093f\u0924 \u092a\u0922\u093c\u0928\u0947 \u0915\u093e \u0938\u092e\u092f\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 \u092e\u093f\u0928\u091f\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go2posts.com\/in\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\"},\"headline\":\"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932\",\"datePublished\":\"2026-06-02T08:13:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\"},\"wordCount\":380,\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png\",\"articleSection\":[\"VPasCode\"],\"inLanguage\":\"hi-IN\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\",\"url\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\",\"name\":\"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 - Go 2 Posts Indian | Breaking Digital News &amp; Software Trends\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png\",\"datePublished\":\"2026-06-02T08:13:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#breadcrumb\"},\"inLanguage\":\"hi-IN\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hi-IN\",\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage\",\"url\":\"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png\",\"contentUrl\":\"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png\",\"width\":909,\"height\":504},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go2posts.com\/in\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go2posts.com\/in\/#website\",\"url\":\"https:\/\/www.go2posts.com\/in\/\",\"name\":\"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go2posts.com\/in\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hi-IN\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go2posts.com\/in\/#organization\",\"name\":\"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends\",\"url\":\"https:\/\/www.go2posts.com\/in\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hi-IN\",\"@id\":\"https:\/\/www.go2posts.com\/in\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2025\/01\/logo.png\",\"contentUrl\":\"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2025\/01\/logo.png\",\"width\":341,\"height\":46,\"caption\":\"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/in\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go2posts.com\/in\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hi-IN\",\"@id\":\"https:\/\/www.go2posts.com\/in\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.go2posts.com\/in\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 - Go 2 Posts Indian | Breaking Digital News &amp; Software Trends","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/","og_locale":"hi_IN","og_type":"article","og_title":"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 - Go 2 Posts Indian | Breaking Digital News &amp; Software Trends","og_description":"\u092a\u0930\u093f\u091a\u092f: \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0915\u094d\u0930\u093e\u0902\u0924\u093f \u092f\u0939\u0940\u0902 \u0938\u0947 \u0936\u0941\u0930\u0942 \u0939\u094b\u0924\u0940 \u0939\u0948 \u0938\u0949\u092b\u093c\u094d\u091f\u0935\u0947\u092f\u0930 \u0935\u093f\u0915\u093e\u0938 \u0915\u0940 \u0924\u0947\u091c\u093c \u0930\u092b\u093c\u094d\u0924\u093e\u0930 \u0926\u0941\u0928\u093f\u092f\u093e \u092e\u0947\u0902, \u090f\u0915 \u0905\u0938\u0939\u091c \u0938\u0924\u094d\u092f \u0939\u0948 \u091c\u093f\u0938\u0915\u093e \u0938\u093e\u092e\u0928\u093e \u0939\u092e \u0938\u092d\u0940 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902: \u0939\u092e\u093e\u0930\u093e \u0926\u0938\u094d\u0924\u093e\u0935\u0947\u091c\u093c\u0940\u0915\u0930\u0923 \u0932\u0917\u092d\u0917 \u0939\u092e\u0947\u0936\u093e \u092a\u0941\u0930\u093e\u0928\u093e&hellip;","og_url":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/","og_site_name":"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends","article_published_time":"2026-06-02T08:13:49+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png","type":"","width":"","height":""},{"width":909,"height":504,"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e86c394c18.png","twitter_misc":{"\u0926\u094d\u0935\u093e\u0930\u093e \u0932\u093f\u0916\u093f\u0924":"curtis","\u0905\u0928\u0941\u092e\u093e\u0928\u093f\u0924 \u092a\u0922\u093c\u0928\u0947 \u0915\u093e \u0938\u092e\u092f":"12 \u092e\u093f\u0928\u091f"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#article","isPartOf":{"@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/"},"author":{"name":"curtis","@id":"https:\/\/www.go2posts.com\/in\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83"},"headline":"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932","datePublished":"2026-06-02T08:13:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/"},"wordCount":380,"publisher":{"@id":"https:\/\/www.go2posts.com\/in\/#organization"},"image":{"@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png","articleSection":["VPasCode"],"inLanguage":"hi-IN"},{"@type":"WebPage","@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/","url":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/","name":"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932 - Go 2 Posts Indian | Breaking Digital News &amp; Software Trends","isPartOf":{"@id":"https:\/\/www.go2posts.com\/in\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage"},"image":{"@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png","datePublished":"2026-06-02T08:13:49+00:00","breadcrumb":{"@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#breadcrumb"},"inLanguage":"hi-IN","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/"]}]},{"@type":"ImageObject","inLanguage":"hi-IN","@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#primaryimage","url":"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png","contentUrl":"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2026\/06\/img_6a1e86c394c18.png","width":909,"height":504},{"@type":"BreadcrumbList","@id":"https:\/\/www.go2posts.com\/in\/mastering-diagram-as-code-a-complete-vpascode-tutorial-for-modern-development-teams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go2posts.com\/in\/"},{"@type":"ListItem","position":2,"name":"\u0921\u093e\u092f\u0917\u094d\u0930\u093e\u092e-\u090f\u091c-\u0915\u094b\u0921 \u092e\u0947\u0902 \u0928\u093f\u092a\u0941\u0923\u0924\u093e: \u0906\u0927\u0941\u0928\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u091f\u0940\u092e\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f VPasCode \u0915\u093e \u092a\u0942\u0930\u094d\u0923 \u091f\u094d\u092f\u0942\u091f\u094b\u0930\u093f\u092f\u0932"}]},{"@type":"WebSite","@id":"https:\/\/www.go2posts.com\/in\/#website","url":"https:\/\/www.go2posts.com\/in\/","name":"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends","description":"","publisher":{"@id":"https:\/\/www.go2posts.com\/in\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go2posts.com\/in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hi-IN"},{"@type":"Organization","@id":"https:\/\/www.go2posts.com\/in\/#organization","name":"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends","url":"https:\/\/www.go2posts.com\/in\/","logo":{"@type":"ImageObject","inLanguage":"hi-IN","@id":"https:\/\/www.go2posts.com\/in\/#\/schema\/logo\/image\/","url":"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2025\/01\/logo.png","contentUrl":"https:\/\/www.go2posts.com\/in\/wp-content\/uploads\/sites\/25\/2025\/01\/logo.png","width":341,"height":46,"caption":"Go 2 Posts Indian | Breaking Digital News &amp; Software Trends"},"image":{"@id":"https:\/\/www.go2posts.com\/in\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go2posts.com\/in\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83","name":"curtis","image":{"@type":"ImageObject","inLanguage":"hi-IN","@id":"https:\/\/www.go2posts.com\/in\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.go2posts.com\/in\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/posts\/4288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/comments?post=4288"}],"version-history":[{"count":0,"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/posts\/4288\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/media\/4289"}],"wp:attachment":[{"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/media?parent=4288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/categories?post=4288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go2posts.com\/in\/wp-json\/wp\/v2\/tags?post=4288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}