Екатеринбург, 25 июня 2016
Конференция прошла в отеле «Московская горка» на Московской, 131. Есть интересный опыт или идея для доклада? Пишите: wst@web-standards.ru.
Понравилась конференция? Поддержите нас!
Программа Наверх
- Регистрация
- Открытие
Готовим бизнес-лапшу на React и Redux
Связка React и Redux стала практически стандартом. Да, все научились писать Counter. Приложения, которые показывают данные, тоже не вызывают вопросов. Однако когда речь заходит о сложных приложениях с массой форм и диалоговых окон, заправленных тонной бизнес-лапши, всё становится не так однозначно. Бизнес-логика одной конкретной фичи стремится занять всё доступное пространство и никак не хочет собираться в положенном месте. Как писать изолированные компоненты, делать композицию сложных компонентов и управлять сайд-эффектами? Думаете, что знаете ответ? Презентация в HTML
- Перерыв
МРТ для данных
Человеческий мозг устроен сложно. Если с ним что-то не так, то для диагностики используют магнитно-резонансный томограф. Большие одностраничные приложения тоже устроены сложно. Чтобы их починить или обвесить новой функциональностью, требуется вникнуть в их устройство. Для этого нередко приходится засучивать рукава и с головой погружаться в самую глубь проекта. И немалая часть проблем связана именно с бизнес-логикой и потоками данных. Но что, если у нас будет возможность проникнуть в структуру данных, способ увидеть связи между ними и отслеживать то, как они влияют друг на друга? Такой способ, чтобы не требовалось вскрытия черепной коробки — всё как с МРТ. Презентация в PDF
Меняем JavaScript с помощью JavaScript
Если распарсить код, то можно сделать с ним много полезных вещей. Поддерживать здоровье огромной вечнорастущей кодовой базы и постепенно переводить весь код на новые практики с помощью автоматических трансформаций. Распутать запутанную структуру старого кода и перевести его на новую систему модулей. Сгенерировать документацию. И всё это прямо во время доклада. Презентация в PDF
- Обед
Жми сюда!
Все наши интерфейсы бесполезны без интерактивных элементов. Кнопки, ссылки, псевдоссылки — да какая разница? Див с онкликом и поехали. Как правильно выбрать, сверстать и не наделать глупостей. Куда делась мышка и кому вообще нужна навигация с клавиатуры. Презентация в HTML
Дружим с контентом пользователя
WYSIWG-редакторы не дают настоящего представления о том, как оформленный текст будет выглядеть на сайте, и не всегда генерируют ожидаемую разметку. Такой контент, созданный пользователем, можно взять под контроль и подружить с вёрсткой, применив для него цепочку заранее приготовленных трансформаций. Как сделать
<h3>из<p><b><span style="font-size:20px">, параграфы из<br><br>, а из одного тега<img>—<picture>с набором картинок для разных размеров экрана. Презентация в HTML- Перерыв
npm — найдётся подходящий модуль
Универсальное хранилище самого разного добра: модули Node.js, CSS-фреймворки, WYSIWIG-редакторы и AST-преобразователи — всё это публикуется в npm. Как правильно и удобно пользоваться npm и как им пользуются в Яндексе. Презентация в PDF
Жизнь HTML в 2ГИС под iOS
Когда и для чего нативному приложению использовать веб-технологии. Что делается хорошо, а что нельзя ни в коем случае делать с веб-вью в приложении. Как в 2ГИС проходит разработка для мобильного приложения и чем она отличается от привычного процесса фронтенд-разработки. Как сделать HTML-страницу похожей на приложение, чтобы сохранить чувство «нативности». Презентация в PDF
- Перерыв
Осторожно, закэшировано!
Иногда нужно остановиться, отдышаться, оглянуться назад… и заняться оптимизацией производительности! Несколько простых рецептов с чего начать, как и где использовать кэширование. Инструменты для внедрения, советы, которые помогут
не выстрелить в ногуиспользовать кэш максимально эффективно. Презентация в HTMLКак отвечать за продакшен
Вы — разработчик. Что у вас есть? В худшем случае, компьютер, на котором вы всё тестируете перед выкаткой. Проверяете во всех браузерах, запускаете автоматические тесты, возможно, нагрузочные. В хорошем случае — есть ферма машин или даже отдел тестирования. Стандартные практики по соблюдению качества продукта. Но это только малая часть. Логирование, мониторинг, алертинг, бета-пользователи, поддержка, плагины, антивирусы — что ещё можно сделать, чтобы улучшить техническое качество продукта. Презентация в PDF
- Закрытие
Докладчики Наверх
Павел Волокитин @pavelvolok
Разработчик библиотеки UI-компонентов на React в Контуре. Экспериментирует с Relay и GraphQL.
Анастасия Горячева @negoryacheva
Разрабатывает большое одностраничное приложение для профессиональных пользователей Avito, участвует в разработке инструментов для фреймворка Basis.js.
Сергей Жигалов @sergey_zhigalov
Занимается фронтенд-разработкой в Яндексе уже три года, путь в веб начал издалека: программировал роботов и выпускал электронно-цифровые подписи. Но любовь к JavaScript взяла своё и… завертелось.
Владимир Кузнецов @mista_k
Фронтенд-разработчик в Graph. Апологет компонентного подхода при разработке сайтов. Любит автоматизировать рабочие процессы. Ведёт технический блог «Хранитель заметок».
Вадим Макеев @pepelsbey
Веб-евангелист в Opera, основатель сообщества «Веб-стандарты», автор движка для презентаций Shower, разработчик, организатор и участник IT-конференций, автор блога Пепелсбей.net, пропагандист веб-стандартов.
Алексей Симоненко @simonenko
Веб-евангелист и сооснователь Академии HTML. Обучает тысячи людей фронтенду и влияет на невинные умы новичков.
Всеволод Струкчинский @floatdrop
Разработчик интерфейсов в Яндексе, занимается разработкой на JavaScript фронтенд- и бэкенд-компонентов. Опубликовал больше 100 npm-модулей, скачанных 270 миллионов раз.
Андрей Сумин @andrewsumin
Заместитель технического директора почтовой службы Mail.Ru.
Евгений Тихонов
Фулстек-разработчик из команды Контур.Ритейл. Фанат SOLID, GoF и TDD.
Роман Янке @romanyanke
Занимается фронтендом более пяти лет, в последнее время сосредоточился на мобильных платформах. Делает интерфейсы мобильного приложения 2ГИС на iOS лучше нативного на стеке веб-технологий. Пишет заметки про веб-интерфейсы.
Организаторы Наверх
Opera
Норвежская компания, известная своими браузерами: Opera для компьютеров, Opera для Android, Opera Mini. Участвует в разработке движков Chromium и Blink, подробнее о технологиях на Dev.Opera.
СКБ Контур
Екатеринбургская IT-компания, разрабатывающая программное обеспечение и веб-сервисы для успешного ведения бизнеса. Продукты компании востребованы по всей России. Наиболее известные из них — система для отправки отчетности через интернет Контур-Экстерн, электронный бухгалтер Эльба и сервис обмена электронными юридически значимыми документами Диадок.
FrontendFellows
Сообщество фронтенд-разработчиков, объединяющее разные регионы.
Площадка Наверх
Екатеринбург, отель «Московская горка» на Московской, 131.