Курс одобрен
Асинхронный онлайн‑курс

Вёрстка email-рассылок

Вы научитесь с нуля верстать адаптивные email-письма, узнаете все тонкости процесса и научитесь тестировать свою работу

Формат: теория, разбор кейсов, личный проект, наставник
Гибкие сроки: рекомендованный план --- 1 месяц по 8 часов в неделю
Стоимость: 14 900 16 500

Оставьте заявку и получите консультацию по курсу

Телефон *
Эл. почта *
Имя
* Обязательное поле
Спасибо!
Мы получили вашу заявку и скоро с вами свяжемся
Что-то пошло не так :(
Попробуйте ещё раз, пожалуйста

Начните обучение прямо сейчас и двигайтесь с комфортной скоростью

Курс подходит разработчикам, которые хотят повысить свой профессиональный уровень, даже если у них мало времени.

Зачем изучать вёрстку email-рассылок?

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

Рынок email-маркетинга растёт каждый год (по данным Sendpulse).

Несмотря на большое количество конструкторов рассылок, многие задачи нельзя решить только ими.

Почему email-рассылки нужно уметь верстать правильно?

Несмотря на кажущуюся простоту макетов рассылок, их вёрстка --- это отдельное искусство. Недостаточно сверстать рассылку, похожей на макет, необходимо учесть большое количество тонкостей.

Имеют свои особенности отображения писем, и важно научиться угодить им всем.

Если вы оформите что-то неправильно, пользователи могут не увидеть часть рассылки.

80% пользователей читают рассылки с мобильных устройств.

На курсе вы научитесь не только правильно верстать email-рассылки, но и узнаете про тонкости вёрстки под различные почтовые клиенты и тестирования.

Что будет на курсе?

Структурированная теория и разбор кейсов
В каждом разделе вы изучаете теорию и узнаёте, как решать типовые задачи на примере учебного проекта.

Практика
После изучения теории выполняете домашнее задание: работаете над своим проектом и закрепляете учебный материал.

Ревью кода от наставника
После каждого задания наставник проверяет качество работы и даёт обратную связь. Если остались вопросы, можно записаться на консультацию: наставник поделится опытом и расскажет, как улучшить решение.

Адвайзер
Во время учёбы вас будет сопровождать адвайзер. Он поможет составить индивидуальный план прохождения курса с учётом времени, которое вы готовы выделить на обучение.

Программа курса

Требования для начала курса:

После завершения курса вы научитесь оформлять email-рассылки в соответствии с дизайном, адаптировать письма под мобильные экраны, тестировать и ускорять загрузку писем.

Курс рассчитан на тех, кто уже имеет знания и опыт вёрстки веб-страниц. Программа курса подготовит вас к задачам, с которыми часто сталкиваются верстальщики, работая в компании или на фрилансе.

Раздел 1

Особенности вёрстки email-рассылок

В начале курса разберём, в чём заключается разница между привычной вёрсткой веб-страниц и вёрсткой писем для почтовых клиентов. Разберём важные аспекты вёрстки для почтовиков, рассмотрим особенности почтовых клиентов, а также некоторые тонкости.

  • --- Какие возможности CSS поддерживают и не поддерживают почтовики.
  • --- Табличная вёрстка.
  • --- Инлайновые стили. Сервисы для сведения стилей.
  • --- Типы почтовых клиентов и их поддержка.
  • --- Тонкости: прехедеры и смайлы в теме.
Раздел 2

Текст и изображения

Будем разбираться, как оформить текст, чтобы он везде отображался красиво. Какие шрифты использовать. Когда лучше сделать текст картинкой, а когда текстом. А также разберёмся, как оформлять изображения, в том числе и для ретиновых дисплеев, и почему так важно указывать alt.

  • --- Шрифты и их поддержка почтовыми клиентами.
  • --- Для чего и как использовать сервис «Типограф».
  • --- Оформление изображений. Изображения для ретины.
  • --- Фоновые изображения.
Раздел 3

Адаптивность

Что делать, если текст письма на мобильном устройстве слишком мелкий? Или письмо выезжает за пределы экрана? Или нужно перестроить сетку товаров с двух колонок в одну?

Обо всём этом мы поговорим в этом разделе. Узнаем, как реализовать адаптивность письма, с какими проблемами можно столкнуться, и как их разрешить.

  • --- Медиа-выражения в письмах.
  • --- Адаптивность с помощью инлайн-блоков.
  • --- Outlook и его неподдержка адаптивности.
Раздел 4

Тестирование и оптимизация

Важно всегда тестировать свою работу перед отправкой заказчику или выкатыванием в прод. Мы познакомимся с типовыми проблемами и багами вёрстки рассылок, чтобы отлавливать их ещё на этапе тестирования.

Письмо необходимо проверять во всех популярных почтовых клиентах, а чтобы ускорить этот процесс, мы познакомимся с сервисами тестирования рассылок. А также разберёмся, как оптимизировать письмо и ускорить его загрузку.

  • --- Типовые проблемы вёрстки рассылок: обрезка писем почтовиком, автоподстановка ссылок в текст и другие.
  • --- Сервисы для тестирования рассылок.
  • --- Приёмы оптимизации рассылок: уменьшение объёма разметки с помощью фонов и другие.
Раздел 5

Фреймворки и конструкторы для вёрстки писем

Для тех, кто хочет знать больше. Рассмотрим, какие существуют инструменты для создания рассылок. Разберём, какие фреймворки и конструкторы существуют, и когда лучше использовать их, а когда написать код с нуля.

  • --- Сервисы рассылок и встроенные в них конструкторы писем.
  • --- Популярные фреймворки: Zurb Foundation и MJML.

Компания-рецензент

Курс получил высокую оценку REG.RU. Эксперты признали программу курса актуальной и отвечающей требованиям индустрии. Благодаря дополнениям специалистов компании, лекции и задачи стали ещё более полезными для применения на практике.

REG.RU
Крупнейший в России хостинг-провайдер и регистратор доменов (по данным StatOnline.ru). Работает на рынке с 2006 года.

Письма и email-рассылки — отдельный большой канал коммуникации в компании REG.RU. Вёрстка писем, их визуальное представление и адаптация под разные сервисы и устройства — ежедневная задача команды верстальщиков. Рассылки REG.RU неоднократно отмечались профессионалами отрасли и клиентами: 1 место в категории «Услуги» — рейтинг email-рассылок Unisender 2018, 1 место в номинации «Самый технологичный email-маркетинг» — EMAIL SHOW 2017.

«

Вёрстка писем — специфичное направление, где многое зависит от деталей. Эта программа — аккумуляция нашего опыта, накопленного за годы работы. Она поможет узнать о подводных камнях, фишках и тонкостях вёрстки email-рассылок.

Сергей Ермаков
руководитель отдела разработки интерфейсов хостинг-провайдера и регистратора доменов REG.RU.

Практические задачи

Личный проект

На примере учебного проекта мы расскажем и покажем, как правильно верстать красивые e-mail рассылки. После этого вы сможете попрактиковаться, выполняя задания по личному проекту — над ним вы будете работать и самостоятельно, и в паре с наставником.

Рассылка онлайн-школы «PlayHTML»

Вам предстоит сверстать серию из 3-х рассылок онлайн-школы, в каждой из которых — элементы разного уровня сложности. Каждая рассылка получится адаптивной (вы будете использовать макеты для двух разрешений экрана) и будет корректно отображаться в почтовиках Gmail, Яндекс, Mail, Рамблер и Outlook.

Типовые задачи, которые вы сможете решать после курса

Вёрстка email-рассылок с нуля

Вставка графики и использование шрифтов

Построение адаптивных макетов

Тестирование рассылок

Как проходит обучение

Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Приступить к обучению можно прямо сейчас.

Материал разбит на модули, каждый из которых позволит постепенно осваивать навык от основ до тонкостей.

В каждом модуле будет:

Теория

Структурированная информация, необходимая для усвоения навыка.

Кейсы

Примеры решения типовых задач. Позволяют понять, как применять теорию на практике.

Практические задачи

Для закрепления материала. После выполнения каждого задания вы получите обратную связь от наставника. Он ответит на вопросы и поделится секретами мастерства.

Поддержка наставников

Наставник --- это специалист, который прямо сейчас занимается вёрсткой email-рассылок, решает актуальные задачи, использует современные подходы и инструменты.

Облако наставников на курсе «Вёрстка email-рассылок» — платформа, с помощью которой вы сможете отправить задание на проверку и получить консультацию от любого доступного на курсе наставника.

Опытные разработчики проведут ревью вашего кода, проверят задания, ответят на вопросы и поделятся секретами мастерства.

Курс подойдёт вам, если

Вы хотите изучить востребованный на рынке навык

Вы работаете 24/7 и хотите обучаться с комфортной для вас скоростью

Вы знаете HTML и CSS на базовом уровне

Вы не готовы тратить время на поиск актуальной информации и хотите получить от учёбы максимум практики

Что говорят разработчики

На нашей стороне опыт, исследования и методика

Опыт

9 лет выстраиваем связь с рынком коммерческой разработки. Учим начинающих разработчиков и видим, как они становятся опытными специалистами.

Исследования

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

Методика

Мы общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно учить. Максимально сокращаем время от изучения теории до решения типовых задач.

Чтобы узнать подробности или записаться на курс, оставьте заявку