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

[wlux.net]

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

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

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

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

• Разбивка страниц на блоки и компоненты
• Подготовка текста под работу с WYSIWYG
• Создание форм, которые будут генерироваться на лету
• Правильная организация CSS- и JavaScript-кода
• Подготовка графики под работу с системами управления контента
• Подготовка вёрстки под изменение контента

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

Раздел 2
Подготовка вёрстки под разделение на шаблоны
Рассмотрим структуру React-проекта в CodeSandbox и его использование на курсе.

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

Раздел 4
Работа с генерируемым контентом. Графика
Научимся работать с иконками, фоновыми и контентными изображениями.

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

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

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

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

Апдейт: Перезалив

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[kolimero]

Классный курс.
Сейчас пытаюсь с flexbox разобраться

 

[yutake]

Классный курс.
Сейчас пытаюсь с flexbox разобраться

В этом курсе flexbox тоже рассматривается?

 

[oleoleo]

Толковый курс, я в свое время проходил

 

[oleoleo]

Антивирус — это сам по себе виRUS. Если и надумаете ставить то выбирайте с отрытым исходным кодом типо clamwin

 

[gggaqss]

Сейчас пытаюсь с flexbox разобраться

 

[mezk]

Хороший курс, надо будет глянуть

 

[вапаваа]

Спасибо большое за информацию

 

[sidorkovpak]

Одна из лучших школ для изучения верстки.
Советую начать с базы и потом продвинутый курс. Это хорошая база для дальнейшей работы.
Раньше у них был на сайте беслпатный тренажер для практики, но сейчас исключительно платный.
Для совсем новичков, советую начать даже с него. На курсах они по этим тренажерам идут, много бла-бла-бла и воды, смотрел их на скорость 2х, т.к. они медленно говорят.
Еще Лаврик не плохо про flexbox ы рассказывает.

 

[Aleksei01]

курс вообще стоит того?

 

[did0606]

HTML академи хорошие курсы делают, но в разных браузерах может по-разному отображаться выполнение заданий

 

[Ondikar]

Не вижу сам курс, только содержание курса

 

[wlux.net]

Не вижу сам курс, только содержание курса

Апдейт: Перезалив