Разработчики: давайте познакомимся с Microsoft Build в этом обзоре третьего дня

Microsoft Build 2017 завершен, и было несколько важных объявлений, но как насчет мелочей, которые помогут вам как разработчикам и ИТ-специалистам? Давайте побродим по лесу и сорнякам, чтобы узнать кое-что из того, о чем вы, возможно, не слышали.

Прежде чем мы начнем, вот ссылки на дни 1 и 2 трехдневной конференции:

• Сборка Майкрософт 2017, день 1
• Сборка Майкрософт 2017, день 2

Лаборатория сценариев для надстроек Office

Несколько лет назад Microsoft представила эту концепцию создания приложений, которые находятся на боковой панели в Microsoft Office. Они продемонстрировали сценарии, в которых небольшое приложение может читать и записывать данные в документ, чтобы добавить новые возможности. Например, вы можете использовать Excel, а боковая панель позволит вам назначать часто используемые формулы.

За прошедшие годы Microsoft усовершенствовала эти приложения боковой панели, чтобы они стали новым способом создания надстроек Office. Если вы, как разработчик, хотите продавать свое приложение в Магазине Microsoft, вам нужно попасть в поезд надстроек Office Web Add-ins. Я пишу о своем опыте в этой области в продолжающейся серии статей под названием «Облачение моего приложения» прямо здесь, на TechGenix.

К сожалению, создание веб-надстройки Office означает написание кода вслепую в Visual Studio, а затем запуск Office и попытка заставить его снова работать.

Все меняется с Microsoft Script Lab. Script Lab — это бесплатная надстройка для Office, которую вы можете установить из Магазина Microsoft (просто выберите и найдите ). Эта надстройка демонстрирует множество функций, которые может выполнять веб-надстройка Office. Он не только дает примеры, но и показывает код. Он имеет консольное окно, средство предварительного просмотра DOM и ссылки на онлайн-документацию. На данный момент я не уверен, доступно ли это только для Microsoft Word или других приложений, но это важный шаг для всех, кто хочет написать приложение для Office, ориентированное на любую операционную систему.

На следующем изображении показана работа Script Lab в Microsoft Word. В верхней части окна вы увидите различные доступные значки. В крайнем правом углу запущен пример приложения, позволяющего добавлять и извлекать изображения, а в правом нижнем углу — окно консоли и средство предварительного просмотра DOM.

Хуан Балмори из Microsoft дает здесь краткий 15-минутный обзор технологии.

Статические страницы и Visual Studio

По мере того, как мир движется к бессерверным вычислениям, то же самое происходит и с веб-страницами, которые мы используем каждый день. Разработчики приложений разрабатывают мощные пользовательские интерфейсы, которые используют только HTML и JavaScript. Чтобы добиться этого и создать отличный опыт для разработчика, мы используем такие технологии, как Angular, React, Redux, TypeScript, Node.js, Karma, Yarn и многие другие технологии. К сожалению, знать, как использовать все эти технологии и упаковать их вместе, — настоящая боль. Microsoft стремится решить многие из этих проблем с помощью новых функций предварительного просмотра, которые появятся в Visual Studio.

Статические сайты как тип проекта

Теперь вы можете создать статический сайт для своего веб-приложения.Net Core. Когда вы сделаете это, Visual Studio создаст сайт, содержащий только HTML и JavaScript. Конечно, вы можете добавить TypeScript и тому подобное, если хотите.

День в СПА

Шаблоны SPA (Single Page Application) — это новая функция, над которой работает Microsoft, которая позволяет вам создавать начальный проект на основе JavaScript, Angular, React, React + Redux и многого другого. Как видно на следующем изображении, вы используете одну команду PowerShell для установки шаблонов SPA. Маленькая в конце строки указывает получать последние сборки.

Имея готовые шаблоны SPA, вы можете создать новую папку для своего проекта. Как вы можете видеть на следующем изображении, вы просто вводите , а затем вводите нужный тип проекта.

Теперь, когда у вас есть готовый шаблон SPA, вы можете открыть проект непосредственно в Visual Studio и начать работу.

Сохранение и автообновление

Отличная новость для разработчиков Visual Studio: теперь вы можете автоматически обновлять проект в браузере. Всякий раз, когда вы сохраняете файл, вы можете видеть изменения в режиме реального времени в своем браузере. Прикольная штука.

Классные веб-расширения для Visual Studio

В рамках презентации статического веб-сайта Microsoft продемонстрировала множество других инструментов, которые будут полезны любому разработчику, в том числе:

• Средство проверки веб-доступности — проверьте веб-сайт, чтобы убедиться, что он доступен. Например, чекер выдаст предупреждение, если вы:
  • Не хватает контраста между текстом и фоном.
  • Не указывайте язык в заголовке html.
• Расширение проверки W3C. Убедитесь, что окончательный результат вашего приложения соответствует стандартам W3C.
• Task Runner Explorer — вызывайте Webpack, Yarn, Node.js и другие инструменты с пользовательским интерфейсом Visual Studio. Вы даже можете настроить события, чтобы заставить эти команды выполняться на основе определенных триггеров, таких как открытие вашего проекта.
• Поддержка Surface Dial. Хотите изменить CSS в своем коде? Щелкните Surface Dial и поверните его, чтобы получить предварительный просмотр цвета в реальном времени. Аккуратный!
• TypeScript — я упоминал об этом ранее, но стоит повторить, что TypeScript станет первоклассным гражданином в Visual Studio.

Кроссплатформенная разработка

Теперь, когда Microsoft владеет Xamarin, они вкладывают значительные средства в кроссплатформенную разработку. В предыдущем обзоре я упомянул, что стандарт XAML отсутствует, но есть и другие довольно интересные функции. Например:

• Xamarin Live — создавайте свое мобильное приложение и одновременно просматривайте его, даже не сохраняя предварительно (!).
• .NET Standard 2.0. С помощью.Net Core,.Net Framework (и его многочисленных версий) и других вариантов Microsoft работает над тем, чтобы предоставить разработчикам путь, который поможет разработчикам выбирать, какую версию.Net использовать..Net Standard — это попытка облегчить боль, но я думаю, что над обменом сообщениями нужно поработать (я бы продолжил об этом, но это отдельная статья).
• Visual Studio для Mac. Технически Visual Studio для Mac отсутствует уже некоторое время, но она находилась в состоянии предварительного просмотра. Теперь вы можете получить окончательную общедоступную версию.

Есть намного больше, но это большие невоспетые функции, которые, как я думал, будут интересны тем, кто глубоко в окопах разработки программного обеспечения.

Если вы пропустили Microsoft Build, вам следует просмотреть библиотеку Channel 9, так как почти весь контент уже есть.