Онлайн-курс

Подготовка вёрстки для CMS

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

На курсе вы научитесь делать вёрстку так, чтобы при её интеграции не было проблем.

Необходимые знания: HTML, CSS, базовый JavaScript

Гибкие сроки: начинайте сейчас и учитесь когда удобно.

Скидка 20% до 4 мая

Курс поможет получить востребованный навык и повысить свою ценность на рынке

Пройдя курс, вы сможете:

Понимать, как делить интерфейс на блоки и модули

Понимать принципы работы основных систем управления контентом

Проверять и готовить интерфейс под изменение контента

Работать с графикой, текстами и формами

Больше 40%* сайтов создаются с использованием систем управления контентом.

*по данным httparchive.org

Мы постоянно разрабатываем новые курсы по навыкам, необходимым для роста до мидла:

Типовые задачи, которые вы научитесь решать после курса «Подготовка вёрстки для CMS»:

Разбивка страниц на блоки и компоненты

Подготовка текста под работу с WYSIWYG

Создание форм, которые будут генерироваться на лету

Правильная организация CSS- и JavaScript-кода

Подготовка графики под работу с системами управления контента

Подготовка вёрстки под изменение контента

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

Раздел 1

Обзор популярных CMS. Подготовка вёрстки под разделение на шаблоны

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


— Обзор популярных CMS
— Принципы организации шаблонов
— Принципы организации JavaScript-кода
Кейс: подготовка блока к вынесению контента в WYSIWYG-редактор
Чек-лист: подготовка CSS и HTML
Тест на разделение на шаблоны
Чек-лист: подготовка JavaScript
Тест по материалам раздела

Раздел 2

Работа с генерируемым контентом. Текст

Научимся работать с текстовыми блоками через WYSIWYG-редактор и правильно писать стили.

— Работа с генерируемым контентом
Кейс: подготовка вёрстки к вынесению контента в WYSIWYG-редактор
Практика: подготовка текстовых параметров для интеграции
Кейс: эталонная реализация

Раздел 3

Работа с генерируемым контентом. Графика

Научимся работать с иконками, фоновыми и контентными изображениями.

— Графика
— Иконки
— Фоновые изображения
— Контентные изображения
Кейс: подготовка графики к интеграции CMS
Практика: подготовка графики для интеграции
Кейс: эталонная реализация
Чек-лист самопроверки

Раздел 4

Работа с генерируемым контентом. Формы

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

— Формы
— Через плагин
— Без плагина
Кейс: подготовка формы к интеграции WordPress
Кейс: подготовка формы к интеграции Bitrix
Практика: подготовка формы для интеграции через плагин Contact Form 7
Кейс: эталонная реализация
Чек-лист самопроверки

Раздел 5

Работа с генерируемым контентом. Меню

Научимся стилизовать меню, используя генерируемые классы и кастомные свойства.

— Меню
— Кейс: подготовка меню к интеграции WordPress
— Кейс: подготовка меню к интеграции Bitrix
— Практика: подготовка меню для интеграции через плагин Contact Form 7
Кейс: эталонная реализация
Чек-лист самопроверки

Раздел 6

Расширяемость вёрстки

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

— Изменение текстового контента на странице
— Изменение количества блоков
— Что делать, если при переполнении контента ломается дизайн?
— Как правильно тестировать вёрстку на изменение контента

Раздел 7

Итоговый раздел

— Краткое подведение итогов
Итоговый тест

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

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

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

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

Теория

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

Кейсы

Примеры решения типовых задач, которые помогут понять, как теория превращается в практику

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

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

Тест

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

Курс «Подготовка вёрстки для CMS» входит в пакет «Разработчик интерфейсов»

Вы можете приобрести несколько курсов по выгодной цене.
Навыки на курсах, входящих в пакет, объединены общей тематикой.

«Разработчик интерфейсов»

39 900 ₽

32 900 ₽

Подробнее

5 в 1

Выгодно!

Разработчикам от разработчиков

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

На курсе «Подготовка вёрстки для CMS»
вы получите:

Методику

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

Программу

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

Контент

Актуальная и обновляемая теория, проверенная рынком. Никакой «воды» — вы получите только необходимые знания.

Комьюнити

Поможет вам с ответами на вопросы и углублением знаний.

Автор курса

Татьяна Симоненко

Фрилансер-разработчик с 2015 года.
Работает над проектами испанских, эстонских и российских компаний: i-Free, Timeweb, Radario, Trifit.
Последние 2 года работает удалённо из Азии — Бали, Таиланд, Шри-Ланка.
Организовывала коливинг для удалёнщиков в Красной Поляне.
Топ-наставник 2020-2022 в HTML Academy

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

Вам это подходит, если:

Вы хотите больше зарабатывать или сменить работу, но не знаете, в каком направлении развиваться:

Хотите освоить конкретный навык, но не знаете как

Не хотите тратить время на поиск актуальной информации по теме

Вам нужна конкретная методика обучения и только необходимая информация

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

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

Опыт

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

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

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

Методика

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

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

Записаться на курс «Подготовка вёрстки для CMS»

Записаться на курс
«Подготовка вёрстки для CMS»

Выберите подходящий способ обучения:

Способы оплаты

Чем отличаются тарифы?

Самостоятельно

С экспертом

Доступ к материалам:
демо, практика, кейсы

Постоянно обновляющийся контент

Комьюнити с авторами и экспертами курса

3 персональных консультации с экспертом

Стоимость

6 900 ₽

25 000 ₽

Стоимость в рассрочку на 6 месяцев

1 150 ₽/мес

4 160 ₽/мес