- PVSM.RU - https://www.pvsm.ru -

Build 2013 для HTML/JS-разработчиков под Windows 8.1 и обзор полезных докладов

Продолжаем нашу серию обзоров новинок в мире Windows-разработки и материалов конференции Build. Ранее в серии:

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов

Сегодня мы расскажем о том, что нового появилось в Windows 8.1 для разработчиков приложений на HTML/JS. И сразу отмечу, что обновленные примеры кода можно скачать в соответствующем разделе MSDN [4].

Windows 8.1

Прежде всего, напомню, что возможность делать нативные приложения для Windows, используя HTML и JavaScript, означает, что вам доступны все те же WinRT API, что и разработчиков на C#, только из вашего любимого языка разработки. В частности, вместе с обновлением до Windows 8.1 у вас появляются такие возможности [5]:

Повышение производительности

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов

Как вы, скорее всего, уже знаете или догадываетесь, «Windows Store»-приложения на HTML/JS для своей работы используют тот же движок, что и в актуальной версии IE. Для Windows 8.1 это будет IE11, поэтому сюда переносятся как все оптимизации движка IE, так и новые возможности, включая WebGL.

В дополнение к этому в Windows 8.1 будет обновленная версия WinJS, JS-библиотеки, облегчающей создание приложений и в отдельных случаях выступающей удобной оберткой над WinRT. WinJS 2.0 была существенно переписана и оптимизирована, в частности была переработана внутренняя организация ListView, что позволило повысить производительность работы со списками.

Также появился новый единый планировщик очередей — Scheduler [14], позволяющий более тонко задавать приоритет задачам и управлять заданиями.

Новые элементы управления

В Windows 8.1 для HTML/JS становятся доступными новые элементы управления [15]:

  • AppBarCommand [16] — теперь вы можете создавать собственные команды в панели приложения, используя новый тип AppBarCommand — content, это значительно упрощает создание кастомных панелей приложения с нетипичным контентом (пример использования [17]);
  • BackButton [18] — новый элемент, упрощающий работу с навигацией в приложении, он автоматически проверяет, возможны ли переходы назад по стеку навигации;
  • Hub [19] — новый элемент управления (контейнер), позволяющий легко создавать «хабы» из разнородной информации, что часто требуется при применении иерархического паттерна навигации (пример использования [20]);
  • ItemContainer [21] — контейнер для других элементов управления, реализующий часть возможностей элементов ListView вне списка, например, выделение и перетаскивание (пример использования [22]);
  • NavBar [23] — новый элемент управления для создания верхней панели приложения (панель навигации), который позволяет легко организовать ссылки для перехода в другие разделы приложения (пример использования [20]);
  • Repeater [24] — новый элемент, облегчающий создание собственных списков и таблиц, он более гибок чем ListView, но не предоставляет некоторых расширенных возможностей последнего (например, контроля за тем, как загружаются данные) (пример использования [25]);
  • WebView [26] — обновленный WebView теперь становится доступным и для HTML/JS-приложений, в отличие от iframe новый элемент позволяет изолировать содержимое и поддерживает дополнительные методы для внутренней навигации, а также поддерживает технологию SmartScreen (пример использования [27]).

Другие обновления элементов управления включают:

  • Возможности перетаскивания элементов для ListView,
  • Изменение порядка элементов в ListView,
  • Новый макет для элементов ListView — CellSpanningLayout, позволяющий легко содержать внутри списка элементы различного размера,
  • Переработанный механизм шаблонов (WinJS.Binding.Template) с более эффективной и производительной системой привязки данных к объектам.

Доклады с Build 2013

Creating Your First App Using HTML and JavaScript [28]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
Основы разработки приложений для Windows 8 для тех, кто имеет опыт в клиентской веб-разработке и знаком с использованием HTML/CSS и JavaScript.

Reusing Your Web Development Skills in Windows Store Apps [29]

Продолжение темы использования имеющихся навыков для созданий приложений для Windows 8, в этом докладе акцент делается на использовании сторонних библиотек: jQuery, KnockoutJS и RequireJS.

Create Fast and Fluid Interfaces with HTML and JavaScript [30]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
Доклад о повышении производительности Windows Store приложений, написанных на HTML/JS: оптимизация времени старта, отдельных элементов работы приложения и отзывчивости интерфейса, советы по работе с WinJS, включая использование ListView, шаблонов и нового планировщика.

Fast Apps and Sites with JavaScript [31]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
В докладе рассказывается о низкоуровневых оптимизациях выполнения кода, используемых в современных движках JavaScript (Chakra для IE), и лучших практиках учета этих оптимизаций в своих приложениях и сайтах.

Upgrading Windows 8 Apps to Windows 8.1 [32]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
Доклад про обновление Windows 8 приложений (XAML и HTML) до Windows 8.1: зачем и как это делать, а также о чем важно не забыть.

What's New in WinJS [33]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
WinJS — это специальная библиотека для создания приложений на HTML и JavaScript. В Windows 8.1 библиотека обновилась до второй версии, в которой была произведена существенная оптимизация, добавлены новые возможности и элементы управления.

WebView: Bringing the Web to Your App [34]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
WebView в Windows 8.1 был существенно переработан и в частности стал доступен не только в приложениях на XAML, но и в приложениях на HTML/JS. В этом докладе вы узнаете, как работать с новым (обновленным) элементом управления и как добавить веб-контент в ваше приложение.

Building Media Streaming Apps and Sites Without Plug-Ins Using MPEG-DASH [35]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
Доклад посвящен использованию адаптивного стриминга видео в приложениях для Windows Store и Internet Explorer 11, вы узнаете, что такое MPEG-DASH, Common Encryption и связанные веб-стандарты Media Source Extensions и Encrypted Media Extensions. Также в докладе рассказывается об использовании PlayReady DRM и медиа-сервисов Windows Azure.

