Сайтостроение [HTML Academy] Онлайн-курс «Подготовка вёрстки для CMS» (2022)

  • Автор темы Админ
  • Дата начала
Админ

Админ

Администратор
Регистрация
12.11.15
Сообщения
36,979
Реакции
225,069
Автор: HTML Academy
Название: Онлайн-курс «Подготовка вёрстки для CMS»



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

  • Понимать, как делить интерфейс на блоки и модули
  • Понимать принципы работы основных систем управления контентом
  • Проверять и готовить интерфейс под изменение контента
  • Работать с графикой, текстами и формами
Типовые задачи, которые вы научитесь решать после курса «Подготовка вёрстки для CMS»:
  • Разбивка страниц на блоки и компоненты
  • Подготовка текста под работу с WYSIWYG
  • Создание форм, которые будут генерироваться на лету
  • Правильная организация CSS- и JavaScript-кода
  • Подготовка графики под работу с системами управления контента
  • Подготовка вёрстки под изменение контента
Программа курса:
Раздел 1
Обзор популярных систем управления контентом

Разберёмся, что такое системы управления контентом, зачем они нужны и какие бывают. Рассмотрим самые популярные CMS — WordPress и Bitrix.

Раздел 2
Подготовка вёрстки под разделение на шаблоны

Рассмотрим структуру React-проекта в CodeSandbox и его использование на курсе.

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

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

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

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

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

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

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

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

Раздел 7
Расширяемость вёрстки

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

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

Краткое подведение итогов и финальный тест.

Подробнее:


Скачать: