• Настройка среды разработки Webpack 3 + Angular 4: от сложного к простому

    • Tutorial
    Всем привет!

    Современное front-end-приложение на Angular должно включать в себя следующие характеристики:

    • Возможность использования типизированного JS — Typescript
    • Обеспечение удобства и производительности разработки с помощью HMR (hot module replacement);
    • Модульность приложений и возможность отложенной загрузки модулей (Lazy Loading);
    • AoT — режим (ahead-of-time), повышающий производительность приложения.

    Существует много вариантов сборки, решающих эти задачи (angular cli, A2 seed и т. д.). Обычно они имеют сложную структуру, плохо настраиваются/расширяются и представляют собой монолит, который невозможно изменить.

    В статье я расскажу, как совместить Angular 2+ с webpack и разобраться со всеми этапами сборки/разработки.

    Вы удивитесь, как это просто.
    Читать дальше →
  • Выбранный UI-фреймворк – вред. Архитектурные требования – профит



      Мы не замечаем, но услуги и продукты, которыми мы пользуемся, постоянно усложняются.

      • Войти в метро теперь – не просто кинуть пятачок, а приложить карту Тройка, записанную на телефон и учитывающую пересадку.
      • Позвонить по телефону и посмотреть телевизор – давно уже не провести два провода в квартиру и вносить фиксированную абонентскую плату, а triple play с кучей опций и возможностей.
      • Посмотреть дневник сына – на святое же покусились! – теперь можно с планшета, заодно ответив на комментарий классного руководителя о его неудовлетворительном поведении.

      Ну и я уже молчу про всякие Tinkoff, Apple Pay, Google Now, умные дома и многое другое.

      Как следствие, в любой компании растут IT-отделы. То, чем раньше занимались несколько десятков сотрудников, сейчас делают команды из тысяч и десятков тысяч человек (кстати, поделитесь в комментариях, как выросли ваши IT-отделы).

      Такие большие команды вынуждены более ответственно подходить к выбору технологий, в том числе и UI-фреймворков. И вот вам вброс: неважно, какой UI-фреймворк выбран. И даже вредно ограничивать себя выбором одного фреймворка. Но абсолютно не вредно и даже необходимо следовать правилам использования этих фреймворков.
      Читать дальше →
    • 5 возможностей LESS, о которых вы могли не знать

        LESS


        При разработке интерфейсов я уделяю значительное время работе со стилями, написанными на LESS или SCSS. И часто я замечаю, что разработчики используют только ограниченный набор возможностей препроцессора. В этой статье я хочу рассказать о тех возможностях препроцессора LESS, которые редко используются, но при этом могут значительно упростить написание стилей.

        Читать дальше →
      • Обновление кода приложений на работающем сервере


          Немало организаций ежедневно сталкиваются с необходимостью поддерживать работу высоконагруженных систем, от адекватного функционирования которых зависит огромное число операций. В таких условиях сложно представить ситуацию, когда работа системы приостанавливается для обновления компонентов сервера или кода программных приложений. И если приостановка загрузки картинки или воспроизведения видео на Facebook может быть некритичной, то в финансовой, военной или же аэрокосмической отрасли последствия даже минимальной задержки в обработке операций могут быть катастрофическими.

          Чтобы лучше понимать масштаб данных операций, просто представьте, что банк не смог осуществить многомиллионный платеж клиента или что какая-либо из диспетчерских систем аэропорта «Хитроу» решила обновиться во время взлета самолета. Едва ли подобный сценарий допустим в сегодняшних реалиях.
          Читать дальше →
          • +13
          • 6,7k
          • 3
        • Что скрывает от клиента монитор оператора?



            Умные гаджеты — смартфоны, планшеты — и возрастающая доступность цифровых технологий избаловали нас, пользователей. Сейчас кажется, что для решения любого вопроса должен быть свой интерфейс — конечно, интуитивно понятный, touch-friendly и доступный на любом устройстве.

            Современные телеком-операторы предоставляют своим клиентам широкие возможности самообслуживания через порталы, мобильные приложения и на планшетах в точках продаж:

            • добавление и изменение сервисов;
            • настройка тарифа и конфигурация услуг;
            • статистика и детализация пользования;
            • финансовый мониторинг;
            • работа с бонусами;
            • оплата услуг

            и многие другие.

            В то же время, консультанты в магазине или операторы колл-центра, совершая аналогичные операции, работают в других системах и интерфейсах.

            Зачем создавать и поддерживать несколько систем? Возможна ли унификация этих интерфейсов? И что скрывают от клиента?
            Попытаемся ответить на эти вопросы, рассмотрев конкретные примеры.
          • Как я вспоминал школьный курс геометрии

              image


              Как часто вам приходилось решать дифференциальное уравнение или находить интеграл после окончания учебы? Думаю, нечасто, если, конечно, вы не ученый. Но есть дисциплины, теоретические знания по которым могут внезапно пригодиться нам в работе, даже если эта работа напрямую не связана с наукой. Одна из таких дисциплин — геометрия.

              Читать дальше →
            • Опыт использования Liferay Portal в eСommerce



                Многие из нас уже не раз писали разного рода магазины. Но большие e-commerce проекты в быстро растущей и развивающейся компании разрабатывать приходится нечасто. К таким решениям предъявляются дополнительные требования, такие как конфигурируемость, адаптивность к изменениям, возможности встраивания в другие системы и прочее. Для написания такого решения компания Netcracker использовала Liferay Portal фреймворк. В итоге получили достаточно преимуществ, но и без проблем не обошлось.
                Подробнее под катом
              • Все способы вертикального выравнивания в CSS

                  image

                  Я думаю, многие из вас, кому приходилось заниматься версткой, сталкивались с необходимостью выравнивать элементы по вертикали и знают, какие сложности возникают при выравнивании элемента по центру.

                  Да, для вертикального выравнивания в CSS есть специальное свойство vertical-align с множеством значений. Однако на практике оно работает совсем не так, как ожидается. Давайте попробуем в этом разобраться.

                  Читать дальше →
                Самое читаемое