Developing High Performance Websites and Modern Apps with JavaScript Performance Tools [36]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
Продолжение темы повышения производительности сайтов и приложений. В докладе рассказывается о том, как использовать JS-инструменты, встроенные в Visual Studio 2013 и Internet Explorer для улучшения производительности ваших решений.

Diagnosing Issues in JavaScript Windows Store Apps with Visual Studio 2013 [37]

Build 2013 для HTML/JS разработчиков под Windows 8.1 и обзор полезных докладов
В докладе дается обзор возможностей VS2012 для отладки и профилирования Windows Store приложений, написанных на HTML/JS. Отдельно рассказывается о новых возможностях VS2013, включая отладку асинхронного кода с использованием Promise, взаимодействия JS/C++, профилирования приложения для изучения проблем в работе с памятью, отзывчивости интерфейса, потребления энергии и производительности кода.

What's New in Blend for HTML Developers [38]

Обзор новых возможностей Blend для HTML, используемого при разработке интерфейса HTML/JS-приложений для Windows 8.

TypeScript: Application-Scale JavaScript [39]

Anders Hejlsberg рассказывает об использовании TypeScript и новых возможностях в версии 0.9. Что называется, доклад из первых рук.

Автор: kichik

Источник [40]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/40789

Ссылки в тексте:

[1] Материалы для разработичков: http://habrahabr.ru/company/microsoft/blog/187632/

[2] Материалы для дизайнеров и проектировщиков: http://habrahabr.ru/company/microsoft/blog/187004/

[3] Материалы для разработчиков под Windows Phone : http://habrahabr.ru/company/microsoft/blog/188334/

[4] разделе MSDN: http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples

[5] такие возможности: http://msdn.microsoft.com/ru-ru/library/windows/apps/bg182410

[6] пакеты ресурсов для приложений: http://go.microsoft.com/FwLink/p/?LinkID=303883

[7] расширенная работа с внешними устройствами: http://go.microsoft.com/FwLink/p/?LinkID=303864

[8] файлами: http://go.microsoft.com/FwLink/p/?LinkID=303855

[9] мультимедиа: http://go.microsoft.com/FwLink/p/?LinkID=303869

[10] новый API для работы с HTTP: http://go.microsoft.com/FwLink/p/?LinkID=303874

[11] новые возможности для обеспечения безопасности пользовательских данных: http://go.microsoft.com/FwLink/p/?LinkID=303886

[12] обновления в работе с Windows Store: http://go.microsoft.com/FwLink/p/?LinkID=303894

[13] обновления в инструментах: http://go.microsoft.com/FwLink/p/?LinkID=303904

[14] Scheduler: http://msdn.microsoft.com/ru-ru/library/windows/apps/bg182877.aspx

[15] новые элементы управления: http://msdn.microsoft.com/ru-ru/library/windows/apps/bg182879.aspx

[16] AppBarCommand: http://msdn.microsoft.com/ru-ru/library/windows/apps/hh700497.aspx

[17] пример использования: http://go.microsoft.com/fwlink/p/?LinkID=310065

[18] BackButton: http://msdn.microsoft.com/ru-ru/library/windows/apps/dn255082.aspx

[19] Hub: http://msdn.microsoft.com/ru-ru/library/windows/apps/dn255137.aspx

[20] пример использования: http://go.microsoft.com/fwlink/p/?LinkId=309652

[21] ItemContainer: http://msdn.microsoft.com/ru-ru/library/windows/apps/dn255188.aspx

[22] пример использования: http://go.microsoft.com/fwlink/p/?LinkID=310068

[23] NavBar: http://msdn.microsoft.com/ru-ru/library/windows/apps/dn301893.aspx

[24] Repeater: http://msdn.microsoft.com/ru-ru/library/windows/apps/dn301916.aspx

[25] пример использования: http://go.microsoft.com/fwlink/p/?LinkID=310064

[26] WebView: http://msdn.microsoft.com/ru-ru/library/windows/apps/dn301831.aspx

[27] пример использования: http://go.microsoft.com/fwlink/p/?LinkId=306259

[28] Creating Your First App Using HTML and JavaScript: http://channel9.msdn.com/Events/Build/2013/2-081

[29] Reusing Your Web Development Skills in Windows Store Apps: http://channel9.msdn.com/Events/Build/2013/2-161

[30] Create Fast and Fluid Interfaces with HTML and JavaScript: http://channel9.msdn.com/Events/Build/2013/3-156

[31] Fast Apps and Sites with JavaScript: http://channel9.msdn.com/Events/Build/2013/4-313

[32] Upgrading Windows 8 Apps to Windows 8.1: http://channel9.msdn.com/Events/Build/2013/3-077

[33] What's New in WinJS: http://channel9.msdn.com/Events/Build/2013/2-165

[34] WebView: Bringing the Web to Your App: http://channel9.msdn.com/Events/Build/2013/3-179

[35] Building Media Streaming Apps and Sites Without Plug-Ins Using MPEG-DASH: http://channel9.msdn.com/Events/Build/2013/3-089

[36] Developing High Performance Websites and Modern Apps with JavaScript Performance Tools: http://channel9.msdn.com/Events/Build/2013/3-316

[37] Diagnosing Issues in JavaScript Windows Store Apps with Visual Studio 2013: http://channel9.msdn.com/Events/Build/2013/3-312

[38] What's New in Blend for HTML Developers: http://channel9.msdn.com/Events/Build/2013/2-311

[39] TypeScript: Application-Scale JavaScript: http://channel9.msdn.com/Events/Build/2013/3-314

[40] Источник: http://habrahabr.ru/post/189830/