От сообщества Angular поступило больше обновлений. Присоединяйтесь к Sebastian Witalec, Minko Gechev, Thomas Burleson, Tara Manicsic и Deborah Kurata, чтобы обсудить ряд интересных новых разработок в JavaScript. Смотрите и читайте о NativeScript и его важности для мобильной разработки, узнайте о Ng-World от Minko, компиляторе Angular, гибком макете Angular, компонентах пользовательского интерфейса Kendo и модулях Angular.

Nativescript + нативная разработка для мобильных устройств

Почему NativeScript — это мощный инструмент для нативной мобильной разработки с Себастьяном Виталеком

Помимо дополнительных интересов в области фотографии и футбола, Себастьяну Виталеку удается оставаться активным в сообществе JavaScript, специализирующемся на NativeScript. Себастьян впервые узнал о фреймворке от друга, который назвал его гибридной разработкой. Он был сразу очарован способностью фреймворка работать как с кодом JavaScript, так и с собственным пользовательским интерфейсом для создания мобильных приложений. По словам Себастьяна, исходный код NativeScript был открыт примерно в феврале-марте 2015 года. Поскольку в то время не было интеграции с Angular, для создания мобильных приложений использовались JavaScript (с xml) и CSS.

Себастьян рассказывает о том, как разработчики могут создавать приложения NativeScript с нуля. Он говорит, что в зависимости от человека он/она может создать шаблон, используя только свои собственные знания. С помощью этого шаблона они могут приступить к созданию плагинов, которые работают на iOS и Android, следуя той же структуре.

Он упоминает, что самое замечательное в разработчиках, создающих компоненты с нуля, заключается в том, что они, как правило, являются людьми, которые готовы отдать должное сообществу. Себастьян дает больше информации о плагинах, указывает на преимущества хорошей интеграции с Angular и рассуждает о возможности интеграции Ember с NativeScript.

Ng-World, компилятор Angular и инструмент автоматической миграции для Angular

Визуализируйте свой код в 3D Ng-World Минко Гечева и узнайте о компиляторе Angular

Войдите в мир ng, где модули рассматриваются как сады, а деревья существуют как компоненты. Творение Минко демонстрирует трехмерный опыт майнкрафта, созданный нетрадиционным образом с использованием компилятора Angular для визуализации исходного кода. Он не только позволяет вам просмотреть собственный исходный код, но и позволяет судить о качестве вашей работы.

Минко обсуждает множество преимуществ компилятора Angular, включая возможность проверки стилей, объявленных в компонентах. Одно только это действие помогает уменьшить размер пакета вашего приложения, а также дает другие преимущества.

В настоящее время Minko работает над инструментом для автоматической миграции. С выпуском Angular 4 был создан ng-template. Однако возникает проблема с разрывами исходного кода при поиске и замене старых шаблонов, чтобы превратить их в ng-templates. Так Минко пришла в голову идея создать инструмент миграции, который объединил бы компилятор и статический код, чтобы облегчить процесс. Минко также объясняет, как компилятор может преобразовать приложение в более эффективную версию самого себя.

Минко привлекает сообщество Angular своей страстью к статически типизированным языкам, таким как TypeScript, а также своим сильным восхищением Angular и его платформой.

Угловой гибкий макет

Узнайте об Angular Flex-Layout от руководителя отдела Angular Material Томаса Берлесона

Томас Берлесон — руководитель группы материалов angular, инструктор ThoughtRam и архитектор Angular Flex Layout. Он определяет компоновку как одну из проблем, с которыми сталкиваются разработчики при использовании Angular для создания приложений.

Когда функциональная схема приложения установлена, необходимо создать пользовательский интерфейс. Этот процесс зависит как от анимации, так и от компонентов. Также важно учитывать, как диапазон и размер будут корректироваться в зависимости от изменений в окне браузера.

Раньше анимация Angular служила интуитивно понятным API для разработчиков при анимации их опыта. Впоследствии появилась библиотека Angular Flex, которая позволяла разработчикам размещать приложения на нескольких устройствах.

