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

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

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

- Functional reactive programming (FRP) с Angular 2

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

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

- Для чего

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

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

- Обновления

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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