Онлайн-курс по визуальной верстке на платформе Taptop
Программа посвящена созданию и настройке сайтов, работе со структурой страницы, блоками, формами, интеграциями, SEO, CMS-коллекциями и передаче готового проекта.
Для чего нужен курс:
- освоить визуальную верстку на Taptop
- научиться собирать сайты
- понять логику работы с проектом
- пройти путь от базовых основ до готового результата
Для кого подходит:
- новичкам, которые хотят освоить визуальную верстку
- тем, кто хочет научиться создавать сайты на Taptop
- тем, кому нужна системная программа с последовательным прохождением тем
- тем, кто хочет разобраться не только в верстке, но и в настройке проекта, SEO и передаче сайта
Формат обучения:
- 14 блоков
- 60 уроков
- более 50 часов теоретического и практического видео-контента
- срок обучения - 2 месяца
Что получит участник в результате:
- освоит базовые принципы визуальной верстки
- разберется в HTML и CSS на уровне программы курса
- научится работать с проектом на Taptop
- сможет собирать страницы и отдельные блоки
- поймет, как настраивать формы, интеграции и SEO
- разберется в CMS-коллекциях
- сможет подготовить готовый проект
Особенности курса:
- структурная программа по блокам
- последовательное обучение от основ к практике
- отдельные модули по SEO, CMS и передаче проекта
- более 50 часов видео-контента
- обучение рассчитано на 2 месяца
Программа:
1. Вступительный блок. Регламент
- вступительный блок
- план работы на курсе
- регламент прохождения курса
2. Базовые основы верстки
- основы HTML и CSS
- иерархия элементов сайта
- родительские и дочерние элементы
- изучение макета
- работа с БЭМ системой
- как называть слои и классы
3. Подготовка к разработке
- подготовка медиа-материалов
- создание и настройки проекта
- верстка UI-kit проекта, части 1-2
- верстка UI-kit проекта, части 3-4
- верстка UI-kit проекта, части 5-6
- создание структуры страницы
4. Верстка. Разработка первых 5 блоков
- верстаем первый блок - хедер
- создаем из хедер компонент
- общие принципы работы с компонентами
- проверка по подходу Pixel Perfect
- верстаем второй блок - Hero Section
- верстаем третий блок (Tabs)
- верстаем четвертый блок
- верстаем пятый блок (Swiper)
5. Верстка. Разработка следующих 5 блоков
- верстаем шестой блок
- верстаем седьмой блок (Accordion)
- верстаем восьмой блок (Swiper)
- девятый блок (Collection)
- футер (виджет Map)
- создаем из футер компонент
6. Верстка. Разработка дополнительных блоков
- верстаем мобильное меню
- создание всплывающего окна pop-up
- настройка формы
7. Псевдоклассы и селекторы
- дополнительный модуль - псевдоклассы
- дополнительный модуль - контекстные селекторы
8. Верстка. Разработка страницы Thank You
- создание страницы Thank You
- настройка виджета Form
- дополнительный модуль - проверка Pixel Perfect
9. Интеграции, SEO
10. CMS-коллекции
- общие принципы
- создание и настройка коллекций
- создание и настройка индексируемой страницы
- создание и настройка динамической страницы
- настройка мультиреференс
- условное отображение элементов
- настройка и подключение референс для двух коллекций
- настройка SEO для коллекций
11. Завершение и передача проекта
- настройка якорных ссылок в меню
- финальная проверка, чек-лист
- добавление Alt-текстов
- подключение домена
- передача проекта
- клиентский режим
- тарифы
Тариф Самостоятельный.
