[Taptop] Визуальная верстка 2.0. Тариф Самостоятельный (Школа Таптоп)

Онлайн-курс по визуальной верстке на платформе 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

• интеграции
• SEO
• настройка

10. CMS-коллекции

• общие принципы
• создание и настройка коллекций
• создание и настройка индексируемой страницы
• создание и настройка динамической страницы
• настройка мультиреференс
• условное отображение элементов
• настройка и подключение референс для двух коллекций
• настройка SEO для коллекций

11. Завершение и передача проекта

• настройка якорных ссылок в меню
• финальная проверка, чек-лист
• добавление Alt-текстов
• подключение домена
• передача проекта
• клиентский режим
• тарифы

Тариф Самостоятельный.