Современные Rails-приложения с Hotwire
Ведет Владимир Дементьев - автор AnyCable, контрибьютор в Rails, обладатель награды Ruby Hero Russia 2017, разработчик в Evil Martians.
Воркшоп для Rails-разработчиков, которые хотят научиться создавать современный фронтенд на Hotwire, не выходя из зоны комфорта Ruby on Rails.
Подробнее...
Воркшоп для Rails-разработчиков, которые хотят научиться создавать современный фронтенд на Hotwire, не выходя из зоны комфорта Ruby on Rails.
Подробнее...
3 дня по 2 часа
24 июля (пн) 19:00 мск
26 июля (ср) 19:00 мск
28 июля (пт) 19:00 мск
26 июля (ср) 19:00 мск
28 июля (пт) 19:00 мск
Требования
- Опыт разработки на Ruby on Rails
- Базовые знания HTML/CSS/JS
Результат
- Познакомитесь с фронтенд-стеком в Rails 7 приложениях
- Научитесь работать с компонентами Hotwire (Turbo, Stimulus)
- Узнаете о преимуществах и потенциальных проблемах при использовании Hotwire
- Попробуете на практике различные инструменты, разрабатываемые сообществом для приложений на Hotwire (Turbo Boost, AnyCable)
Формат
Сроки
1 неделя, 3 вебинара длительностью 2 ч
(24, 26, 28 июля).
(24, 26, 28 июля).
Практика
Покажем релевантные примеры использования технологии, которые сможете использовать в своей практике.. Также домашние задания и проверка заданий.
Живое общение
У вас будет поддержка в чате, а также на вебинарах будут разбираться типичные вопросы и ошибки, примеры лучших практик и решений.
Программа воркшопа
1 неделя
3 вебинара
Практические задания
Общение с автором и ответы на вопросы
3 вебинара
Практические задания
Общение с автором и ответы на вопросы
На старте обсудим, почему и откуда появился подход HTML-over-the-Wire и какие проблемы он призван решить. Сделаем краткий экскурс в историю и вспомним, каким образом данный подход был реализован в Rails в прошлом, почему он уступил JS-приложениям, и как теперь Hotwire помогает Rails вернуть былую славу.
Затем, мы приступим к практической части и начнём с внедрения первых элементов Hotwire в приложения — Turbo Drive и Turbo Frame.
В результате вы:
Затем, мы приступим к практической части и начнём с внедрения первых элементов Hotwire в приложения — Turbo Drive и Turbo Frame.
В результате вы:
- научитесь подключать и настраивать Turbo Drive в проекте;
- узнаете о подводных камнях при использовании Turbo Drive;
- узнаете о возможных преимуществах разбиения HTML-страниц на кадры с Turbo Frame и рассмотрите популярные примеры использования;
- узнаете о том, какие новые возможности ждут нас в будущих версиях Turbo.
Рассмотрим ситуации, когда сервера недостаточно для построения интерактивного UI, и познакомимся со вторым компонентом Hotwire — Stimulus:
В результате вы:
- научимся писать Stimulus-контроллеры и разберём их жизненный цикл;
- познакомимся с Values и Outlets API;
- рассмотрим разные подходы к проектированию Stimulus-контроллеров (контроллеры-компоненты и контроллеры-поведение);
- познакомимся с полезными библиотеками для работы со Stimulus.
В результате вы:
- получите необходимый опыт и знания для начала использования Stimulus.
Делаем последний шаг на пути к интерактивному и реактивному приложения силами Hotwire — добавляем функционал реального времени через Turbo Streams:
В результате вы:
- рассмотрим базовый принцип работы Turbo Streams (HTML компоненты, действия, расширения);
- узнаем, как Turbo Streams использует Action Cable для обновлений в реальном времени.
В результате вы:
- попробуете на практике инструменты из экосистемы Hotwire и смежных технологий (например, TailwindCSS).
- узнаете о возможностях, ограничениях и подводных камнях при работе с Hotwire.
Результат
После воркшкопа:
- Ruby/Rails разработчики смогут расширить свой арсенал и освоить бэкенд-ориентированные технологии для работы с UI/UX приложений, которые позволят им самостоятельно воплощать идеи в жизнь без необходимости привлечения фронтенд-разработчиков.
- Разработчики, уже использующие Hotwire, смогут систематизировать знания и узнать о полезных практиках и инструментах экосистемы
- Фронтенд и фуллстек разработчики смогут лучше разобраться в HTML-over-the-Wire подходе и максимизировать свою эффективность в проектах, использующих Hotwire (или аналоги)
- Техлиды и технические менеджеры смогут сформировать «за» и «против» Hotwire подхода, что позволит более аргументировано подходить к формированию команды для новых задач.
Требования к участникам
- 1Опыт разработки на Ruby on Rails - наличие нескольких законченных пет-проектов, коммерческий опыт не обязателен
- 2Базовые знания HTML/CSS/JS - умение читать и править готовый код
Как проходит воркшоп
1
Онлайн-занятие
Воркшоп длится 1 неделю, на которой тебя ждут 3 онлайн-занятия.
2
Задание
После занятия ты получишь практическое задание (тарифы Практик и Эксперт), которое позволит отработать и закрепить полученные навыки
3
Проверка
Ведущий проверяет задание (тарифы Практик и Эксперт) и даст рекомендации по его улучшению.
В процессе ты можешь задавать вопросы и всегда получить помощь
В процессе ты можешь задавать вопросы и всегда получить помощь
4
Решение
На следующем занятии разберем основные ошибки и ведущий покажет и объяснит лучшее решение.
Автор
Владимир Дементьев
Разработчик в Evil Martians, ex-CTO Teachbase, автор AnyCable
- RoR-разработчик с 13-ми летним стажем.
- Разработчик в EvilMartians
- Кроме RoR, знает и применяет Erlang, Python, ActionScript, С++, Java
- Коммитер в Rails, aвтор гемов AnyCable и LiteCable
- Регулярно выступает на международных Ruby-конференциях на одной сцене с DHH и Матцем
- "Играющий тренер", со-автор интенсива "Профессиональная разработка на RoR. Продвинутая программа
Тарифы
Отзывы после воркшопа
- * почему решили принять участие?
Интересно было узнать о достаточно новых технологиях
* что было самым ценным и полезным для вас?
новые инструменты, которые раньше не использовала: Turbo Stream, Stimulus
* что понравилось больше всего?
Понравилось живое написание кода. Наставник.
* что нового узнали?
Мне очень нравится Rails, но Stimulus для меня было непонятным белым пятном. Сейчас стало понятней
Спасибо!Артем Ш. - Владимир супер специалист, отличный спикер и мастер презентаций, как можно пропустить? Помимо этого , тема очень актуальная. Посмотреть на код из высшей лиги крайне полезно. Полезного очень много, уже решил некоторые проблемы в своем рабочем проекте.Анна С.
- Воркшоп отличный, я получила большое удовольствие от участия. Восторгаюсь отличной организацией программы и особенно задачками. Круто, что уже была готовая "рыба" приложения, к заданиям прилагались четкие инструкции: как сдавать, какие критерии выполнения, советы по реализации и даже готовая верстка. Т.о. была возможность сфокусироваться на отработке конкретных узких тем, не тратя кучу ресурсов на левую рутину. Чувствую заботу, очень ценю такой подход. И внимательное ревью тоже очень ценю. Спасибо Владимиру!Игорь А.
- Интересно было узнать о достаточно новых технологиях, чтобы оценить их перспективы использования в имеющихся проектах и в целом в трендах \ инструментах для разработки, которыми можно будет воспользоваться в будущем. Так же было интересно "вживую" услышать данного спикера. Сам формат оказался очень удачным, сочетание небольшой теоретической базы и личного примера с подробным и грамотным сопровождением всеми пояснениями и личным опытом.Юрий Р.
- Спасибо организатором и конечно же Владимиру. Полезно, концентрированно и очень профессионально.Александр
- Новая технология. которую хотел изучить.
Ценным был Turbo Stream
Понравилось живое написание кода. Что были ошибки, которые онлайн исправлялись.Георгий М. - Было интересно посмотреть что-то новое в мире Руби. Давно смотрел в сторону Hotwire, из собственного интереса. На самом деле, разработкой получается сейчас заниматься не так много, руковожу отделом, а воркшоп оказался неплохим способом еще погрузиться в разработку, и даже немного поддержать свой уровень.Александр Р.
- Принять участие решил из-за спикера по большей части, но и тема была выбрана интересная. Как итог - прекрасные эфиры, с тонной полезной информации, лаконично выстроенная программа, интересные домашние задания и их грамотное ревью. Владимиру огромная благодарность за то, что заряжает энергией, мотивирует своим профессионализмом и передает свои знания в массыЕвгений В.
Купить запись
Оставьте контакты и получите ссылку на оплату
Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности