Марафон «Email Вёрстка за 14 дней» — Frontend Blok
И да пребудет с тобой сила!
Главная Марафоны Марафон Email Вёрстка

Марафон
Email Вёрстка

Прокачай навык, который позволит дополнительно зарабатывать на заказах с фриланса, используя этот 14-дневный марафон.
Записаться
Дата старта
{{ course.start_date }}
Длительность
14 дней
Стоимость
{{ course.start_price }} РУБ
Курс по верстке email писем на платформе Frontend Blok

Что будет на марафоне?

Доступ
к учебной платформе
Каждый день вы получаете видеоурок с полезными ссылками и домашним заданием для закрепления теории.
Короткие
видео уроки без воды
В среднем каждый урок идёт не более 10 минут. В них нет воды, вы услышите только важную информацию по каждой теме.
Домашки
после каждого урока
Уроки открываются каждый день, кроме выходных, в 06:00 по московскому времени в течение 14 дней.

Кому полезен этот марафон?

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

Расписание

1-4 день
5-8 день
9-14 день
День 1
Почтовые платформы
  • Основные понятия email-верстки
  • Чем верстка email отличается от верстки веб-сайтов?
  • Популярные почтовые платформы
День 2
Общий каркас письма
  • Создание общего каркаса email-письма
  • Особенности, о которых нужно знать перед версткой письма
  • Универсальные HTML-тег
День 3
Работа с текстом
  • Безопасные шрифты для email-писем
  • Свойства CSS для работы с текстом
День 4
Цвет и отступы
  • Свойства CSS для работы с цветом
  • Создание отступов для таблиц в письме
  • Создание отступов для ячеек в письме
День 5
Изображение и ссылки
  • Свойства CSS для работы с изображениями
  • Как работать с SVG-изображениями в письмах?
  • Работа с ссылками
День 6
Верстка шапки письма
  • Установка ширины таблицы для письма
  • Верстка учебного макета на практике
День 7
Верстка основной части письма
  • Комментарование в разметке
  • Верстка учебного макета на практике
День 8
Верстка подвала письма
  • Верстка учебного макета на практике
День 9
Обзор популярных ситуаций
  • Разбор популярных ситуаций при верстке email
  • Визуальное отображение и разметка для таких ситуаций
День 10
AMP письма
  • Что такое AMP-письма и чем они отличаются от HTML-писем?
  • Метод тестирования визуальной подписи письм
День 11
Работа над адаптивом письма
  • Что такое адаптивная верстка?
  • Особенности, которые нужно учитывать при работе над адаптивом
День 12
Инструменты тестирования
  • Инструменты для тестирования верстки
  • Проверка верстки на отечественных клиентах
День 13
Поиск заказов на фрилансе
  • Как совместить фриланс и верстку email-писем?
  • Как искать заказы и почему эта ниша выгодна?
День 14
Работа со вторым макетом
  • Выдача второго макета для отработки материалов с марафона
  • Предварительная демонстрация основного каркаса

Обучение проходит на авторской платформе

Предпросмотр учебной платформы Frontend Blok

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

Получаете доступ на учебную платформу Frontend Blok
Каждый день в 6 утра по мск открывается доступ к новому уроку на платформе
Просматриваете интересный урок длительностью 10-15 минут, содержащий теорию и практику
Выполняете домашнее задание для закрепления пройденного материала
Получаете сертификат об окончании обучения на двух языках: русском и английском

Общая информация по марафону

Домашнее задание
Домашнее задание дается после каждого урока. Его выполнение обязательно. Крайне важно, чтобы вы не просто прослушали видеоматериал, но и закрепили услышанное на практике. Чем больше вы практикуетесь, тем больше запоминаете. Домашние задания — это практика, это разбор тех ситуаций, с которыми вы 100% столкнетесь при верстке современных сайтов.
Учебная платформа
Обучение будет проходить на нашей авторской обучающей платформе Frontend Blok. Доступ выдается каждому ученику после оплаты. Если вы уже имеете доступ к плафторме, то новый курс вы найдете у себя во вкладке «Курс».
Доступ к курсу после окончания уроков
Уроки будут доступны на вашей платформе еще 2 недели. Отсчет идет от даты последнего урока, указанного в расписании. Не переживайте, доступ всегда можно продлить навсегда с услугой «Вечный Доступ» по символической цене внутри платформы Frontend Blok.
Сертификат об окончании обучения
После того, как вы сдадите верстку по учебному и самостоятельному проекту, на учебной платформе Frontend Blok во вкладке «Профиль» вы найдете электронные сертификаты для скачивания на двух языках: русском и английском.

Учебные проекты

На этом курсе вы сверстаете 2 макета email-писем, которые не стыдно будет показать заказчику или работодателю, под руководством опытных преподавателей
Пагинация
Предыдущий
Следующий
Учебный макет email-письма в Figma.

Составной макет, состоящий из разных типов блоков для практики email-верстки: текст, изображение, 2-х и 3-х колоночное содержимое.
Макет для самостоятельной работы.

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

Сколько стоит

Что вас ждет на марафоне:
Доступ к платформе Frontend Blok
Практическая работа с 2 макетами
ДЗ для закрепления теории
Разбор типичных ситуаций при верстке сайтов
Сертификат об окончании обучения
{{ course.prices.start.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? 'или от ' + Math.round(course.prices.start.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить марафон Хочу скидку

Отзывы о марафоне Email вёрстка

Дарья Середина
Дарья Середина
27 апреля 2022
Благодарю Анну за марафон! Как всегда, необходимая информация собрана в четкий алгоритм действий. Как всегда, довольна структурой обучающих блоков. Буду рада видеть больше учебных проектов у Анны :)
Елена Калин
Елена Калин
4 апреля 2022
Мне марафон по email верстке был полезен т.к. email письма никогда не верстала. А тут хотя бы появилось представление что такое табличная верстка. Сохранила себе ссылки на ресурсы и макеты из марафона...
Читать полностью
Дмитрий Подорожных
Дмитрий Подорожных
6 декабря 2021
Курс очень понравился. Не думал, что где-то еще может пригодиться верстка на html 4. Освежил знания по табличной верстке. Теперь буду применять полученные знания на практике.
Антон Простяков
Антон Простяков
8 июня 2021
Пробежал вместе с Анной Блок дистанцию марафона "Email Вёрстка"! Несмотря на то, что это марафон (а обычно на марафонах информация подается немного в сжатом формате...
Читать полностью
Михаил Разуваев
Михаил Разуваев
21 апреля 2020
Давно хотел освоить вёрстку email-писем и Ваш курс пришёлся как нельзя кстати. Спасибо большое за полезную информацию и параллельное практическое её применение. В марафоне я получил сведения о всех нюансах...
Читать полностью
Михаил Гофман
Михаил Гофман
14 апреля 2020
Великолепный марафон! Всё чётко и понятно, как всегда у Анны, без воды и по делу. Благодаря этому марафону я узнал что такое Email вёрстка, научился верстать первые письма. Марафон дал ...
Читать полностью
Дмитрий Сопинский
Дмитрий Сопинский
13 апреля 2021
Курс хороший для полных новичков, а я мало что узнал так как был опыт, но некоторые моменты недопонимал :)
Пагинация
Предыдущий
Следующий

Часто задаваемые вопросы

Сколько по времени длятся уроки?
Развернуть
В среднем видео на марафоне идет 10 минут. Этого достаточно, чтобы рассказать тему и показать, как это работает на практике. В конце каждого урока есть небольшое закрепляющее домашнее задание.
Должен ли я знать что-то заранее?
Развернуть
Будет плюсом, если вы знаете, как верстаются сайты с применением HTML и CSS хотя бы на уровне основ. Так вы сможете четко проследить разницу между современной версткой сайтов и email-рассылок.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
Нет, заранее ничего устанавливать не нужно.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки не обязательно смотреть строго каждый день, но для системного обучения, лучше не пропускать уроки.
Получу ли я сертификат в конце обучения?
Развернуть
Да, сертификат выдается автоматически после прохождения последнего урока.
Закрыть
Антон Простяков
Антон Простяков
8 июня 2021
Пробежал вместе с Анной Блок дистанцию марафона "Email Вёрстка"!

Несмотря на то, что это марафон (а обычно на марафонах информация подается немного в сжатом формате в виду малого количества времени на прохождение) информации более чем достаточно, она хорошо структурирована, рассматривается большое количество способов решения проблем, которые могут возникнуть на реальных проектах, материал подается в понятной и доступной форме, не позволяя запутаться в обилии тегов таблиц! :)

Ну а в конце, как только ты финишировал, выдается сертификат о прохождении - приятная ачивка!

В общем, как всегда все круто!

Спасибо Вам за возможность попрактиковаться и научиться чему-то новому для себя!
Закрыть
Михаил Разуваев
Михаил Разуваев
21 апреля 2020
Давно хотел освоить вёрстку email-писем и Ваш курс пришёлся как нельзя кстати. Спасибо большое за полезную информацию и параллельное практическое её применение. В марафоне я получил сведения о всех нюансах email-вёрстки и теперь приступлю к реализации полученных знаний в реальных заказах. Анна, спасибо за Ваш труд!
Закрыть
Михаил Гофман
Михаил Гофман
14 апреля 2020
Великолепный марафон! Всё чётко и понятно, как всегда у Анны, без воды и по делу. Благодаря этому марафону я узнал что такое Email вёрстка, научился верстать первые письма. Марафон дал мне основы и подтолкнул к более углублённому изучению Email вёрстки. Я очень доволен тем, что приобрёл этот марафон и всем рекомендую

Спасибо, Аня, за твою работу.
Закрыть
Елена Калин
Елена Калин
4 апреля 2022
Мне марафон по email верстке был полезен т.к. email письма никогда не верстала. А тут хотя бы появилось представление что такое табличная верстка. Сохранила себе ссылки на ресурсы и макеты из марафона для дальнейшей работы. Материал объясняется доступным языком, то что и нужно для начинающего специалиста. В общем, Спасибо за марафон!