FrontEnd

Разработка

Куратор секции: Артём Дикмаров

В секции frontend-разработки нет «воды». Только сложные технологии, типичные ошибки, проблемы и страдания при работе над React-приложениями, Redux-подход и Functional reactive programming (FRP) с Angular2, а ещё разработка с использованием REST на бекенде и React + Typescript на клиенте. Считаете, что Single Page Application — это простой и понятный термин? Возможно. Но это гораздо сложнее, чем вы могли представить. Поговорим о рефакторинге, о разработке компонентов, проектов и всего остального. И, конечно же, о мобильных приложениях. Скучно не будет. Будет сложно и по делу, но я вас предупредил.


E-mail: adikmarov@simtechdev.com
Facebook: https://www.facebook.com/dikmaroff



Андрей Ваганов
Senior front-end developer @ Aggregion
Казань

- Показать идеи Angular2

- Показать как можно больше реальной практики

- Применение Redux подхода в Angular2 и почему это круто работает и легко применимо

- Functional reactive programming (FRP) с Angular 2

- Как быстро и без проблем начать


Offline Mobile JS приложение в браузере и с чем его едят:

- Для чего

- Хранение данных

- Кеширование

- Обновления

- Поддержка браузерами


Павел Силин
frontend-разработчик @ Devim
Санкт-Петербург

1) обзор разных подходов к архитектуре приложений

2) типичные ошибки, проблемы и страдания в сложных react приложениях

3) как страдать меньше и сделать масштабируемое и поддерживаемое react приложение


Игорь Шеко
Front End Developer @ Voximplant
Москва

– Расскажу что такое Acelerated Mobile Page. Почему сейчас это актуально и мегакруто.

– Расскажу про опыт внедрения AMP в мире: какие предпосылки для внедрения, какие ресурсы задействованы, что это приносит в итоге.

– Обзорно расскажу про доступные AMP инструменты и компоненты. Для самых важных покажу примеры использования.

– Расскажу про собственный опыт внедрения AMP на работающих проектах. Опишу несколько самых частых граблей.

– Затрону тему мотивации партнеров и начальства для выделения ресурсов на разработку AMP расширений.

Все исходники будут доступны слушателям по qrcode на последнем слайде.


Алексей Золотых
Frontend разработчик @ Wrike
Санкт-Петербург

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

Так получилось, что мне пришлось менять систему сборки для компании, где я сейчас работаю (Wrike). На данный момент, в нашем фронтовом репозитории более 2 000 000 строк кода. Из опыта работы с этим массивом и родился этот доклад.

1) Рефакторинг определение

2) Правильный рефакторинг, когда нужно рефакторить и когда не нужно

3) Рефакторинг и встроенные средства IDE и редакторов

4) Рефакторинг из консоли, работа с исходным кодом как с текстом (grep), подводные камни, идеи, решения

5) Рефакторинг стилей. Подводные камни, идеи, решения

6) Рефакторинг JavaScript кода при помощи JavaScript

7) Gulp спешит на помощь


Артур Эшенбренер
Архитектор @ Мегаплан
Москва

Расскажу про разработку второй версии Мегаплана с использованием REST на бекенде и React + Typescript на клиенте.

Строгий протокол общения между бекендом и клиентом.

Типизация протокола на стороне PHP

Применение Typescript на клиенте в связке со строгим протоколом общения с бекендом


Кирилл Чистобородов
Собственник @ Minisol
Москва

— избавляемся от проблем на входе, а не на выходе

— верстка - это будущий сайт, а не psd -> html

— рост качества через понимание задачи

Тестирование - поиск и исправление ошибок. Это борьба со следствием, а не с причиной

Причина - восприятие задачи по верстке исключительно как техническую.

Проблема - специалист часто делает верстку, но не сайт для пользователей.

PixelPerfect - не нужен! Наложение - не нужно! Верстка ради верстки - не нужна!

Идеальный мир - крутой верстальщик, но их единицы. Реальность - рутинная проверка и 10 итераций списков доработки. Нужна золотая середина.

Выход - коммуникация верстальщика с дизайнером и менеджером, стандарт верстки, базовый фреймворк, человеческий чеклист


Павел Силин
frontend-разработчик @ Devim
Санкт-Петербург

1) использование принципов SOLID для react компонентов

2) использование stroybook для разработки react компонентов

3) как мы бьем приложение на react компоненты

4) тупые и умные react компоненты

5) react компоненты и стили


Artyom Dikmarov
Design integrator @ Simtech Development
Ульяновск

Почему не стоит использовать самые последние фреймворки и библиотеки?

Почему у самых популярных e-commerce площадок такой отсталый и некрасивый дизайн?

Что такое "Американский фронтенд"?

Как стоит верстать огромные площадки (С 10+ тысячами клиентов)?

Личные примеры, метрики и многое другое.


Эмиль Хуснетдинов
Product Manager @ SmartHead
Казань

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