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

[Aleks]

Складчина: Визуальная верстка 2.0 [Тариф самостоятельный] [Школа Таптоп]



Онлайн-курс по визуальной верстке на платформе Taptop.

Программа посвящена созданию и настройке сайтов, работе со структурой страницы, блоками, формами, интеграциями, SEO, CMS-коллекциями и передаче готового проекта.

Для чего нужен курс:

освоить визуальную верстку на Taptop
научиться собирать сайты
понять логику работы с проектом
пройти путь от базовых основ до готового результата
Для кого подходит:

новичкам, которые хотят освоить визуальную верстку
тем, кто хочет научиться создавать сайты на Taptop
тем, кому нужна системная программа с последовательным прохождением тем
тем, кто хочет разобраться не только в верстке, но и в настройке проекта, SEO и передаче сайта
Формат обучения:

14 блоков
60 уроков
более 50 часов теоретического и практического видео-контента
срок обучения - 2 месяца
обучение проходит на платформе Taptop
Что получит участник в результате:

освоит базовые принципы визуальной верстки
разберется в HTML и CSS на уровне программы курса
научится работать с проектом на Taptop
сможет собирать страницы и отдельные блоки
поймет, как настраивать формы, интеграции и SEO
разберется в CMS-коллекциях
сможет подготовить готовый проект
Особенности курса:

структурная программа по блокам
последовательное обучение от основ к практике
отдельные модули по SEO, CMS и передаче проекта
более 50 часов видео-контента
обучение рассчитано на 2 месяца
Программа:

Вступительный блок. Регламент
Базовые основы верстки
Подготовка к разработке
Верстка. Разработка первых 5 блоков
Верстка. Разработка следующих 5 блоков
Верстка. Разработка дополнительных блоков
Псевдоклассы и селекторы
Верстка. Разработка страницы Thank You
Интеграции, SEO
CMS-коллекции
Завершение и передача проекта


Спойлер: Подробно
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-текстов
подключение домена
передача проекта
клиентский режим
тарифы


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

Блоки 1-11
Цена 25000 руб.




СКАЧАТЬ КУРС

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