Курс «Вёрстка email-рассылок»

Школа: HTML Academy
Направление
Другое
Формат
Упражнения на платформе
Домашние задания
Есть
Итоговый экзамен
Нет
Количество уроков
5
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 18.05.2022

О курсе

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

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

Структурированная теория
В начале каждого раздела вы изучаете теорию из текстового учебника и отобранных нами материалов.

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

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

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

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

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

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

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

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

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

    Шрифты и их поддержка почтовыми клиентами.
    Для чего и как использовать сервис «Типограф».
    Оформление изображений. Изображения для ретины.
    Фоновые изображения.
  3. Что делать, если текст письма на мобильном устройстве слишком мелкий? Или письмо выезжает за пределы экрана? Или нужно перестроить сетку товаров с двух колонок в одну?

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

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

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

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

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

Другие курсы по этой теме

  • HTML Academy PHP и Yii. Архитектура сложных веб-сервисов
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало време ...
    5.0 (1 отзыв)
    17880 руб.
    Подробнее »
  • HTML Academy Фронтенд-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    139000 руб.
    Подробнее »
  • HTML Academy React-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    144000 руб.
    Подробнее »
  • HTML Academy Фулстек-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    184000 руб.
    Подробнее »
  • HTML Academy Бэкенд-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    140000 руб.
    Подробнее »
Помогите нам улучшить наш сервис, поделитесь своим опытом, пройдя небольшой опрос. Он займет у вас не больше 5 минут.
Пройти опрос