{"id":216135,"date":"2014-03-19T14:13:03","date_gmt":"2014-03-19T10:13:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=216135"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=216135","title":{"rendered":"Win 8.1 App \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 HTML & WinJS<\/span>"},"content":{"rendered":"
\t\u042f \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u044e, \u0447\u0442\u043e \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u0431\u0443\u0434\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430 \u0442\u0435\u043c, \u043a\u0442\u043e \u0437\u043d\u0430\u0435\u0442 \u0438 \u0443\u043c\u0435\u0435\u0442 HTML&JavaScript, \u043d\u043e \u043d\u0435 \u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b \u0441\u0438\u043b\u044b \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f Win8. \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0439\u0442\u0438 \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e \u0438 \u043a\u043e\u0434\u0438\u0442\u044c \u0432 \u0441\u043b\u0430\u0441\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043c\u0435\u0442\u044c \u043d\u0430 \u0431\u043e\u0440\u0442\u0443 VS 2013.<\/p>\n

\u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u0431\u0443\u0434\u0443\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0441\u043f\u0435\u043a\u0442\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b Win 8.1. \u0410 \u0438\u043c\u0435\u043d\u043d\u043e: \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0432\u043e\u0438\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445, \u0442\u0435\u043c\u043f\u043b\u0435\u0439\u0442\u043e\u0432, \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f WinJS.<\/p>\n

\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e:<\/p>\n

    \n
  1. \u0416\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f;<\/li>\n
  2. Promise;<\/li>\n
  3. \u0420\u0430\u0431\u043e\u0442\u0430 \u0441 DataSource;<\/li>\n
  4. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043e\u0432;<\/li>\n
  5. \u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u0442\u0435\u043c\u043f\u043b\u0435\u0439\u0442\u0430\u043c\u0438;<\/li>\n
  6. Tile-\u044b;<\/li>\n
  7. Share;<\/li>\n<\/ol>\n

    \u0414\u043b\u044f \u0442\u0435\u0445 \u043a\u0442\u043e \u043d\u0435 \u043b\u044e\u0431\u0438\u0442 \u0447\u0438\u0442\u0430\u0442\u044c, \u043a\u0430\u043a \u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 \u044f \u0432\u044b\u043b\u043e\u0436\u0438\u043b \u043d\u0430 github.com\/Sigura\/HubraWin<\/a>,
    <\/a>
    \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0435 \u0442\u0435\u043c\u044b \u044f \u0441\u043e\u0437\u0434\u0430\u043b \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432.<\/p>\n

    \u0415\u0441\u043b\u0438 \u0432\u044b \u0443\u0436\u0435 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438, \u0442\u043e \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u044f \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b default.js, \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431 \u0442\u0430\u043c \u043d\u0435 \u0431\u044b\u043b\u043e \u043e\u0431\u0449\u0435\u0433\u043e \u043a\u043e\u0434\u0430 \u043f\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0432\u044b\u043d\u0435\u0441 \u0435\u0433\u043e \u0432 app.js. \u041e\u0441\u0442\u0430\u0432\u0438\u0432 \u0432 default.js \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a. \u0422\u0430\u043a \u0436\u0435 \u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u043b WinJs.Utilities \u0441\u043a\u0440\u043e\u043c\u043d\u044b\u043c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u00ab\u0443\u0434\u043e\u0431\u0441\u0442\u0432\u00bb \u0438 \u0448\u0438\u043d\u043e\u0439 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439.<\/p>\n

    \u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c\u0438<\/h1>\n

    \u0412 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 WinJS \u0435\u0441\u0442\u044c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043b\u0430\u0441\u0441, \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u043c\u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u0432, \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c.<\/p>\n

    \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 \u2014 \u0448\u0438\u043d\u044b \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439: <\/p>\n

    \/\/ \u0434\u0435\u043b\u0430\u0435\u043c \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435, \u0442\u0430\u043a \u0436\u0435 \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431 \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \/\/ \u0438 \u0438\u043c\u0435\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0445, \u0435\u0441\u043b\u0438 \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u043c\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \/\/ \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 (function (winJs) {     'use strict'; \/\/ \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u043a\u043b\u0430\u0441\u0441     var bus = winJs.Class.define(winJs.Utilities.defaultConstructor(), {         init: function (element, options) {             var me = this;         }     });   \/\/ \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u043d\u0435\u0433\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f     winJs.Class.mix(bus, winJs.Utilities.eventMixin);   \/\/ \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0448\u0438\u043d\u0443 \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f      winJs.Namespace.define('HabraWin', {         MessageBus: bus     });   })(WinJS);<\/code><\/pre>\n
    \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 WinJS<\/h1>\n
      \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u044d\u0442\u043e web \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 (WWAHost.exe). \u0421\u0432\u043e\u0439 framework \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u043c\u0438 OS \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 \u0438\u043c\u0451\u043d WinJS, Application, Windows, \u2026 \u0418 \u043d\u0430\u0431\u043e\u0440 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043e\u0432 \u0432 WinJS.UI.
      \u042f \u0441\u0434\u0435\u043b\u0430\u043b \u00ab\u0441\u0432\u043e\u0439\u00bb \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445. \u041f\u043e \u043c\u0438\u043c\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u044d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 (activated \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0435), \u043f\u0440\u0435\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0438 \u043f\u0440\u043e\u0447\u0435\u0433\u043e (oncheckpoint, before-start, after-start).  <\/p>\n
    \u043a\u043b\u0430\u0441\u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/b><\/p>\n
    ;<\/font> (<\/font>function<\/font> (<\/font>winJs,<\/font> habraWin)<\/font> {<\/font>
       
          var<\/font> app =<\/font> winJs.Class<\/font>.define<\/font>(<\/font>winJs.Utilities<\/font>.defaultConstructor<\/font>(<\/font>)<\/font>,<\/font> {<\/font>
              init:<\/font> function<\/font> (<\/font>options)<\/font> {<\/font>
                  var<\/font> me =<\/font> this<\/font>;<\/font>
                  var<\/font> activatedEventType =<\/font> ‘activated’<\/font>;<\/font>
                  var<\/font> ui =<\/font> options.ui<\/font>;<\/font>
                  var<\/font> application =<\/font> options.app<\/font>;<\/font>
                  var<\/font> nav =<\/font> options.nav<\/font>;<\/font>
                  var<\/font> activation =<\/font> options.activation<\/font>;<\/font>
                  var<\/font> sched =<\/font> options.sched<\/font>;<\/font>
       
                  application.addEventListener<\/font>(<\/font>activatedEventType,<\/font> function<\/font> (<\/font>args)<\/font> {<\/font>
       
                      me.dispatchEvent<\/font>(<\/font>activatedEventType,<\/font> {<\/font>
                          kind:<\/font> args.detail<\/font>.kind<\/font>,<\/font>
                          isReactivated:<\/font> args.detail<\/font>.previousExecutionState<\/font> ===<\/font> activation.ApplicationExecutionState<\/font>.terminated<\/font>,<\/font>
                          parevEventDetails:<\/font> args.detail<\/font>
                      }<\/font>)<\/font>;<\/font>
       
                      if<\/font> (<\/font>args.detail<\/font>.kind<\/font> !==<\/font> activation.ActivationKind<\/font>.launch<\/font>)<\/font>
                          return<\/font>;<\/font>
       
                      nav.history<\/font> =<\/font> application.sessionState<\/font>.history<\/font> ||<\/font> {<\/font>}<\/font>;<\/font>
                      nav.history<\/font>.current<\/font>.initialPlaceholder<\/font> =<\/font> true<\/font>;<\/font>
       
                      ui.disableAnimations<\/font>(<\/font>)<\/font>;<\/font>
                      var<\/font> p =<\/font> ui.processAll<\/font>(<\/font>)<\/font>.then<\/font>(<\/font>function<\/font> (<\/font>)<\/font> {<\/font>
                          return<\/font> nav.navigate<\/font>(<\/font>nav.location<\/font> ||<\/font> habraWin.navigator<\/font>.home<\/font>,<\/font> nav.state<\/font>)<\/font>;<\/font>
                      }<\/font>)<\/font>.then<\/font>(<\/font>function<\/font> (<\/font>)<\/font> {<\/font>
                          return<\/font> sched.requestDrain<\/font>(<\/font>sched.Priority<\/font>.aboveNormal<\/font> +<\/font> 1<\/font>)<\/font>;<\/font>
                      }<\/font>)<\/font>.then<\/font>(<\/font>function<\/font> (<\/font>)<\/font> {<\/font>
                          ui.enableAnimations<\/font>(<\/font>)<\/font>;<\/font>
                      }<\/font>)<\/font>;<\/font>
       
                      args.setPromise<\/font>(<\/font>p)<\/font>;<\/font>
                  }<\/font>)<\/font>;<\/font>
       
                  application.oncheckpoint<\/font> =<\/font> function<\/font> (<\/font>args)<\/font> {<\/font>
                      me.dispatchEvent<\/font>(<\/font>‘oncheckpoint’<\/font>,<\/font> {<\/font> prevEvent:<\/font> args }<\/font>)<\/font>;<\/font>
                      application.sessionState<\/font>.history<\/font> =<\/font> nav.history<\/font>;<\/font>
                  }<\/font>;<\/font>
              }<\/font>,<\/font>
              start:<\/font> function<\/font> (<\/font>)<\/font> {<\/font>
                  var<\/font> me =<\/font> this<\/font>;<\/font>
       
                  me.dispatchEvent<\/font>(<\/font>‘before-start’<\/font>,<\/font> me)<\/font>;<\/font>
       
                  me.options<\/font>.app<\/font>.start<\/font>(<\/font>)<\/font>;<\/font>
       
                  me.dispatchEvent<\/font>(<\/font>‘after-start’<\/font>,<\/font> me)<\/font>;<\/font>
       
              }<\/font>
          }<\/font>)<\/font>;<\/font>
       
          winJs.Class<\/font>.mix<\/font>(<\/font>app,<\/font> winJs.Utilities<\/font>.eventMixin<\/font>)<\/font>;<\/font>
       
          winJs.Namespace<\/font>.define<\/font>(<\/font>‘Application’<\/font>,<\/font> {<\/font>
              Instance:<\/font> app
          }<\/font>)<\/font>;<\/font>
       
      }<\/font>)<\/font>(<\/font>WinJS,<\/font> HabraWin)<\/font>;<\/font><\/div>\n<\/div>\n
      \u0422\u043e\u0433\u0434\u0430 \u0441\u0430\u043c \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (default.js) \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:  <\/p>\n
     ; (function (application, winJs, habraWin, windows, window) {     'use strict';       winJs.Binding.optimizeBindingReferences = true;     \/\/ \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435     var app = new application.Instance({         activation: windows.ApplicationModel.Activation,         app: winJs.Application,         nav: winJs.Navigation,         sched: winJs.Utilities.Scheduler,         ui: winJs.UI     });       \/\/ \u0434\u0435\u043b\u0430\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0439 \u0448\u0438\u043d\u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 WinJS     winJs.bus = new habraWin.MessageBus();     \/\/ \u0434\u0435\u043b\u0430\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435      window.app = app;     \/\/ \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c     app.start();   })(Application, WinJS, HabraWin, Windows, window);<\/code><\/pre>\n
    \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c<\/h1>\n
      \u042f \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u00ab\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u00bb. WinJS \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0431\u043e\u0433\u0430\u0442\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c.
      Web aka WinJS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u0435 \u0434\u043b\u044f \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432, \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c, \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.
      \u0422.\u0435. \u043a\u0430\u0436\u0434\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043d\u0430 \u043d\u0435\u0451 \u043d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0432 \u0435\u0451 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0437\u0431\u0430\u0432\u043b\u044f\u044f\u0441\u044c \u043e\u0442 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u0443\u0431\u0438\u0440\u0430\u044f \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u0435\u0439 \u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0442.\u0434.
      \u041a\u0430\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:  <\/p>\n