• Поиск решения для быстрого создания интерфейсов СУБД

      Практически каждый человек сталкивается с ведением какого-либо учета, сбором и анализом данных: от использования таблиц в экселе до работы с данными в клиент-банковском приложении. Повсеместно для такого учета используются различные системы управления базами данных (СУБД).


      В статье я хотел бы рассказать о своем пути поиска такой системы.

      Читать дальше →
    • Типичное использование Observable объектов в Angular 4

        Представляю вашему вниманию типичные варианты использования Observable объектов в компонентах и сервисах Angular 4.



        Подписка на параметр роутера и мапинг на другой Observable


        Задача: При открытии страницы example.com/#/users/42, по userId получить данные пользователя.


        Решение: При инициализации компоненты UserDetailsComponent мы подписываемся на параметры роутера. То есть если userId будет меняться — будер срабатывать наша подписка. Используя полученный userId, мы из сервиса userService получаем Observable с данными пользователя.


        // UserDetailsComponent
        
        ngOnInit() {
          this.route.params
            .pluck('userId') // получаем userId из параметров
            .switchMap(userId => this.userService.getData(userId))
            .subscribe(user => this.user = user);
        }

        Читать дальше →
      • Angular vs. React vs. Vue: Сравнение 2017

        Выбор JavaScript-фреймворка для вашего веб-приложения может быть невыносим. В настоящее время очень популярны Angular и React, и есть также выскочка, получающий много внимания в последнее время: VueJS. Кроме них, лишь эти несколько новичков.


        Читать дальше →
      • Как я перестал любить Angular

        Вступление


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


        На дворе 2017ый год и для каждого нового продукта/проекта встает вопрос выбора фреймворка для разработки. Долгое время я был уверен, что новый Angular 2/4 (далее просто Angular) станет главным трендом enterprise разработки еще на несколько лет вперед и даже не сомневался что буду работать только с ним.


        Сегодня я сам отказываюсь использовать его в своем следующем проекте.


        Дисклеймер: данная статья строго субъективна, но таков мой личный взгляд на происходящее и касается разработки enterprise-level приложений.

        Читать дальше →
      • Настройка среды разработки 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 и разобраться со всеми этапами сборки/разработки.

        Вы удивитесь, как это просто.
        Читать дальше →
      • Основы Angular: HttpClient

        • Перевод
        • Tutorial

        Самый распространенный способ получить данные из web служб — это через Http. И в этой статье мы посмотрим как это можно сделать Http-запрос в Angular 4.3 через новый HttpClient.


        Начиная с версии Angular 4.3 появился новый HttpClient. В этой статье описывается только новый клиент.

        Читать дальше →
      • Реклама помогает поддерживать и развивать наши сервисы

        Подробнее
        Реклама
      • Edge ненавидит ваши атрибуты

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


        Читать дальше →
      • Как «Актив» организовал «электронную переговорку»

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


          Но это только половина проблемы. Как всем известно, ресурсами еще нужно уметь грамотно управлять, чтобы не случалось коллизий. Ситуации, когда во время встречи с партнерами, в переговорную врывается руководитель соседнего подразделения со словами “И эта занята!?”, недопустимы.



          Второй момент – когда под рукой нет инструмента (к примеру, Outlook или его web-интерфейса), чтобы забронировать переговорную комнату, но очень нужно «успеть» захватить ценный ресурс. Для осуществления задуманного, необходимо идти на свое рабочее место и с него осуществлять бронирование. Теперь представим, что у вас нет на это времени, выходя из переговорной комнаты с очередной встречи.


          Можно конечно придумать еще различные варианты «почему». Для нас уже этих двух моментов было достаточно, чтобы начать исследования в направлении поиска решения проблемы.

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



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

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

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

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

            Такие большие команды вынуждены более ответственно подходить к выбору технологий, в том числе и UI-фреймворков. И вот вам вброс: неважно, какой UI-фреймворк выбран. И даже вредно ограничивать себя выбором одного фреймворка. Но абсолютно не вредно и даже необходимо следовать правилам использования этих фреймворков.
            Читать дальше →
          • WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha

              На этой неделе вышло большое обновление WebStorm. В этом посте мы расскажем подробнее о том, какие улучшения ждут JavaScript-разработчиков в WebStorm 2017.2 и других IDE JetBrains версии 2017.2.

              Вы можете прочитать подробнее о WebStorm 2017.2 и скачать его на нашем сайте.

              Улучшения в поддержке JavaScript и TypeScript


              Move symbol


              Новый рефакторинг Move symbol переносит классы, глобальные функции и переменные из одного JavaScript или TypeScript файла в другой. IDE автоматически добавит экспорт и обновит ES6-импорты в файлах, где используется этот символ.

              Чтобы вызвать этот рефакторинг, поставьте курсор на символ в ES6-модуле и нажмите F6.


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