Большие сайты на AngularJS
Мы уже рассказывали, почему предпочитаем работать с AngularJS, а сегодня хотели бы поделиться наблюдениями о том, какие известные сайты были созданы с его помощью.
Что такое AngularJS и где он используется?
AngularJS (Angular, Ангулар) — это JS фреймворк для frontend-разработчиков, с помощью которого можно создавать одностраничные веб-приложения (Single Page Application). На первый взгляд такие приложения не отличаются от обычных веб-страниц. Тогда как определить, что перед нами веб-приложение? Если когда приходит письмо, появляются новые записи в ленте друзей или мы подтверждаем отправку формы страницу не приходится перегружать, чтобы увидеть обновления, то перед нами пример приложения на AngularJS или другом JS фреймворке. Например, современная версия почтовой службы от Google — это веб-приложение:
Однако AngularJS разработчики используют фреймворк не только для создания веб-сайтов социального направления и аналогов Google Docs. Сфера применения AngularJS гораздо шире, о чем свидетельствуют примеры ниже. Разработка веб-приложений с использованием AngularJS становится все более и более популярной, о чем свидетельствует стремительный рост количества сайтов, использующих этот фреймворк, зафиксированный компанией BuiltWith:
Ниже мы собрали примеры AngularJS из самых разных сфер деятельности.
Большие сайты на AngularJS
The Guardian
Сайт британской газеты существует уже шесть лет и по состоянию на сентябрь 2015 года занимает третье место по посещаемости среди национальных новостных изданий, которые доступны онлайн. Пользовательский интерфейс веб-сайта представляет собой AngularJS приложение, написанное в соответствии с ES 2015, последним стандартом JavaScript:
Чтобы создать бесконечную прокрутку результатов поиска, разработчики The Guardian использовали возможности Angular вместе с расширениями RxJS для реактивного программирования, которое ориентировано на работу с изменениями.
Также AngularJS используется в Grid, системе управления изображениями издания. В ней хранится более 3 миллионов изображений и около 20 тысяч добавляется ежедневно. Как и многие другие компании, поддерживающие развитие полезных проектов с открытым исходным кодом, издание The Guardian сделало систему Grid доступной на Github:
Что касается перехода на AngularJS 2.0 (дата релиза бета-версии: 15 декабря 2015 года), то, не смотря на его сложности, senior-разработчик издания The Guardian отмечает, что новая версия Angular соответствует текущим тенденциям развития интернет-технологий.
PayPal
Компания PayPal предоставляет услуги электронных платежей в 203 странах и регионах и работает с 26 валютами. AngularJS разработчики компании использовали фреймворк в системе оформления и оплаты заказа (PayPal Checkout), которая состоит из:
- Родительской страницы
- Страницы проверки платежа
- Сайдбара
- Страницы добавления новой кредитной карты
Weather.com
Американский кабельный и спутниковый канал The Weather Channel обзавелся собственным веб-сайтом еще в далеком 1996 году. Сегодня, согласно данным SimilarWeb, weather.com — самый посещаемый погодный сайт в мире.
В 2014 году сайт канала мигрировал на Drupal, систему управления сайтом, которая использует компоненты Symfony2. На weather.com используется большое количество виджетов, которые нужно загружать как для настольной, так и для мобильной версии сайта. Получение данных для виджетов реализовано с помощью модулей AngularJS, которые расположены в отдельной директории.
YouTube для PS3
Youtube — видеохостинг, принадлежащий компании Google, стоимость которого оценивают в 70 миллиардов долларов США. У сервиса один миллиард пользователей, что составляет треть пользователей Интернета в мире. YouTube доступен на большом количестве устройств, в том числе на консолях от компании Sony. Приложение для PS3 написано с использованием JS-фреймворка AngularJS:
VEVO
На сайте музыкального сервиса собрано 150 тысяч видеоклипов, распространяющихся с согласия правообладателей. VEVO получает 12 миллиардов просмотров ежемесячно. При этом для создания фронт-энда сайта использовался JavaScript-фреймворк AngularJS:
Lego.com
К запуску мини-серии Rebels, посвященной миру «Звездных войн», датская компания Lego, основанная еще в 1932 году, заказала создание интерактивного конструктора постеров:
Разработчики решения использовали технику парного программирования, при которой двое людей («ведущий» и «штурман») используют одно рабочее место. «Ведущий» решает проблему в деталях, а «штурман» следит за процессом написания кода и сосредоточен над общей картиной. Через равные промежутки времени они меняются ролями. Используя фреймворк AngularJS, сборщик JS-проектов Browserify и плагин LESS им удалоcь создать быстрое и легковесное решение для продвижения нового продукта компании.
Upwork и Freelancer
Обе фриланс-биржи достаточно популярны:
- Количество фрилансеров: 10 миллионов для Upwork и 18 миллионов для Freelancer.
- Среднее количество доступных проектов: 3,6 миллиона для Upwork и 4,4 для Freelancer.
При этом и Upwork, и Freelancer используют AngularJS:
jetBlue
Популярная американская лоукост авиакомпания, самолетами которой ежегодно летает 35 миллионов людей. jetBlue совершает около 900 перелетов ежедневно и доставляет пассажиров в 95 городов США, стран Карибского бассейна и Латинской Америки. На текущей версии сайта jetBlue используется AngularJS:
iStock Photo
Микросток с royalty-free фотографиями, иллюстрациями, аудио и видео принадлежит компании Getty Images. AngularJS используется на главной странице сервиса:
Localytics
Сервис бизнес-аналитики для разработчиков и владельцев приложений помогает планировать маркетинговые кампании. Его услугами пользуется 6000 организаций, в том числе Microsoft, The New York Times, Zipcar, HBO и The Weather Channel, о котором мы писали выше.
Разработчики хотели перенести сервис на JS фреймворк, который предлагает больше возможностей «из коробки». Им пришелся по душе набор плагинов (suite) AngularJS UI который помогает решать распространенные проблемы, связанные с пользовательским интерфейсом. При этом использование AngularJS позволило сократить количество строчек кода по сравнению с предыдущим фреймворком:
Топ-сайты на AngularJS, приведенные выше, свидетельствуют о том, что этот JS фреймворк подходит для создания решений в разных сферах, от видеохостингов и развлекательных порталов до сервисов бизнес-аналитики и сайтов транспортных компаний.
Хотите создать одностраничное приложение AngularJS или большой функциональный сайт? Мы используем в работе Symfony2, AngularJS и другие современные веб-технологии, и с радостью разработаем продающий сайт для вашего бизнеса.
