Великі сайти на AngularJS

Ми вже розповідали, чому вважаємо за краще працювати з AngularJS, а сьогодні хотіли б поділитися спостереженнями про те, які відомі сайти були створені з його допомогою.

Що таке AngularJS і де він використовується?

AngularJS (Angular, Ангулар) - це JS фреймворк для frontend-розробників, за допомогою якого можна створювати односторінкові веб-додатки (Single Page Application). На перший погляд такі додатки не відрізняються від звичайних веб-сторінок. Тоді як визначити, що перед нами веб-додаток? Якщо коли приходить лист, з'являються нові записи у стрічці друзів або ми підтверджуємо надсилання форми, сторінку не доводиться перезавантажувати, щоб побачити оновлення, то перед нами приклад застосунку на AngularJS або іншому JS фреймворку. Наприклад, сучасна версія поштової служби від Google - це веб-додаток:

Gmail — це веб-додаток

Однак AngularJS розробники використовують фреймворк не тільки для створення веб-сайтів соціального спрямування та аналогів Google Docs. Сфера застосування AngularJS набагато ширша, про що свідчать приклади нижче. Розробка веб-додатків з використанням AngularJS стає дедалі популярнішою і популярнішою, про що свідчить стрімке зростання кількості сайтів, що використовують цей фреймворк, зафіксоване компанією BuiltWith:

Скільки сайтів використовують AngularJS. Дані від BuiltWith

Нижче ми зібрали приклади AngularJS із найрізноманітніших сфер діяльності.

Великі сайти на AngularJS

The Guardian

Сайт британської газети існує вже шість років і станом на вересень 2015 року посідає третє місце за відвідуваністю серед національних новинних видань, які доступні онлайн. Користувацький інтерфейс веб-сайту являє собою AngularJS додаток, написаний відповідно до ES 2015, останнього стандарту JavaScript:

Сайт The Guardian використовує AngularJS

Щоб створити нескінченну прокрутку результатів пошуку, розробники The Guardian використали можливості Angular разом із розширеннями RxJS для реактивного програмування, яке орієнтоване на роботу зі змінами.

Пошук на сайті The Guardian

Також AngularJS використовується в Grid, системі управління зображеннями видання. У ній зберігається понад 3 мільйони зображень і близько 20 тисяч додається щодня. Як і багато інших компаній, що підтримують розвиток корисних проєктів з відкритим вихідним кодом, видання The Guardian зробило систему Grid доступною на Github:

Система управління зображеннями від The Guardian

Що стосується переходу на AngularJS 2.0 (дата релізу бета-версії: 15 грудня 2015 року), то, незважаючи на його складнощі, senior-розробник видання The Guardian зазначає,що нова версія Angular відповідає поточним тенденціям розвитку інтернет-технологій.

PayPal

Компанія PayPal надає послуги електронних платежів 203 країнах і регіонах і працює з 26 валютами. AngularJS розробники компанії використовували фреймворк у системі оформлення та оплати замовлення (PayPal Checkout), яка складається з:

  1. Батьківської сторінки
  2. Сторінки перевірки платежу
  3. Сайдбара
  4. Сторінки додавання нової кредитної картки

AngularJS в PayPal Checkout

Weather.com

Американський кабельний і супутниковий канал The Weather Channel обзавівся власним веб-сайтом ще в далекому 1996 році. Сьогодні, згідно з даними SimilarWeb, weather.com — найбільш відвідуваний погодний сайт у світі.

У 2014 році сайт каналу мігрував на Drupal, систему управління сайтом, яка використовує компоненти Symfony2. На weather.com використовується велика кількість віджетів, які потрібно завантажувати як для настільної, так і для мобільної версії сайту. Отримання даних для віджетів реалізовано за допомогою модулів AngularJS, які розташовані в окремій директорії.

Weather.com використовує AngularJS

YouTube для PS3

Youtube — відеохостинг, що належить компанії Google, вартість якого оцінюють у 70 мільярдів доларів США. У сервісу один мільярд користувачів, що становить третину користувачів Інтернету у світі. YouTube доступний на великій кількості пристроїв, зокрема на консолях від компанії Sony. Додаток для PS3 написано з використанням JS-фреймворка AngularJS:

YouTube для PS3 використовує AngularJS

VEVO

На сайті музичного сервісу собрано 150 тисяч відеокліпів, що поширюються за згодою правовласників. VEVO отримує 12 мільярдів переглядів щомісяця. При цьому для створення фронт-енду сайту використовувався JavaScript-фреймворк AngularJS:

VEVO використовує AngularJS

Lego.com

До запуску міні-серії Rebels, присвяченій світу "Зоряних воєн", данська компанія Lego, заснована ще 1932 року, замовила створення інтерактивного конструктора постерів:

Інтерактивний постер Lego використовує AngularJS

Розробники рішення використовували техніку парного програмування, за якої двоє людей ("ведучий" і "штурман") використовують одне робоче місце. "Ведучий" розв'язує проблему в деталях, а "штурман" стежить за процесом написання коду і зосереджений над загальною картиною. Через рівні проміжки часу вони міняються ролями. Використовуючи фреймворк AngularJS, збирач JS-проектів Browserify і плагін LESS, їм вдалося створити швидке і легковажне рішення для просування нового продукту компанії.

Upwork та Freelancer

Обидві фріланс-біржі досить популярні:

  1. Кількість фрілансерів: 10 мільйонів для Upwork і 18 мільйонів для Freelancer.
  2. Середня кількість доступних проєктів: 3,6 мільйона для Upwork і 4,4 для Freelancer.

При цьому і Upwork, і Freelancer використовують AngularJS:

Upwork використовує AngularJS

Freelancer використовує AngularJS

jetBlue

Популярна американська лоукост авіакомпанія, літаками якої щорічно літає 35 мільйонів людей. jetBlue здійснює близько 900 перельотів щодня і доставляє пасажирів до 95 міст США, країн Карибського басейну та Латинської Америки. На поточній версії сайту jetBlue AngularJS:href="https://twitter.com/madewithangular/status/652499230695780352" rel="nofollow" target="_blank">використовується AngularJS:


Сайт авіакомпанії jetBlue використовує AngularJS

iStock Photo

Мікросток із royalty-free фотографіями, ілюстраціями, аудіо та відео належить компанії Getty Images. AngularJS використовується на головній сторінці сервісу:

iStock використовує AngularJS

Localytics

Сервіс бізнес-аналітики для розробників і власників додатків допомагає планувати маркетингові кампанії. Його послугами користується 6000 організацій, зокрема Microsoft, The New York Times Zipcar, HBO та The Weather Channel, про який ми писали вище.

Сервіс аналітики Localytics використовує AngularJS

Розробники хотіли перенести сервіс на JS фреймворк, який пропонує більше можливостей "з коробки". Їм припав до душі набір плагінів (suite) AngularJS UI, який допомагає розв'язувати найпоширеніші проблеми, пов'язані з користувацьким інтерфейсом. Водночас використання AngularJS дало змогу скоротити кількість рядків коду порівняно з попереднім фреймворком:

Зменшення кількості рядків коду з AngularJS у компанії Localytics

Топ-сайти на AngularJS, наведені вище, свідчать про те, що цей JS фреймворк підходить для створення рішень у різних сферах, від відеохостингів і розважальних порталів до сервісів бізнес-аналітики та сайтів транспортних компаній.

Хочете створити односторінковий додаток AngularJS або великий функціональний сайт? Ми використовуємо у работі Symfony2, AngularJS та інші сучасні веб-технології, і з радістю розробимо сайт, що продає, для вашого бізнесу.