{"id":4467,"date":"2013-06-15T16:32:14","date_gmt":"2013-06-15T16:32:14","guid":{"rendered":"https:\/\/www.sourcebaran.com\/?p=4467"},"modified":"2016-06-12T17:52:21","modified_gmt":"2016-06-12T13:22:21","slug":"%d9%81%db%8c%d9%84%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d8%b3%d8%a7%d8%ae%d8%aa-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%87%d8%a7%db%8c-html5-%d9%88-javascript-%d8%a8%d8%a7-mvvm-%d9%88-knockout","status":"publish","type":"post","link":"http:\/\/www.sourcebaran.com\/%d9%81%db%8c%d9%84%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d8%b3%d8%a7%d8%ae%d8%aa-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%87%d8%a7%db%8c-html5-%d9%88-javascript-%d8%a8%d8%a7-mvvm-%d9%88-knockout.html","title":{"rendered":"\u0641\u06cc\u0644\u0645 \u0622\u0645\u0648\u0632\u0634\u06cc \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc HTML5 \u0648 Javascript \u0628\u0627 MVVM \u0648 KNOCKOUT"},"content":{"rendered":"
<\/p>\n
\u0628\u0627 \u0633\u0644\u0627\u0645. \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0641\u06cc\u0644\u0645 \u0622\u0645\u0648\u0632\u0634\u06cc \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc HTML5 \u0648 Javascript \u0628\u0627 MVVM \u0648 KNOCKOUT<\/span><\/a> \u062c\u0647\u062a \u062f\u0627\u0646\u0644\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0627\u06cc\u0645. \u0627\u06cc\u0646 \u0641\u06cc\u0644\u0645 \u0622\u0645\u0648\u0632\u0634\u06cc \u06a9\u0647 \u0645\u062d\u0635\u0648\u0644\u06cc \u0627\u0632 \u0634\u0631\u06a9\u062a Pluralsight \u0645\u06cc \u0628\u0627\u0634\u062f \u0628\u0647 \u0632\u0628\u0627\u0646 \u0627\u0635\u0644\u06cc \u0645\u06cc \u0628\u0627\u0634\u062f \u0648 \u0627\u06cc\u0646 \u0645\u0628\u062d\u062b \u0631\u0627 \u0628\u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0648 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631 \u0648\u0627\u0642\u0639 KNOCKOUT \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 javascript \u00a0\u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u06a9\u0645\u06a9 \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062a\u062d\u062a \u0648\u0628 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0642\u0648\u06cc \u0648 \u067e\u0648\u06cc\u0627 \u0645\u062c\u0647\u0632 \u06a9\u0646\u06cc\u062f. \u0632\u0645\u0627\u0646 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 4 \u0633\u0627\u0639\u062a \u0648 5 \u062f\u0642\u06cc\u0642\u0647 \u0645\u06cc \u0628\u0627\u0634\u062f\u00a0 \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u062f\u0648\u0633\u062a\u0627\u0646 \u0639\u0644\u0627\u0642\u0647 \u0645\u0646\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u06a9\u0645\u06a9 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u067e\u0648\u06cc\u0627 \u0631\u0627 \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u0646\u062f.\u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062a\u0646\u0647\u0627 \u06f1\u06f3 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a \u062d\u062c\u0645 \u062f\u0627\u0631\u062f \u0648 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u06a9\u0645\u06a9 \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648\u0628 \u062f\u0631 \u0631\u0627\u0633\u062a\u0627\u06cc \u0627\u0631\u062a\u0642\u0627\u0621 \u06a9\u06cc\u0641\u06cc\u062a \u0637\u0631\u0627\u062d\u06cc \u0647\u0627 \u0648 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0645\u062f\u0644 \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u06a9\u0646\u062f.\u0622\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646\u062c\u0627 <\/a>\u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u0645\u0627\u06cc\u06cc\u062f.<\/p>\n \u062c\u0647\u062a \u062f\u0627\u0646\u0644\u0648\u062f \u0641\u06cc\u0644\u0645 \u0622\u0645\u0648\u0632\u0634\u06cc \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc HTML5 \u0648 Javascript \u0628\u0627 MVVM \u0648 KNOCKOUT\u00a0 \u0628\u0647 \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628 \u0645\u0631\u0627\u062c\u0639\u0647 \u0641\u0631\u0645\u0627\u06cc\u06cc\u062f<\/span><\/strong><\/p>\n <\/p>\n \u0633\u0631\u0641\u0635\u0644 \u0647\u0627\u06cc \u0627\u06cc\u0646 \u0645\u062c\u0645\u0648\u0639\u0647:<\/strong><\/span><\/p>\n \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627\u00a0<\/strong>Knockout<\/strong>\u00a0\u0648 \u0645\u0639\u0645\u0627\u0631\u06cc\u00a0<\/strong>MVVM ( Model View View Model )<\/strong>\u00a0\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a :<\/strong><\/span> \u2026<\/p>\n \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0648\u00a0<\/strong>Observables<\/strong>\u00a0:<\/strong><\/span><\/p>\n \u0645\u0642\u062f\u0645\u0647 \n \u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0647\u0627\u06cc \u062a\u0648\u06a9\u0627\u0631 (\u00a0<\/strong>Built-in Bindings<\/strong>\u00a0) :<\/strong><\/span><\/p>\n \u0645\u0631\u0648\u0631\u06cc \u0628\u0631 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0647\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \n \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc\u00a0<\/strong>JavaScript<\/strong>\u00a0–\u00a0<\/strong>Spaghetti to Ravioli<\/strong>\u00a0:<\/strong><\/span><\/p>\n \u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u06a9\u0645\u06a9\u00a0Knockout \n \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0645\u0639 \u0645\u0628\u0627\u062d\u062b\u00a0<\/strong>Templates<\/strong>\u00a0\u060c \u06a9\u0646\u062a\u0631\u0644 \u062c\u0631\u06cc\u0627\u0646 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc\u00a0<\/strong>Containerless<\/strong>\u00a0:<\/strong><\/span><\/p>\n \u0645\u0642\u062f\u0645\u0647 \n \u0622\u0645\u0648\u0632\u0634\u00a0<\/strong>Custom Binding Handlers and Persisting Data<\/strong>\u00a0:<\/strong><\/span><\/p>\n \u0645\u0642\u062f\u0645\u0647
\n\u0645\u0642\u062f\u0645\u0647
\n\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0633\u0627\u06cc\u0644\u00a0Data Binding\u00a0\u062f\u0631\u00a0JavaScript\u00a0\u0648 \u0646\u0642\u0634\u00a0Knockout\u00a0\u062f\u0631 \u0627\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647
\n\u0645\u0631\u0648\u0631\u06cc \u0628\u0631 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a\u00a0JavaScript\u00a0\u0648\u06cc\u0698\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u0627\u0646
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0644\u06af\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc\u00a0MVVM\u00a0\u0628\u0647 \u06a9\u0645\u06a9\u00a0Knockout
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627\u00a0jsFiddle
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632\u00a0Knockout\u00a0\u062f\u0631 \u0648\u06cc\u0698\u0648\u0627\u0644 \u0627\u0633\u062a\u062f\u06cc\u0648
\n\u0622\u0645\u0648\u0632\u0634 \u0634\u0631\u0648\u0639 \u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632\u00a0Knockout
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 (\u00a0Using Resources\u00a0)<\/p>\n
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0633\u0627\u0644 \u0648 \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc
\n\u0622\u0645\u0648\u0632\u0634 \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627\u00a0Observables
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627\u00a0Computed Observables
\n\u0622\u0645\u0648\u0632\u0634 \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627\u00a0Computed Observables\u00a0\u0628\u0631 \u0631\u0648\u06cc\u00a0Object Graph
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632\u00a0Computed Observables\u00a0\u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u0648\u0634\u062a\u0646
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627\u06cc\u00a0Observables
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u06a9\u0631\u062f\u0646 \u0628\u0627 \u062a\u0648\u0627\u0628\u0639 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627\u06cc\u00a0Observables
\nSubcribe to Observables<\/p>\n
\n\u0622\u0645\u0648\u0632\u0634 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0645\u062a\u0648\u0646 \u0648 \u0633\u0648\u0631\u0633 \u0647\u0627\u06cc\u00a0HTML
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0646\u0638\u06cc\u0631\u00a0Check Box , Radio Button , List\u00a0\u0648 . . .
\n\u0622\u0645\u0648\u0632\u0634 \u0641\u0639\u0627\u0644 \u0648 \u063a\u06cc\u0631 \u0641\u0639\u0627\u0644 \u0633\u0627\u0632\u06cc \u0641\u0631\u0627\u06cc\u0646\u062f \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc
\n\u0622\u0645\u0648\u0632\u0634 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0628\u0631 \u062d\u0633\u0628 \u0639\u0646\u0635\u0631\u00a0HTML\u00a0\u062f\u0627\u0631\u0627\u06cc \u0641\u0648\u06a9\u0648\u0633
\n\u0622\u0645\u0648\u0632\u0634 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0628\u0647 \u06a9\u0645\u06a9 \u0631\u062e\u062f\u0627\u062f\u0647\u0627\u06cc \u0645\u0627\u0648\u0633
\n\u0622\u0645\u0648\u0632\u0634 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc \u0628\u0647 \u06a9\u0645\u06a9 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627<\/p>\n
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632\u00a0Spaghetti to Ravioli
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631 \u0628\u0627\u00a0Object Literal\u00a0\u0647\u0627 \u0648\u00a0\u2018this\u2019
\n\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc\u00a0ViewModels<\/p>\n
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u06cc \u0646\u0627\u0645\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u062f\u0631\u00a0Script Tag
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0646\u062a\u0631\u0644 \u062c\u0631\u06cc\u0627\u0646 \u0648 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc\u00a0Context\u00a0\u0647\u0627
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631 \u0628\u0627\u00a0Anonymous \/ inline Templates
\n\u0622\u0645\u0648\u0632\u0634 \u0645\u0631\u062a\u0628\u0637 \u0633\u0627\u0632\u06cc \u067e\u0648\u06cc\u0627\u06cc \u0642\u0627\u0644\u0628 \u0647\u0627 (\u00a0Dynamically Assigned Templates\u00a0)
\n\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646\u06cc \u0642\u0627\u0644\u0628 \u0647\u0627 \u0628\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062a\u0631\u0644 \u062c\u0631\u06cc\u0627\u0646
\n\u0622\u0645\u0648\u0632\u0634 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062c\u0631\u06cc\u0627\u0646 \u0648 \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u00a0Containerless Binding
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0627\u0644\u0628 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc<\/p>\n
\n\u0622\u0645\u0648\u0632\u0634 \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc\u00a0Binding Handler\u00a0\u0647\u0627
\n\u0622\u0645\u0648\u0632\u0634 \u0645\u0642\u06cc\u062f \u0633\u0627\u0632\u06cc\u00a0Handler\u00a0\u0647\u0627\u06cc \u0633\u0627\u062e\u062a \u0627\u0641\u06a9\u062a \u0647\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc \u0628\u0647 \u06a9\u0645\u06a9\u00a0jQuery
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631 \u0628\u0627\u00a0Handler\u00a0\u0647\u0627\u06cc \u0633\u0627\u062e\u062a \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062f\u0631\u00a0jQuery
\n\u0622\u0645\u0648\u0632\u0634 \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627\u00a0Unobtrusive JavaScript
\n\u0622\u0645\u0648\u0632\u0634 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u0648\u0627\u0631\u062f\u06cc \u0646\u0638\u06cc\u0631\u00a0Ajax, Service Abstraction, and jQuery Dialogs
\n\u0622\u0645\u0648\u0632\u0634 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0627\u062f\u0646\u00a0Tracking
\n\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0645\u06a9\u0627\u0646\u00a0Knockout Mapper
\n\u0622\u0645\u0648\u0632\u0634 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a
\n\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u00a0Knockout Mapper<\/p>\n