Flex Layout был попыткой второго или третьего поколения предоставить альтернативу CSS. Flexbox CSS стал технологией, созданной для определения того, как страницы должны размещаться на странице (по горизонтали или по вертикали) и как должны изменяться размеры компонентов по отношению друг к другу.

Какой бы полезной ни была эта библиотека, у нее есть некоторые пугающие факторы. Если человеку неудобно использовать CSS, он должен ознакомиться с языком таблицы стилей. После того, как они выполнили эту задачу, им необходимо изучить особенности Flexbox CSS.

Томас подробно рассказывает о целях, проблемах и функциях, возникших при разработке Flex Layout. Он описывает API библиотеки и какие директивы использовать, а также адаптивные функции, включенные для улучшения библиотеки. Он также отвечает, поддерживается ли Angular Material 2 и могут ли разработчики сразу начать использовать Flex Layout. Несмотря на то, что в библиотеке разрабатываются новые функции и еще предстоит решить ряд проблем, Томас призывает людей использовать библиотеку, поскольку она проста в использовании и очень полезна.

Нативные компоненты для Angular — пользовательский интерфейс Kendo

Пользовательский интерфейс Kendo – пользовательские нативные компоненты для Angular с Tara Manicsic

Если вы когда-либо хотели создавать надежные приложения быстрее, ваше желание только что сбылось. Пользовательский интерфейс Kendo, выпущенный в этом году компанией Telerik, входящей в состав Progress, создал предварительно созданные, полностью функциональные, нативные компоненты для Angular.

Компоненты пользовательского интерфейса Kendo созданы с нуля, поэтому вы можете воспользоваться их преимуществами. функций, таких как встряхивание дерева или универсальный рендеринг, немедленно. Некоторые из наиболее популярных компонентов, которые позволяют разработчикам Angular, включают компоненты сетки и диаграммы.

Сетка была создана для организации данных, которые вносят клиенты, и дает им возможность управлять тем, как они хотят просматривать, сортировать и разбивать информацию на страницы. Он имеет подробный API, который дает создателям больше свободы для настройки и изменения своих приложений. Сеть становится все более надежной по мере того, как к ней добавляются дополнительные функции.

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

Оба эти компонента, в частности, могут изменить множество взаимодействий пользователей и являются отличными примерами того, как пользовательский интерфейс Kendo позволяет разработчикам Angular быстрее создавать более надежные приложения.

Модули, отложенная загрузка и пакеты

Модули ES2015 и модули Angular с Деборой Курата

Вы можете задаться вопросом, чем модули ES2015 отличаются от модулей Angular. Мы взяли интервью у Деборы Курата, и она объяснила детали и различия между ними.

Благодаря модулям ES2015 разработчики теперь могут создавать файл кода и импортировать или экспортировать его с помощью операторов импорта и экспорта. Модули ES2015 находятся на микроуровне и представляют собой просто файлы. Между тем, модули Angular больше макросы и предоставляют метод разбиения приложений на большие куски, каждый из которых содержит информацию, необходимую приложению для выполнения своей функции.

Лучший способ воспользоваться преимуществами модулей Angular — начать с модуля приложения. Этот конкретный модуль объединяет приложение и может стать слишком большим по мере того, как разработчик создает свое приложение. Когда это происходит, важно начать разбивать ваше приложение на более мелкие отдельные модули. Иногда их называют функциональными модулями.

Создание функциональных модулей выгодно, потому что многие люди используют Angular для создания корпоративных приложений и нуждаются в гибкости, чтобы разбить свое приложение на более мелкие части, чтобы они могли лучше управлять и отслеживать то, над чем работают разные команды. Кроме того, использование модулей Angular и ленивая загрузка их в ваше приложение в виде отдельных пакетов может и должно улучшить общую производительность приложения.

Надеемся, вам понравилась эта статья. Для получения дополнительной информации об Angular обязательно посетите http://angular.io.

Эта статья написана в соавторстве с Trinh Kien и Tracy Lee