Для улучшения работы сайта и его взаимодействия с пользователями мы используем файлы cookie. Продолжая работу с сайтом, Вы разрешаете использование cookie-файлов.
Полная программа обучения
«Визуальная верстка 2.0»
«Визуальная верстка 2.0»
– 14 блоков, 60 уроков,
– более 50 часов качественного теоретического и практического видео-контента,
– программа рассчитана на 2 месяца обучения.
– более 50 часов качественного теоретического и практического видео-контента,
– программа рассчитана на 2 месяца обучения.
Самостоятельный
Стоимость
25 000 ₽
Ваша стоимость
(скидка 20%)
(скидка 20%)
20 000 ₽
Стандартный
Стоимость
40 000 ₽
Ваша стоимость
(скидка 19%)
(скидка 19%)
32 500 ₽
Максимальный
Стоимость
50 000 ₽
Ваша стоимость
(скидка 23%)
(скидка 23%)
38 300 ₽
1. Вступительный блок. Регламент
Вступительный блок. План работы на курсе. Регламент прохождения курса.
2. Базовые основы верстки
Основы HTML и CSS. Иерархия элементов сайта. Родительские и дочерние элементы.
Изучение макета.
Работа с БЭМ системой. Как называть слои и классы.
Изучение макета.
Работа с БЭМ системой. Как называть слои и классы.
3. Подготовка к разработке
Подготовка медиа-материалов.
Создание и настройки проекта.
Верстка UI-kit проекта. Часть 1-2
Верстка UI-kit проекта. Часть 3-4
Верстка UI-kit проекта. Часть 5-6
Создание структуры страницы.
Создание и настройки проекта.
Верстка UI-kit проекта. Часть 1-2
Верстка UI-kit проекта. Часть 3-4
Верстка UI-kit проекта. Часть 5-6
Создание структуры страницы.
4. Верстка. Разработка первых 5 блоков
Верстаем Первый блок - Хедер. Создаем из Хедер компонент. Общие принципы работы с компонентами.
Проверка по подходу Pixel Perfect
Верстаем Второй блок - Hero Section.
Верстаем Третий блок (Tabs).
Верстаем Четвертый блок.
Верстаем Пятый блок (Swiper)
Проверка по подходу Pixel Perfect
Верстаем Второй блок - Hero Section.
Верстаем Третий блок (Tabs).
Верстаем Четвертый блок.
Верстаем Пятый блок (Swiper)
5. Верстка. Разработка следующих 5 блоков
Верстаем Шестой блок.
Верстаем Седьмой (Accordion).
Верстаем Восьмой блок (Swiper)
Девятый блок (Collection).
Футер (виджет Map). Создаем из Футер компонент.
Верстаем Седьмой (Accordion).
Верстаем Восьмой блок (Swiper)
Девятый блок (Collection).
Футер (виджет Map). Создаем из Футер компонент.
6. Верстка. Разработка дополнительных блоков
Верстаем мобильное меню.
Создание всплывающего окна pop-up.
Настройка формы.
Создание всплывающего окна pop-up.
Настройка формы.
7. Псевдоклассы и селекторы
Дополнительный модуль - Псевдоклассы.
Дополнительный модуль - Контекстные селекторы.
Дополнительный модуль - Контекстные селекторы.
8. Верстка. Разработка страницы Thank You
Создание страницы Thank You.
Настройка Виджета Form.
Дополнительный модуль - проверка Pixel Perfect.
Настройка Виджета Form.
Дополнительный модуль - проверка Pixel Perfect.
9. Интеграции, SEO
Интеграции.
SEO, Настройка.
SEO, Настройка.
10. CMS-коллекции
Общие принципы. Создание и настройки коллекций.
Создание и настройка индексируемой страницы.
Создание и настройка динамической страницы.
Настройка Мультиреференс.
Условное отображение элементов.
Настройка и подключение Референс для двух коллекций.
Настройка SEO для коллекций.
Создание и настройка индексируемой страницы.
Создание и настройка динамической страницы.
Настройка Мультиреференс.
Условное отображение элементов.
Настройка и подключение Референс для двух коллекций.
Настройка SEO для коллекций.
11. Завершение и передача проекта
Настройка якорных ссылок в меню.
Финальная проверка, чек-лист.
Добавление Alt-текстов.
Подключение домена.
Передача проекта, клиентский режим, тарифы.
Финальная проверка, чек-лист.
Добавление Alt-текстов.
Подключение домена.
Передача проекта, клиентский режим, тарифы.
12. Продвинутый блок
Custom Attributes.
Основы CSS. Продвинутая настройка RichText.
Флюидная верстка на VW.
Верстка в REM.
Основы CSS. Продвинутая настройка RichText.
Флюидная верстка на VW.
Верстка в REM.
13. Базовые анимации
Введение в анимации, тайминговые функции, плавность, скорость, иерархия анимаций.
Анимация появления. Основные параметры Opacity, Move.
Анимация по скроллу. Параметры Scale, Move.
Анимация при наведении. Анимация по клику. Параметры Scale, Corner radius.
Анимация появления. Основные параметры Opacity, Move.
Анимация по скроллу. Параметры Scale, Move.
Анимация при наведении. Анимация по клику. Параметры Scale, Corner radius.
14. Кастомизация сайта
Дополнительные бонусы
Обратная связь
Обратная связь, видео-разбор и поддержка практикующих преподавателей, проверка каждого домашнего задания.
Курс фриланс
Уникальный курс от Александра Гудаева как зарабатывать на фрилансе.
Тариф Team
Команда 2 месяца в подарок.
Команда 2 месяца в подарок.
Команда 5 месяцев в подарок.
Тариф Business на 2 года
Скидка 30% на тариф Business для своего сайта-портфолио.
Скидка 50% на тариф Business для своего сайта-портфолио.
Домен в подарок.
Скидка 60% на тариф Business для своего сайта-портфолио.
Домен в подарок.
Стажировка
Возможность получить коммерческий проект или работу.
Возможность получить коммерческий проект или работу.
Телеграм-сообщество
Закрытый чат учеников, Задавать вопросы
по материалу.
по материалу.
Закрытый чат учеников, Задавать вопросы
по материалу.
по материалу.
Сопровождение коммерческих проектов
Коммерческое сопровождение.
5 консультаций по своему коммерческому проекту.
5 консультаций по своему коммерческому проекту.
Реквизиты школы
Сокращённое наименование:
ООО «Школа Таптоп»
Полное наименование:
Общество с ограниченной ответственностью «Школа Таптоп»
Адрес:
196247, г. Санкт-Петербург, вн. тер. г. Муниципальный округ Новоизмайловское, пр-кт Ленинский, д. 151, лит. А, помещ. 30-Н, офис 712Б
ИНН:
9810002411
КПП:
781001001
ОГРН:
1257800074828
Номер счёта:
40702810732440004296
Валюта:
RUB
Банк:
Филиал «Санкт-Петербургский» АО «Альфа-Банк»
ИНН банка:
7728168971
БИК:
044030786
Корреспондентский счёт:
30101810600000000786
Адрес банка:
195256, г. Санкт-Петербург, пр-т Науки, Д. 14, К. 1
Остались вопросы?
поможем разобраться!
Заполни форму для обратной связи
Поддержка
Сравнение
Сотрудничество