Вёрстка — один из начальных этапов работы над продуктом. Чаще всего
следующий этап — интеграция вёрстки в систему управления контентом. Поэтому важно писать код так, чтобы
результат было удобно интегрировать в CMS.
На курсе вы научитесь делать вёрстку так, чтобы
при её интеграции не было проблем.
Необходимые знания: HTML, CSS, базовый JavaScript
Гибкие сроки: начинайте сейчас и учитесь когда удобно.
Понимать, как делить интерфейс на блоки и модули
Понимать принципы работы основных систем управления контентом
Проверять и готовить интерфейс под изменение контента
Работать с графикой, текстами и формами
Больше 40%* сайтов создаются с использованием систем управления
контентом.
*по данным httparchive.org
Карта Компетенций показывает, какими навыками должен обладать фронтенд-разработчик на каждом этапе развития и чему необходимо учиться для карьерного роста.
Как мы собирали Карту Компетенций?
Исследовали рынок вакансий
Опросили тимлидов крупных продуктовых компаний
Собрали обратную связь от опытных разработчиков из числа наставников
Опросили работодателей из Центра Карьеры, которые сотрудничают с выпускниками профессий
Посмотреть Карту Компетенций целиком можно тут
А прочитать про то, как мы её собрали --- вот тут
Разбивка страниц на блоки и компоненты
Подготовка текста под работу с WYSIWYG
Создание форм, которые будут генерироваться на лету
Правильная организация CSS- и JavaScript-кода
Подготовка графики под работу с системами управления контента
Подготовка вёрстки под изменение контента
Разберёмся, что такое системы управления контентом, зачем они нужны и
какие бывают. Рассмотрим самые популярные CMS.
Разберём внутреннее устройство систем управления
и научимся делить код на шаблоны. Рассмотрим принципы организации стилей и подключим
JavaScript.
— Обзор популярных CMS
— Принципы организации шаблонов
— Принципы
организации JavaScript-кода
— Кейс: подготовка блока к вынесению контента
в WYSIWYG-редактор
— Чек-лист: подготовка CSS и HTML
— Тест на
разделение на шаблоны
— Чек-лист: подготовка JavaScript
— Тест
по материалам раздела
Научимся работать с текстовыми блоками через WYSIWYG-редактор
и правильно писать стили.
— Работа с генерируемым контентом
— Кейс:
подготовка вёрстки к вынесению контента в WYSIWYG-редактор
— Практика: подготовка
текстовых параметров для интеграции
— Кейс: эталонная реализация
Научимся работать с иконками, фоновыми и контентными
изображениями.
— Графика
— Иконки
— Фоновые изображения
— Контентные
изображения
— Кейс: подготовка графики к интеграции CMS
—
Практика: подготовка графики для интеграции
— Кейс: эталонная
реализация
— Чек-лист самопроверки
Разберём нюансы интеграции форм с помощью плагина и с нуля. Подготовим
разметку к интеграции систем управления.
— Формы
— Через плагин
— Без плагина
—
Кейс: подготовка формы к интеграции WordPress
— Кейс: подготовка
формы к интеграции Bitrix
— Практика: подготовка формы для интеграции через плагин
Contact Form 7
— Кейс: эталонная реализация
— Чек-лист
самопроверки
Научимся стилизовать меню, используя генерируемые классы и кастомные
свойства.
— Меню
— Кейс: подготовка меню к интеграции WordPress
— Кейс: подготовка
меню к интеграции Bitrix
— Практика: подготовка меню для интеграции через плагин
Contact Form 7
— Кейс: эталонная реализация
— Чек-лист
самопроверки
Поговорим об изменении контента на странице и научимся работать
с простым и сложным переполнением.
— Изменение текстового контента на странице
— Изменение
количества блоков
— Что делать, если при переполнении контента ломается дизайн?
— Как правильно
тестировать вёрстку на изменение контента
— Краткое подведение итогов
— Итоговый
тест
Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Начать учиться можно прямо сейчас.
Программа разбита на модули, каждый из которых позволяет постепенно осваивать навык от простых основ до сложных тонкостей.
В каждом модуле будет:
Структурированная информация, необходимая для усвоения части навыка
Примеры решения типовых задач, которые помогут понять, как теория превращается в практику
Для самостоятельного закрепления полученной теории. После выполнения каждого задания вы получите пошаговое эталонное решение. Можете сравнить его со своим и убедиться, что всё сделано верно.
Для финального закрепления материала. Он позволит вам убедиться, что вы всё точно усвоили и можете двигаться дальше.
Вы можете приобрести несколько курсов по выгодной цене.
Навыки
на курсах, входящих в пакет, объединены общей тематикой.
Подробнее
Сделано для разработчиков, у которых мало времени на обучение.
Связывает теорию с типовыми задачами на рынке. У вас будет понимание того, где и как применить полученную теорию.
Комьюнити каждого курса — это авторы, опытные разработчики
и студенты, прошедшие или проходящие этот курс.
Комьюнити не только помогает в освоении материала,
но и постоянно делает курс лучше.
Хотите освоить конкретный навык, но не знаете как
Не хотите тратить время на поиск актуальной информации по теме
Вам нужна конкретная методика обучения и только необходимая информация
Хотите убедиться, что полученные знания усвоились на практике
9 лет выстраиваем связь с рынком коммерческой разработки. Обучаем
начинающих разработчиков и видим, как они становятся опытными специалистами.
Перед запуском курса убеждаемся, что он даёт востребованный
профессиональный навык.
Общаемся с сообществом веб-разработчиков и поэтому понимаем,
как нужно учить. Максимально сокращаем время от изучения теории до решения типовых задач.