Профессиональный онлайн-курс

Подготовка вёрстки для 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» входит в пакет «Разработчик интерфейсов»

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

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


Подробнее

5 в 1

Выгодно!

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

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

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

Методику

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

Программу

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

Контент

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

Комьюнити

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

Автор курса

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

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

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

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

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

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

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

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

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

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

Опыт

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

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

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

Методика

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

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

Загружаем…