Javascript & Ajax \ Angular

Прошлое, настоящее и будущее Angular CLI

От автора: Angular CLI – инструмент командной строки для создания приложений на Angular. За последний год он стал самым главным инструментом среди разработчиков на Angular. CLI автоматизирует множество задач, возложенных на разработчика в 2017 году. Начиная с конфигурации, которая идет по умолчанию, этот инструмент «выпекался» в лучших практиках, найденных сообществом за долгое время, и с его помощью можно создавать обслуживаемый код. CLI представляет парочку мощнейших возможностей Angular, и это простота в освоении, быстрый разгон по сравнению с самостоятельной установкой.

Продолжить чтение

Javascript & Ajax \ Angular

Angular роутинг — обработка route параметров в версии v2+

От автора: продолжаем изучать, как работает в Angular роутинг. Роутер Angular – очень мощный инструмент, позволяющий делать все, что связано с роутингом. С его помощью можно: обрабатывать базовый роутинг, защищать роуты с помощью guard, лениво загружать приложение, и многое другое.

Продолжить чтение

Javascript & Ajax \ Angular

Проблемы защиты роута в Angular

От автора: Angular роутинг все еще не идеален. По крайней мере, это можно сказать про последнюю стабильную версию 4.3.6, о которой мы и поговорим в этой статье. Вы заметите это, когда попробуете прототипировать более сложную архитектуру роутинга. Вложенная структура будет полна resolve и canActivation, особенно при разрастании приложения. В этой статье я постараюсь пролить свет на сложности, с которыми я столкнулась при работе с Angular Router.

Продолжить чтение

Javascript & Ajax \ Angular

Знакомство с комплексным тестированием в Angular с помощью Protractor

От автора: Protractor – популярный фреймворк комплексного тестирования. С помощью Protractor Angular приложение можно тестировать в реальном браузере, имитируя взаимодействия, как с реальным пользователем. Комплексное тестирование проверяет, чтобы приложение вело себя ровно так, как ожидает пользователь. Помимо этого, тесты напрямую не относятся к коду.

Продолжить чтение

Javascript & Ajax \ Angular

Использование веб-компонентов в Angular

От автора: Angular – фреймворк, любимый многими в сообществе JS. Angular предоставляет библиотеку для создания инкапсулированных компонентов, вставку зависимостей, создание языковых шаблонов с назначением данных, роутер приложения, построенный на observables, а также интерфейс командной строки с низким порогом входа. Этот фреймворк не такой гибкий, как другие, однако упрямый характер Angular позволяет большим командам кодить по существующим стандартам, а не разрабатывать свои. Также Angular упрощает разделение логики отображения (компоненты) от бизнес логики (сервисы и логика), поэтому несколько команд может работать над разными частям приложения.

Продолжить чтение

Javascript & Ajax \ Angular

Основные различия между конструктором и ngOnInit в работе с компонентами Angular

От автора: один из самых частых вопросов про Angular компоненты на stackoverflow – чем отличается конструктор от ngOnInit. У данного вопроса более 100к просмотров. Я дал там свой ответ и решил развить его в эту статью. Почти все ответы в треде и статьи в сети сосредоточены на различии в использовании. Я же дам более развернутое сравнение, касающееся процесса инициализации компонентов.

Продолжить чтение

Javascript & Ajax \ Angular

Оптимизация производительности вашего приложения с помощью функций Angular и не только

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

Продолжить чтение

Javascript & Ajax \ Angular

Глубокое погружение в веб-анимацию с Angular

От автора: движение – важный аспект при создании современного веб-приложения. На деле, оно важно для ПО любого рода, в котором присутствует интерфейс и взаимодействие. Хорошие интерфейсы с продуманной анимацией помогают пользователям понять поток между двумя состояниями. Представьте, что мы находимся на простом сайте с одной кнопкой. Мы кликаем на нее, и без всякого движения перед нами появляется блок. Разве это не скучно?

Продолжить чтение