Ми вже розповідали, чому вважаємо за краще працювати з 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, їм вдалося створити швидке і легковажне рішення для просування нового продукту компанії.
Upwork та Freelancer
Обидві фріланс-біржі досить популярні:
- Кількість фрілансерів: 10 мільйонів для Upwork і 18 мільйонів для Freelancer.
- Середня кількість доступних проєктів: 3,6 мільйона для Upwork і 4,4 для Freelancer.
При цьому і Upwork, і Freelancer використовують AngularJS:
jetBlue
Популярна американська лоукост авіакомпанія, літаками якої щорічно літає 35 мільйонів людей. jetBlue здійснює близько 900 перельотів щодня і доставляє пасажирів до 95 міст США, країн Карибського басейну та Латинської Америки. На поточній версії сайту jetBlue AngularJS:href="https://twitter.com/madewithangular/status/652499230695780352" rel="nofollow" target="_blank">використовується 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 та інші сучасні веб-технології, і з радістю розробимо сайт, що продає, для вашого бізнесу.
