Вёрстка — один из начальных этапов работы над продуктом. Чаще всего следующий этап — интеграция вёрстки в систему управления контентом.
Поэтому важно верстать так, чтобы результат было удобно интегрировать в CMS.
На курсе вы научитесь делать вёрстку так, чтобы при её интеграции не было проблем.
Пройдя курс, вы сможете:
- Понимать, как делить интерфейс на блоки и модули
- Понимать принципы работы основных систем управления контентом
- Проверять и готовить интерфейс под изменение контента
- Работать с графикой, текстами и формами
- Разбивка страниц на блоки и компоненты
- Подготовка текста под работу с WYSIWYG
- Создание форм, которые будут генерироваться на лету
- Правильная организация CSS- и JavaScript-кода
- Подготовка графики под работу с системами управления контента
- Подготовка вёрстки под изменение контента
| Программа курса: |
Раздел 1 - Обзор популярных систем управления контентом
Разберёмся, что такое системы управления контентом, зачем они нужны и какие бывают. Рассмотрим самые популярные CMS — WordPress и Bitrix.
Раздел 2 - Подготовка вёрстки под разделение на шаблоны
Рассмотрим структуру React-проекта в CodeSandbox и его использование на курсе.
Раздел 3 - Работа с генерируемым контентом. Текст
Научимся работать с текстовыми блоками через WYSIWYG редактор и правильно писать стили.
Раздел 4 - Работа с генерируемым контентом. Графика
Научимся работать с иконками, фоновыми и контентными изображениями.
Раздел 5 - Работа с генерируемым контентом. Формы
Разберём нюансы интеграции форм с помощью плагина и с нуля. Подготовим разметку к интеграции систем управления.
Раздел 6 - Работа с генерируемым контентом. Меню
Научимся стилизовать меню, используя генерируемые классы и кастомные свойства.
Раздел 7 - Расширяемость вёрстки
Поговорим об изменении контента на странице и научимся работать с простым и сложным переполнением.
Раздел 8 - Итоговый раздел
Краткое подведение итогов и финальный тест.
Подробнее:
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
