• Опрос по инструментам фронтенда 2019 — результаты

    • Перевод
    TL;DR. В большинстве категорий теперь выделяются явные лидеры — несколько лет назад такого не было. Это помогает накоплению знаний. Поэтому Навыки владения инструментами в среднем становятся глубже у разработчиков всех уровней.

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

    Как всегда, очень интересно посмотреть на изменения инструментов фронтенда за последние 12 месяцев и как меняются мнения разработчиков в отрасли. Эти результаты (надеюсь) помогут получить представление о текущих тенденциях и уровне освоения инструментов, а также об изменениях во времени, сравнив с цифрами из предыдущих опросов.

    Результаты


    Итак, к делу! Возьмите чай/кофе/напиток на свой выбор и посмотрим на результаты…
    Читать дальше →
  • Полочная акустика своими руками

      Однажды я задумал собрать себе качественную акустику для озвучивания небольшой комнаты, а также для использования в качестве мониторов ближнего поля при работе со звуком на компе (хобби). Главное требование — адекватное звучание по отношению к источнику. Не чтобы «низы колбасило» или «тарелочки звенели», а именно адекватное естественное звучание. Итак, собираем качественные «полочники».
      Читать дальше →
    • Шесть задачек для Front-End разработчика

      • Перевод

      1. Форма кредитной карты


      Клёвая форма кредитной карты с гладкими и приятными микровзаимодействиями. Включает форматирование чисел, проверку и автоматическое определение типа карты. Она построена на Vue.js, а также полностью адаптивная. (Посмотреть можно здесь.)

      image

      credit-card-form

      Чему научитесь:

      • Обрабатывать и валидировать формы
      • Обрабатывать события (например, при изменении полей)
      • Разберетесь как отображать и размещать элементы на странице, особенно данные кредитной карты, которая поверх формы
      Читать дальше →
    • Я мотоцикл покупал, чтобы ездить, а не чтобы падать



        Эта статья не совсем в формате Хабра, но, наблюдая какими темпами растет количество двухколесных на улицах столицы, в том числе и среди ИТ-шников, я всё же рискну — может это спасёт несколько жизней, что не так уж и плохо.

        Когда лет 10 назад я купил себе первый мотоцикл, любая встреча двухколесных на дороге была целым событием. Последние же несколько лет ситуация изменилась кардинально — пробка из мототехники в междурядье уже каждодневная обыденность. Размышлять на тему, почему это происходит я не буду, а постараюсь просто поделиться опытом «выживания в большом городе» с теми, кто только купил или пока просто задумывается. Вполне возможно, что некоторые вещи будут полезны и любителям электротранспорта.
        Читать дальше →
      • Дозиметр для Серёжи. Часть II. «столетние трубки» vs мирный атом

        • Tutorial
        В первой части своего повествования я рассказал о производителях, без сомнения, ТОП-овых белорусских дозиметров. Несмотря на все их достоинства, основные недостатки — отсутствие в розничной продаже и высокая цена даже на вторичном рынке — сводят полезность упомянутых приборов для рядового пользователя к нулю. Основная претензия к оборудованию для контроля радиационного фона со стороны обывателя — должно быть просто и дешево. Поэтому сегодня я попробую описать свое видение простых, сделанных на коленке сигнализаторов радиоактивности. Никаких там сцинцилляторов за сотни и тысячи долларов, намотки трансформаторов и травления печатных плат. Сегодня под катом то, что под силу каждому человеку обладающему стандартным уровнем технической грамотности.

        Читать дальше →
      • Rutracker включил eSNI. Конец эпохи DPI и конец блокировок



        Несмотря на желтый заголовок, дальше будет не желтая статья. Всех нас (я надеюсь именно здесь я наконец-таки смогу сказать от всего сообщества) уже достали действия Роскомнадзора. А так же его постоянное появление в рекомендованном на хабре. Поэтому эта новость вам понравится. Хоть что-то важное. Новость кстати еще от декабря 2018.
        Читать дальше →
      • Двойной VPN в один клик. Как легко разделить IP-адрес точки входа и выхода



          TL;DR В статье описывается самый простой способ настроить VPN-сервер, у которого IP-адрес для подключения VPN-клиентов отличается от IP-адреса, с которого клиенты выходят в интернет.

          Используете VPN для защиты приватности в интернете и арендуете для этого свой личный сервер? При этом вы единственный клиент, который подключается к этому серверу во всем мире? Так ли сложно найти ваш реальный IP-адрес, как вам кажется? С вступлением в силу пакета Яровой, это становится намного проще.

          Double VPN — популярная тема, вокруг которой много спекуляций. Часто этим термином называют совершенно разные технологии, но почти всегда это означает разнесенные на уровне IP-адресов точки подключения и выхода в интернет. Мы рассмотрим самый простой способ настройки VPN-сервера в таком режиме, который не требует дополнительной настройки на серверной стороне и позволяет получить максимальную скорость и самые низкие задержки.
          Читать дальше →
        • Debian + Postfix + Dovecot + Multidomain + SSL + IPv6 + OpenVPN + Multi-interfaces + SpamAssassin-learn + Bind

            Данная статья о том как настроить современный почтовый сервер.
            Postfix + Dovecot. SPF + DKIM + rDNS. С IPv6.
            С шифрованием TLS. С поддержкой нескольких доменов — часть с настоящим SSL сертификатом.
            С антиспам-защитой и высоким антиспам-рейтингом у других почтовых серверов.
            С поддержкой нескольких физических интерфейсов.
            С OpenVPN, подключение к которому через IPv4, и которое даёт IPv6.

            Если вы не хотите изучать эти все технологии, но хотите настроить такой сервер — тогда эта статья для вас.

            В статье отсутствуют попытки пояснить каждую деталь. Пояснение идёт к тому, что настроено не стандартно или важно с точки зрения потребителя.
            Читать дальше →
          • Обзор курсов по веб разработке

              В заметке я расскажу о моем опыте прохождения курсов по web разработка в школах: специалист, loft school, html academy, learn.javascript.ru. Эта заметка будет интересная всем, кто интересуется веб разработкой и всерьез думает сделать это своей работой. Подобные мысли заняли меня 2 года назад. Тогда я работал инженером. Сейчас я работаю frontend разработчиком в банке, поддержка ветхого сайта на битрикс и разработка нового на react, так что обучение не прошло даром. Мне периодически задают вопросы, где можно поучиться веб разработке и с чего начать, по этому я решил систематизировать свой опыт.


              Итак, я решил, что курсы с четким планом обучения, заданиями и проверкой со стороны преподавателя (наставника) это самый короткий путь к мой цели, так и вышло. Но пройденные курсы сильно различались, а проходил я их специально в разных школах.

              Читать дальше →
              • +2
              • 19,3k
              • 3
            • Пытаемся сломать игру «7 на 9»

                Сегодня будет маленький этюд просто понять, интересно ли вам такое. В общем, есть такой дядька Алексей Савватеев, который читает потрясающий курс по теории игр. Он же написал книгу «Математика для гуманитариев», где очень тонко постебался над всеми гуманитариями. Просто это как раз та математика, где числа из формул стремительно пропадают. И вот в один прекрасный момент я притащил ему игру «7 на 9» и попросил её сломать.

                Принцип игры простой: в середину стола бросаются карты. На каждой карте число и разница. Например, 6 плюс-минус 2 — сверху можно бросить 8 или 4. Задача — как можно быстрее скинуть все свои карты в центр. Очерёдности ходов нет, ничего нет, просто кто успел — тот и бросил карту. Карты по одной из своей колоды вынимаются на руку, можно брать любое количество. Хоть все. Главное, чтобы пальцев хватило.

                Вот что получилось, видео (ниже). Теперь расскажу словами, что это было (можно не читать, если вы смотрели видео).
                Читать дальше →
              • Как НЕ нужно переводить названия фильмов

                  Название фильма — это первое, на что обращает внимание зритель. Первый контакт с кинокартиной определяет интерес к ней. Именно от названия во многом зависит, посмотрит ли человек трейлер фильма и пойдет ли он на него в кино.

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

                  Фильмы, рассчитанные на глобальный прокат, локализуют в десятках стран. Вот тут-то и начинаются свистопляски. Ведь часто названия переводят совершенно не так, как было в оригинале. Иногда это оправданный шаг, но есть варианты, когда «новое» название просто на голову не налазит. Об этом и поговорим.
                  Читать дальше →
                • Соцсеть в 2019: Яндекс запустил «Ауру»

                    Очень важный UPD - Аура временно прекратила выдавать инвайты



                    Новость с оттенком субъективности

                    Сколько раз вы в жизни думали что-то вроде: а вот бы мне колёса от Тойоты, привод и проходимость от Хантера, внешность от Х3, а размеры от Тундры — была бы идеальная тачка? А Яндекс подумал — и у него получилось. Во всяком случае, первые впечатления от его социального сервиса «Аура» — ух ты, wow, взлетит, зайдёт, удобно, просто. Но дьявол, как известно, в мелочах. Пока это бета и, надеюсь, меня не расстреляют за скриншоты. Итак, Хабр — встречай — «Аура» засветилась.


                    У котиков появилась ещё одна площадка для захвата мира :-)
                    Читать дальше →
                  • Получение разрешения на работу в Чехии: смена работодателя в случае дуальной трудовой карты

                      Добрый день, уважаемые читатели!

                      Я уже писал о том, как можно получить дуальную трудовую карту чтобы легально работать в Чехии, уже находясь в стране. Сейчас я бы хотел рассказать о процедуре смены работодателя в случае дуальной трудовой карты. Кому интересно, прошу под кат.
                      Читать дальше →
                      • +13
                      • 4,2k
                      • 5
                    • Выбор авто для айтишника, или советы чайникам от чайника

                        Привет, Хабр! Оговорюсь сразу — данный пост довольно слабо пересекается с тематикой Хабра, но чуть дальше я объясню почему я решил его опубликовать. Надеюсь хабы выбраны правильно. Так вот, всё дело в том, что скромная выборка основанная на моих личных наблюдениях натолкнула меня на следующую мысль: множество (если не большинство) айтишников довольно слабо разбираются в автомобилях, их устройстве, и вот во всём вот этом. Это не есть плохо, это скорее особенность мышления таких людей. Увлечённый айтишник зачастую проводит своё свободное время за компьютером, имеет соответствующие хобби и интересы, а поэтому весьма далёк от темы гаек и колёс. Существует, конечно, множество исключений, но этот пост не о них и не для них. В чём же проблема, спросите вы? Проблема наступает в тот момент, когда айтишник решается на покупку авто. Перед ним открывается целый мир с которым он никогда не сталкивался, мир с кучей подводных камней и граблей. Откуда я это знаю? Я сам такой. Год назад я покупал свой первый в жизни автомобиль, и вот такой вот пост сильно помог бы мне в своё время. Иными словами — пост не о IT, но для людей связанных с IT. Кому интересно — прошу под кат.
                        Читать дальше →
                      • Митинг против изоляции Рунета

                          Сегодня в России прошли митинги против законопроекта об «обеспечении безопасного и устойчивого функционирования сети «Интернет» на территории Российской Федерации». Такими благостными названиями законопроектов можно кормить чиновников, но не профессиональное сообщество и обычных людей. Согласовать массовые акции удалось в Москве, Хабаровске и Воронеже (новость об этом на Хабре). Митинг был организован Либертарианской партией и Обществом защиты интернета, его поддержали Пиратская партия, Роскомсвобода, кампания «Цифровая оборона».

                          В Питере, Омске, Комсомольске-на-Амуре, Иркутске пришлось довольствоваться форматом одиночных пикетов, которые [пока] не надо с кем-либо согласовывать. В Питере при этом досталось офису Роскомнадзора. На московском митинге в самом начале полиция решила повысить градус абсурда, но в целом мероприятие прошло без массовых происшествий (подробности можно посмотреть тут).



                          Законопроект был принят в первом чтении 12 февраля 2019 года, о чём на Хабре писали тут, а один из вариантов действий обсуждали тут. Второе чтение должно состояться 13 марта.

                          Вот как дело было в Москве:
                          Читать дальше →
                        • «Ростелеком» блокирует MTProto Proxy по размеру пакетов клиента

                            Автор телеграм-бота @rknshowtime Алекc Руденко предположил, каким образом «Ростелеком» блокирует MTProto прокси — популярный прокси для Telegram, который внедрили две недели назад. Напомним, что в этой технической реализации у клиента и сервера нет фазы открытого обмена информацией. Для всевозможных фильтров и анализаторов обмен данными с MTProto-прокси сервером выглядит как неструктурированный бинарный двунаправленный поток данных между клиентом и сервером. Это затрудняет распознавание протокола для блокировки.

                            Но «Ростелеком» нашёл выход из ситуации.

                            Чтобы разобраться, питерский разработчик Леонид Евдокимов (darkk) написал псведо-прокси poormansmtproto и протестировал DPI магистрального провайдера.
                            Читать дальше →
                          • Муравейник или крепость? Строю дом по цене квартиры. 4 часть. Комфорт или необходимость гаджетов дома?

                              Часть 1. Строительство
                              Часть 2. Отопление
                              Часть 3. Электроснабжение

                              В предыдущих выпусках я рассказывал об этапах строительства дома, без которых невозможно было бы заселение и более-менее комфортное проживание. В этот раз я хочу рассказать об устройствах, которые делают жизнь в собственном доме комфортнее и безопаснее. Сюда будет входить всё: от доступа к всемирной паутине до устройств, оповещающих о протечке воды. Располагайтесь удобнее, и я начну. А для тех, кто предпочитает не читать, а смотреть, я сделал видео.


                              Читать дальше →
                            • История советских кассетников: эволюция “Десны”, MK-60 made in USA и народные магнитофоны 70-х

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



                                Мне было интересно проанализировать насколько наши разработчики приблизились к коллегам из Японии, Западной Европы и США, удалось ли им догнать и перегнать, а также понять, почему советские разработки в этой области порой пользовались редким или т. н.”вынужденным” спросом, а большинство их современников стремились приобрести зарубежные образцы.

                                Ввиду того, что тема достаточно обширна, я разделю материал на четыре части, в первых двух я расскажу об эволюции портативных устройств, а в остальных — рассмотрю развитие и упадок стационарных дек.
                                Читать дальше →
                              • Полосы зебры это — бесполетная зона для мошек

                                • Перевод

                                В наш современный век бурного развития IT-технологий кажется, что мы уже знаем все и в мире не осталось ни одной тайны. Отчего дует ветер, почему колобок круглый, даже почему аборигены съели Кука — известно практически каждому человеку.


                                А вот почему зебры полосатые, наверно догадываются совсем не многие. Тем не менее и это УЖЕ выяснили...


                                Ниже приведен перевод статьи о том, что научное тестирование показало преимущества полосатой шубки зебры.




                                Зебры славятся своими контрастными черно-белыми полосами – но до недавнего времени никто не знал, почему они носят свой необычный полосатый узор. Этот вопрос обсуждался еще 150 лет назад великими викторианскими биологами, такими как Чарльз Дарвин и Альфред Рассел Уоллес.


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


                                • зебры полосатые, чтобы избежать захвата хищниками;
                                • зебры полосатые по социальным причинам;
                                • зебры полосатые, чтобы сохранить прохладу;
                                • полосы помогают им избежать укусов мошкары.

                                И только последняя из них прошла проверку. А наше последнее исследование поможет заполнить пробелы в вашем знании большим числом подробностей о том, почему.


                                Камуфляж? Идентификация? Натуральный кондиционер? Нет, нет и нет
                                Рис_1. Камуфляж? Идентификация? Натуральный кондиционер? Нет, нет и нет.

                                Читать дальше →
                              • Самый маленький компьютер

                                  Игровой.
                                  Но это не точно


                                  Он, конечно, не претендует на звание «самого», но явно компактнее собратьев.

                                  Представляю вам пошаговую инструкцию +заметки для сборки вполне себе компактного игрового ПК. Сразу говорю, что понятие «игровой» широкое, а я не богатый, так что тут не будет Core i9 и GTX 1080Ti, я собрал довольно скромную систему, впрочем, она мощнее, тише и меньше старой раз в 10.

                                  Вместо вступления


                                  У меня был средненький 7-летний компьютер, и в какой-то момент он перестал мне нравиться, тогда я решил собрать новый. С удивлением обнаружил, что вышли новые камни у обоих производителей и решил: «наконец-то соберу mini-ITX.» И собрал. Немного заморочившись с питанием (относительно, конечно, но по меркам сборки ПК, где «купил и поставил», заморочился) получил очень компактный ПК. Сами посудите: 210*170*95 мм.
                                  Читать дальше →