Стачка.Frontend

JavaScript развивается и уже стал одной из самых популярных технологий программирования: с его помощью пишутся сервера, мобильные и десктопные приложения. Секция будет посвящена актуальным технологиям из мира Frontend и развитию frontend-экосистемы в целом

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


Модератор секции: Дмитрий Ивко

Более 12 лет я работаю в сфере ИТ и за это время, как говорится, прошел все «круги ада».

Я начинал свой путь с верстки под IE 5.5 больше десяти лет назад.

На тот момент в Самаре не было большого количества ИТ-компаний, и я работал на фрилансе. Это дало мне опыт участия в разного рода проектах: от шаблонных сайтов до крупных порталов и CRM систем.

За свою карьеру мне удалось поработать с высоконагруженными приложениями в «гигантах» - NetCracker и Epam. Это были биллинговые системы, личные кабинеты интернет-банков и торговых площадок, системы автоматизации документа оборота и корпоративные порталы.

На данный момент я работаю в компании Altarix на позиции Team lead в команде front-end разработки и активно делюсь своим опытом – выступаю с докладами и пишу статьи, чтобы уберечь от ошибок и проблем, с которыми столкнулся сам.

Купить билеты


Никита Дубко
Разработчик интерфейсов @ Яндекс
Минск
CSS — язык программирования

Доклад принят в программу конференции


из Доклады

    В Интернетах принято ругать CSS, если не понимаешь, как с ним работать. Тем не менее, CSS в связке с HTML — Тьюринг-полный язык программирования, а если к ним добавить Houdini API и CSS Custom Properties — можно творить настоящую магию.


    Александр Мышов
    Разработчик интерфейсов @ Яндекс
    Новосибирск
    Автоматический рефакторинг кода с помощью codemodes

    Доклад принят в программу конференции


    из Доклады

      Иногда бывает так, что изменение сигнатуры одной функции или обновление зависимости может повлечь за собой несколько дней скрупулёзной работы. Для упрощения и автоматизации этого процесса можно написать свой codemode.

      Сodemode - это скрипт, работающий с абстрактным синтаксическим деревом (ast) JavaScript. Цель codemode - автоматизировать рефакторинг кода.

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


      Александр Мадьянкин
      @ Evil Martians
      Москва
      Как построить Гексагон: прагматичная архитектура для клиентских приложений

      Доклад принят в программу конференции


      из Доклады

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

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

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

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

        Презентация


        Михаил Синяков
        React ниндзя ⚛️ Frontend lead @ Ростелеком ИТ
        Ульяновск
        Архитектура SPA и управление состоянием с помощью MST

        Доклад принят в программу конференции


        из Доклады

          Большинство фронтенд-специалистов самоучки. Умеют хорошо верстать и даже делают сайты на реакте. Но страдают архитектурные решения.

          Я хочу рассказать о том как стоит строить spa, расскажу как нужно делить на слои ответственности. Как это позволит делать отказоустойчивые приложения. Улучшит расширяемость/заменяемость. Упростит тестирование. Расскажу как в качестве сервисного слоя использовать библиотеку MST.


          Алексей Попков
          Разработчик @ Яндекс
          Москва
          DI как способ масштабирования всего

          Доклад принят в программу конференции


          из Доклады

            Как часто вы в тестах подключаете библиотеку для хитрой подмены модулей? А во сколько if вы оборачиваете куски вашего кода для разных платформ? Или может ваша система A/B тестирования построена на switch/case? Хватит это терпеть, нужно чинить!

            Презентация


            Полина Гуртовая
            frontend @ Evil Martians
            Москва
            Прекрасный мир графики

            Доклад принят в программу конференции


            из Доклады

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

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

              О том, что полезно сделать до того как мы начали писать код.

              О том как устроены разные форматы изображений и как выбрать самый подходящий.

              Презентация


              Денис Красновский
              Технический руководитель разработки @ ДомКлик
              Москва
              Как правильно собирать npm-пакет в 2к19 году

              Доклад принят в программу конференции


              из Доклады

                Я покажу вам нечто прекрасное, как маленький npm-пакет может погрузить ваше приложение в хаос.

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

                Я расскажу вам: как правильно собирать npm-пакеты, что выбрать webpack или rollup, какой негативный импакт можно занести в приложение используя плохо собранный пакет.

                Презентация


                Александр Иосса
                Head of frontend development @ Diginavis
                Иннополис
                BDD тестирование веб-приложений

                Доклад принят в программу конференции


                из Доклады

                  Рассмотрим что такое BDD тестирование и как оно помогает писать e2e тесты дешевле и быстрее.

                  Используя Gherkin синтакс в связке с Cypress рассмотрим, как сделать тесты понятными не только для разработчиков, но и для тестировщиков с менеджерами.

                  Определим место acceptance тестов в ci/cd пайплайне. Обсудим кто должен и может писать такие тесты и когда

                  Презентация


                  Дмитрий Ивко
                  Lead Front-end @ altarix
                  Самара
                  Оптимизация или как не выстрелить себе в ногу

                  Доклад принят в программу конференции


                  из Доклады

                    Когда и что стоит оптимизировать, а что лучше не трогать

                    Как опередить способы оптимизации и выбрать правильны подход

                    Что стоит оптимизировать а что переписать совсем.

                    Презентация