В прошлом году мне посчастливилось поработать UI Lead для The BIO Agency и Arrow Electronics. Я присоединился к проекту через несколько месяцев, чтобы помочь существующим 8 разработчикам Frontend и нескольким другим членам команды в их дисциплинах с архитектурой кода FE и, в свою очередь, поддержать растущую команду Arrow в Денвере, штат Колорадо.
У нас были прекрасные отношения с командой Arrow. Я никогда не слышал о них раньше, поэтому было интересно узнать, что многие из электронных продуктов, которые мы используем изо дня в день, вероятно, поставлялись ими.
Вот немного о Arrow с их страницы About Arrow:
Arrow Electronics — глобальный поставщик продуктов, услуг и решений для промышленных и коммерческих пользователей электронных компонентов и корпоративных вычислительных решений. Объем продаж в 2014 году составил 22,8 млрд долларов США. Arrow является партнером по каналам поставок для более чем 100 000 производителей оригинального оборудования, контрактных производителей и коммерческих клиентов через глобальную сеть из более чем 460 офисов в 56 странах.
Основная CMS была построена на Sitecore, соединяясь с многочисленными сторонними API, объединяя их в единый централизованный источник достоверной информации о продуктах и услугах, предлагаемых Arrow.
Отзывчивый, с поддержкой ie8
Текущий сайт показал, что большая часть инженеров все еще использует ie8, но мы не хотели, чтобы это мешало сайту обращаться к тому, что является очевидной тенденцией к доступу с небольших устройств.
Были некоторые скрытые творческие жемчужины. В одном из них мне посчастливилось запрограммировать себя в виде некоторых «линий трона», чтобы показать пользователям ключевые функции.
Поездка в Стрелу в Денвере
Было здорово встретиться с командой в Денвере и поработать с ней пару недель в прошлом году. Колорадо — действительно прекрасное место, но мне было очень приятно так долго находиться вдали от семьи.
Стек технологий пользовательского интерфейса
Технический стек Frontend в наши дни становится немного нелепым, борьба заключалась в том, чтобы сохранить его небольшим, но неизменно в нем было немало частей. Однако в общем обзоре наш технический стек включал:
Node.js
Мы создали большую часть пользовательского интерфейса, используя автономный сервер Express с настраиваемыми макетами для вызовов API. Это означало, что у разработчиков интерфейса не было зависимости от Sitecore, который ограничен Windows и ОЧЕНЬ медленный для разработки пользовательского интерфейса.
Все ворчания
Grunt использовался для всей автоматизации Frontend.
Browserify, Babel, SCSS и т. д.
В итоге мы получили 2 пакета для браузера и SCSS. Один для пользовательского UiKit, который можно использовать на arrow.com, а также на внешних сайтах, а другой для пользовательского кода arrow.com.
Посмотрите сами на https://www.arrow.com.
Дэйв — опытный архитектор внешнего интерфейса и разработчик приложений HTML5, который за последние 14 лет работал с рядом креативных агентств. Он стремится помочь командам работать более продуктивно и лучше масштабироваться. Найми меня
Первоначально опубликовано на davetayls.me 8 января 2016 г.
