How to become an author
  • All streams
  • Development
  • Administrating
  • Design
  • Management
  • Marketing
  • PopSci
Log in Sign up
27.0
Karma
0.0
Rating
10
Followers
0
Following

Андрей Громоздов AndyGrom

Senior frontend developr

Profile

Posts 6

Comments 82

Bookmarks 84

  • Posts
  • Comments
  • ylian_demakova March 14, 2018 at 09:02 AM

    Ускорение сборки JavaScript-кода с использованием webpack 2–3

    • Контур corporate blog,
    • Website development,
    • JavaScript,
    • Client optimization,
    • Build automation
      Появляется все больше SPA салонов. Даже лендинги люди пилят на React. А действительно сложное веб-приложение уже трудно представить с другим подходом. Одна из главных проблем современного фронтенда — это сборка таких проектов. С этим помогают справляться бандлеры.

      Иван Соснин, фронтенд-разработчик Контура, рассказывает как настроить webpack 2 и 3, чтобы получить ощутимый прирост в скорости сборки статики. Статья будет полезна тем, кто уже работает с webpack или смотрит в его сторону.

      Стоит начать с ремарки, что недавно вышел webpack 4. Там вообще все супербыстро и ничего делать не надо, а еще изменилось процесс разбиения кода на чанки.


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


      Webpack


      Webpack — это сборщик модулей (бандлер). Он собирает различные модули с зависимостями в один или несколько файлов (бандлов). У webpack модульная архитектура, а это значит, что его можно гибко настраивать. Сборка кода настраивается при помощи плагинов, а трансформации кода производятся с помощью загрузчиков (loaders).


      Если хочется больше базовых подробностей, можно почитать статью Рахима Давлеткалиева про webpack 1. Она немного устаревшая, но идеи и примеры в ней разобраны подробно.


      За всю эту гибкость приходится платить сложной конфигурацией.

      Читать дальше →
      • +17
      • 12.5k
      • 5
    • kkurochkin March 13, 2018 at 05:21 PM

      Централизованный сontinuous deployment за год vol 2

      • Райффайзенбанк corporate blog,
      • System administration,
      • DevOps,
      • Atlassian
        В нашей прошлой статье мы рассказали о том как строили централизованный конвейер, но описали его довольно поверхностно. Это породило массу вопросов, которые мы не можем оставить без ответа. Здесь мы попробуем максимально глубоко залезть «под капот» и рассказать, как работает наш централизованный конвейер.

        Читать дальше →
        • +34
        • 6.7k
        • 13
      • WaRm November 11, 2017 at 12:31 PM

        Централизованный сontinuous deployment за год

        • Райффайзенбанк corporate blog,
        • System administration,
        • DevOps,
        • Atlassian
          В одном из предыдущих постов про DevOps мы обещали рассказать про технологическую составляющую нашего CI/CD-конвейера.

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


          Читать дальше →
          • +20
          • 9.9k
          • 12
        • ru_vds November 14, 2017 at 01:49 PM

          Как работает JS: WebSocket и HTTP/2+SSE. Что выбрать?

          • RUVDS.com corporate blog,
          • Website development,
          • JavaScript
          • Translation
          [Советуем почитать] Другие 19 частей цикла
          Часть 1: Обзор движка, механизмов времени выполнения, стека вызовов
          Часть 2: О внутреннем устройстве V8 и оптимизации кода
          Часть 3: Управление памятью, четыре вида утечек памяти и борьба с ними
          Часть 4: Цикл событий, асинхронность и пять способов улучшения кода с помощью async / await
          Часть 5: WebSocket и HTTP/2+SSE. Что выбрать?
          Часть 6: Особенности и сфера применения WebAssembly
          Часть 7: Веб-воркеры и пять сценариев их использования
          Часть 8: Сервис-воркеры
          Часть 9: Веб push-уведомления
          Часть 10: Отслеживание изменений в DOM с помощью MutationObserver
          Часть 11: Движки рендеринга веб-страниц и советы по оптимизации их производительности
          Часть 12: Сетевая подсистема браузеров, оптимизация её производительности и безопасности
          Часть 12: Сетевая подсистема браузеров, оптимизация её производительности и безопасности
          Часть 13: Анимация средствами CSS и JavaScript
          Часть 14: Как работает JS: абстрактные синтаксические деревья, парсинг и его оптимизация
          Часть 15: Как работает JS: классы и наследование, транспиляция в Babel и TypeScript
          Часть 16: Как работает JS: системы хранения данных
          Часть 17: Как работает JS: технология Shadow DOM и веб-компоненты
          Часть 18: Как работает JS: WebRTC и механизмы P2P-коммуникаций
          Часть 19: Как работает JS: пользовательские элементы

          Перед вами — перевод пятого материала из серии, посвящённой особенностям JS-разработки. В предыдущих статьях мы рассматривали основные элементы экосистемы JavaScript, возможностями которых пользуются разработчики серверного и клиентского кода. В этих материалах, после изложения основ тех или иных аспектов JS, даются рекомендации по их использованию. Автор статьи говорит, что эти принципы применяются в ходе разработки приложения SessionStack. Современный пользователь библиотек и фреймворков может выбирать из множества возможностей, поэтому любому проекту, для того, чтобы достойно смотреться в конкурентной борьбе, приходится выжимать из технологий, на которых он построен, всё, что можно.
          Читать дальше →
          • +22
          • 76.2k
          • 10
        • dimkaar February 21, 2018 at 04:30 PM

          Уязвимости вашего приложения

          • JUG Ru Group corporate blog,
          • Information Security,
          • CSS,
          • JavaScript,
          • HTML

            Актуальны ли ещё угрозы XSS? Прошло около 20 лет с тех пор, как Cross Site Scripting (XSS) появился как вид атаки. С тех пор мы получили богатый опыт и знания, защита наших сайтов стала намного сложнее, а многочисленные фреймворки были призваны оберегать нас от ошибок. Но последние данные показывают совсем другую картину: в первых кварталах 2017 года количество сообщений об XSS-атаках и количество найденных уязвимостей выросло в несколько раз.


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


            Прототипом статьи является доклад на конференции HolyJS 2017 Moscow. Алексей — фронтенд-тимлид/архитектор в компании EPAM Systems и один из лидеров сообщества FrontSpot в Минске. Основные области профессиональных интересов: архитектура и инфраструктура приложений, управление разработкой.


            В этом тексте огромное количество картинок со слайдов. Осторожно, трафик!

            Читать дальше →
            • +46
            • 24.2k
            • 29
          • deusdeorum February 22, 2018 at 09:45 AM

            Работа большой распределенной команды: преимущества удаленки, решения проблем, полезные инструменты

            • Skyeng corporate blog,
            • High performance,
            • Development Management,
            • Project management


              Всем привет! Меня зовут Алексей, я тимлид команды Vimbox (платформа для обучения в Skyeng). Не так давно я выступал на конференции с докладом об удаленной работе и особенностях распределенной команды. Неожиданно темой заинтересовалось много людей, хотя я думал, что хайп уже прошел и никого не удивить. Поэтому я решил поделиться и с вами наработками, полученными за четыре года функционирования в этом формате. Поскольку у нас в компании из 55 разработчиков 51 человек постоянно работает вне офиса, да и сам я живу в Калининграде, думаю, наш опыт многим может пригодиться.

              Читать дальше →
              • +28
              • 24.1k
              • 39
            • ru_vds February 19, 2018 at 03:27 PM

              [в закладки] Инструменты для тестирования JavaScript-проектов

              • RUVDS.com corporate blog,
              • Website development,
              • JavaScript,
              • Web services testing
              • Translation
              Автор материала, перевод которого мы публикуем сегодня, сотрудник Welldone Software, говорит, что если в двух словах рассказать об инструментах для тестирования JavaScript-проектов, то для модульного и интеграционного тестирования рекомендуется использовать Jest, а для тестов пользовательского интерфейса — TestCafe. Однако каждый конкретный проект может нуждаться в чём-то особенном. Лучший способ найти именно то, что нужно — взять несколько инструментов, которые, как кажется, подойдут, и испытать их в действии. Эксперименты подскажут — на чём именно стоит остановиться.



              Представляем вашему вниманию обзор наиболее широко используемых инструментов тестирования для JS-проектов, на которые стоит обратить внимание в 2018-м году.
              Читать дальше →
              • +43
              • 33.7k
              • 8
            • netologyru May 31, 2017 at 04:10 PM

              Безопасность в веб-разработке: чек-лист

              • Нетология corporate blog,
              • Information Security,
              • Website development,
              • Development of mobile applications,
              • Web services testing
              • Translation
              • Recovery Mode
              Светлана Шаповалова, редактор «Нетологии», адаптировала статью Michael O'Brien, в которой он составил чек-лист для веб-разработчиков, предпочитающих разрабатывать не только удобные, но и безопасные приложения.

              Разработка безопасных и надежных облачных веб-приложений — очень, очень сложное дело. Если вы думаете иначе, вы либо не от мира сего, либо жизнь вас еще не проучила.

              Если вы уже заразились идеей «минимально жизнеспособного продукта» (англ. MVP — minimum viable product, прим. перев.) и считаете, что за месяц можно создать одновременно полезный и безопасный продукт — подумайте дважды, прежде чем выпускать его. Просмотрев чек-лист, вы поймете, что оставляете немало уязвимостей.


              Читать дальше →
              • +15
              • 16.6k
              • 7
            • AloneCoder April 10, 2017 at 03:49 PM

              Шаблоны проектирования с человеческим лицом

              • Mail.ru Group corporate blog,
              • Website development,
              • PHP,
              • System Analysis and Design,
              • Designing and refactoring
              • Translation

              image


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


              Как сказано в Википедии:


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

              image Будьте осторожны


              • Шаблоны проектирования — не «серебряная пуля».
              • Не пытайтесь внедрять их принудительно, последствия могут быть негативными. Помните, что шаблоны — это способы решения, а не поиска проблем. Так что не перемудрите.
              • Если применять их правильно и в нужных местах, они могут оказаться спасением. В противном случае у вас будет ещё больше проблем.

              В статье приведены примеры на PHP 7, но пусть вас это не смущает, ведь заложенные в шаблонах принципы неизменны. Кроме того, внедряется поддержка других языков.

              Читать дальше →
              • +120
              • 337k
              • 98
            • freetonik September 20, 2016 at 11:37 AM

              Полное практическое руководство по Docker: с нуля до кластера на AWS

              • Website development,
              • Amazon Web Services
              • Translation



              Содержание


              • Вопросы и ответы
              • Введение
                • Пре-реквизиты
                • Настройка компьютера

              • 1.0 Играем с Busybox
                • 1.1 Docker Run
                • 1.2 Терминология

              • 2.0 Веб-приложения и Докер
                • 2.1 Статические сайты
                • 2.2 Образы
                • 2.3 Наш первый образ
                • 2.4 Dockerfile
                • 2.5 Docker на AWS

              • 3.0 Многоконтейнерные окружения
                • 3.1 SF Food Trucks
                • 3.2 Сети Docker
                • 3.3 Docker Compose
                • 3.4 AWS Elastic Container Service

              • 4.0 Заключение
                • 4.1 Следующие шаги
                • 4.2 Фидбек автору

              Вопросы и ответы


              Что такое Докер?


              Определение Докера в Википедии звучит так:


              программное обеспечение для автоматизации развёртывания и управления приложениями в среде виртуализации на уровне операционной системы; позволяет «упаковать» приложение со всем его окружением и зависимостями в контейнер, а также предоставляет среду по управлению контейнерами.



              Ого! Как много информации.

              Читать дальше →
              • +123
              • 899k
              • 43
            • aalexeev September 6, 2016 at 02:07 PM

              4 вида утечек памяти в JavaScript и как с ними бороться

              • Website development,
              • JavaScript
              • Translation

              В этой статье мы рассмотрим распространённые виды утечек памяти в клиентском JavaScript. Также мы узнаем, как их обнаружить с помощью Chrome Development Tools.


              timeline в Chrome Dev Tools

              Читать дальше →
              • +98
              • 101k
              • 16
            • Zav December 28, 2015 at 12:30 PM

              Я хочу, чтобы сайты открывались мгновенно

              • High performance,
              • Website development,
              • Perfect code,
              • Client optimization
                Здравствуйте, меня зовут Александр Зеленин и я веб-разработчик. Я расскажу, как сделать так, чтобы ваш сайт открывался быстро. Очень быстро.


                Я хочу, чтобы мой сайт открывался быстро
                • +114
                • 134k
                • 87
              • aav January 31, 2013 at 10:41 PM

                Валидация форм в AngularJS

                • JavaScript,
                • Programming,
                • Angular
                  Валидация — одна из автомагических возможностей AngularJS. Хотя магического здесь, конечно же, ничего нет. Просто такие стандартные теги html как form, input, select, textarea — это тоже директивы. И когда они объединяются с ngModel, required, ngPattern и т.п., начинает работать валидация.

                  Читать дальше →
                  • +8
                  • 89.7k
                  • 23
                • sergeyksv July 27, 2015 at 01:24 PM

                  Встраиваемая JavaScript база данных с прицелом на API совместимость с MongoDB

                  • JavaScript,
                  • Node.JS,
                  • MongoDB
                  • From sandbox
                  Как-то давно мы задумали написать один проект для Node.js которому очень нужно было работать с NoSQL базой данных, но при этом не иметь никаких зависимостей от внешних приложений. Как это обычно бывает, все закончилось разработкой новой библиотеки.

                  Начав разработку два года назад, желание использовать встроенную базу данных для web приложения казалось весьма странным. В самом деле, зачем? Сейчас, когда появился проект node-webkit, объяснить это гораздо легче. Используя встроенную базу данных возможно разработать web приложение двойного назначения. Такое приложение сможет работать как в классической схеме клиент-сервер, так и с использованием node-webkit как обычное загружаемое приложение. Важной особенностью и в том и другом случае является то, что код базы данных является частью вашего приложения, что избавляет от многих проблем совместимости и установки.
                  Читать дальше →
                  • +13
                  • 12.1k
                  • 16
                • DataArt May 19, 2015 at 02:26 PM

                  50+ лучших дополнений к Bootstrap

                  • DataArt corporate blog,
                  • Website development,
                  • CSS,
                  • JavaScript,
                  • HTML


                    Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта.

                    Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни».
                    Читать дальше →
                    • +99
                    • 197k
                    • 25
                  • kriptomen March 15, 2015 at 02:59 PM

                    Перевод книги «Выразительный Javascript» в pdf

                    • Website development,
                    • JavaScript,
                    • Programming
                      Хабр, привет.

                      Не так давно SLY_G опубликовал цикл переводов книги Eloquent Javascript (за что ему большое спасибо). В комментариях раз за разом поднимались вопросы о сборке переводов книги, что, собственно, я и сделал при помощи сервиса Gitbook — «Выразительный Javascript», pdf, ePub, mobi и онлайн версия.

                      Репозитарий книги, pull requests принимаются.
                      Читать дальше →
                      • +81
                      • 177k
                      • 35
                    • d06pbiy_kot February 9, 2015 at 03:25 PM

                      Паттерны в AngularJS

                      • Angular
                      • Translation
                      • Tutorial

                      Краткий обзор


                      Один из лучших способов изучить, что то новое, это увидеть, как в нем используются уже знакомые нам вещи. Эта статья не намерена ознакомить читателей с проектированием или шаблонами проектирования. Она предлагает базовое понимание концепций ООП, шаблонов проектирования и архитектурных шаблонов. Цель статьи описать, как различные конструкции программного обеспечения и архитектурные шаблоны используются в AngularJS и написанных на нем SPA.

                      Введение


                      Статья начинается с краткого обзора фреймворка AngularJS. Обзор объясняет основные компоненты AngularJS: directives, filters, controllers, services, scope. Во втором разделе перечислены и описаны различные конструкции и архитектурные шаблоны, которые реализованы внутри фреймворка. Шаблоны сгруппированы по компонентам AngularJS, в которых они используются. Если некоторые шаблоны используются в нескольких компонентах, это будет указано.
                      Последний раздел включает несколько архитектурных шаблонов, которые обычно используются в SPA построенных на AngularJS.
                      Читать дальше →
                      • +25
                      • 58.5k
                      • 11
                    • jff August 27, 2014 at 06:05 PM

                      oDesk (Upwork). Мой опыт за полтора года

                      • Freelance
                        Вот уже полтора года я зарабатываю фрилансом на бирже oDesk. За это время у меня накопилось много материалов по данной теме. В данном топике я собрал все в одну статью и адаптировал для аудитории хабра.
                        image
                        Читать дальше →
                        • +178
                        • 230k
                        • 321
                      • RubaXa December 22, 2014 at 10:15 AM

                        Sortable v1.0: Новые возможности

                        • Website development,
                        • JavaScript,
                        • Angular
                          Привет хабр! В преддверии нового года хочу поделится своей радостью — выходом Sortable v1.0. Ровно год назад я представил на ваш суд мой маленький инструмент для сортировки списка при помощи drag’n’drop. Всё это время я скрупулезно собирал обратную связь, добавлял новые возможности и правил мелкие баги. Под катом я расскажу о новых возможностях, интеграции с AngularJS, Meteor и других нюансах.
                          Читать дальше →
                          • +28
                          • 26.5k
                          • 24
                        • svekl December 22, 2014 at 11:42 AM

                          Breeze.js + Entity Framework + Angular.js = удобная работа с сущностями базы данных прямо из браузера

                          • Website development,
                          • .NET,
                          • Angular
                          • From sandbox
                              

                          Некоторое время назад на просторах сети столкнулся с интересной библиотекой Breeze.js. Первая мысль, которая пришла на ум при взгляде на неё: «Да это же как Entity Framework для браузера». В поисках информации и отзывов других пользователей, конечно, первым делом поискал статью на Хабре, но не нашёл, поэтому и решил написать, в надежде, что кому-нибудь это тоже будет полезным. Статья написана в виде tutorial по созданию проекта на основе Breeze.js, Angular.js, ASP.NET Web API и Entity Framework.
                          Читать дальше →
                          • +12
                          • 19.1k
                          • 13
                        • ← here
                        • there →
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5

                        Info

                        • Rating 6,031–st
                        • Date of birth June 2, 1977
                        • Works in TINKOFF
                        • Activity 3/10/21, 5:18 PM
                        • Registered April 17, 2012

                        Contribution to hubs

                        • JavaScript 84
                        • Node.JS 83
                        • Website development 47
                        • .NET 24
                        • Angular 19
                        • Mono & Moonlight 14
                        No reasons for downvotes yet
                        Reasons for downvotes

                        Your account

                        • Log in
                        • Sign up

                        Sections

                        • Posts
                        • Hubs
                        • Companies
                        • Users
                        • Sandbox

                        Info

                        • How it works
                        • For Authors
                        • For Companies
                        • Documents
                        • Agreement
                        • Terms of service

                        Services

                        • Ads
                        • Subscription plans
                        • Content
                        • Seminars
                        • Megaprojects
                        © 2006 – 2021 «Habr»
                        Language settings
                        About
                        Support
                        Mobile version
                        Language settings
                        Interface
                        Content