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

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

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

- Functional reactive programming (FRP) с Angular 2

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

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

- Для чего

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

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

- Обновления

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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