Для улучшения работы сайта и его взаимодействия с пользователями мы используем файлы cookie. Продолжая работу с сайтом, Вы разрешаете использование cookie-файлов.
Спасибо! Перенаправляем на страницу оплаты.
Оплата недоступна по техническим причинам.
Обратитесь в техническую поддержку сайта
Обратитесь в техническую поддержку сайта
Совершая оплату, вы соглашаетесь
с условиями публичной оферты
с условиями публичной оферты
Спасибо! Перенаправляем на страницу оплаты.
Оплата недоступна по техническим причинам.
Обратитесь в техническую поддержку сайта
Обратитесь в техническую поддержку сайта
Совершая оплату, вы соглашаетесь
с условиями публичной оферты
с условиями публичной оферты
Спасибо! Перенаправляем на страницу оплаты.
Оплата недоступна по техническим причинам.
Обратитесь в техническую поддержку сайта
Обратитесь в техническую поддержку сайта
Совершая оплату, вы соглашаетесь
с условиями публичной оферты
с условиями публичной оферты
Спасибо! Перенаправляем на страницу оплаты.
Оплата недоступна по техническим причинам.
Обратитесь в техническую поддержку сайта
Обратитесь в техническую поддержку сайта
Совершая оплату, вы соглашаетесь
с условиями публичной оферты
с условиями публичной оферты
Спасибо! Перенаправляем на страницу оплаты.
Оплата недоступна по техническим причинам.
Обратитесь в техническую поддержку сайта
Обратитесь в техническую поддержку сайта
Совершая оплату, вы соглашаетесь
с условиями публичной оферты
с условиями публичной оферты
Спасибо! Перенаправляем на страницу оплаты.
Оплата недоступна по техническим причинам.
Обратитесь в техническую поддержку сайта
Обратитесь в техническую поддержку сайта
Совершая оплату, вы соглашаетесь
с условиями публичной оферты
с условиями публичной оферты
Полная программа обучения
13 блоков, 51 урок, более 50 часов качественного теоретического и практического видео-контента, программа рассчитана на 2 месяца обучения.
Базовый
Стоимость
25 000 ₽
Стандартный
Стоимость
40 000 ₽
Максимальный
Стоимость
50 000 ₽
1. Вступительный блок. Регламент
Вступительный блок. План работы на курсе. Регламент прохождения курса.
2. Базовые основы верстки
Основы HTML и CSS. Иерархия элементов сайта. Родительские и дочерние элементы.
Изучение макета.
Работа с БЭМ системой. Как называть слои и классы.
Изучение макета.
Работа с БЭМ системой. Как называть слои и классы.
3. Подготовка к разработке
Подготовка медиа-материалов.
Создание и настройки проекта.
Верстка UI-kit проекта. Часть 1-2
Верстка UI-kit проекта. Часть 3-4
Создание и настройки проекта.
Верстка UI-kit проекта. Часть 1-2
Верстка UI-kit проекта. Часть 3-4
4. Верстка. Разработка первых 5 блоков
Верстка UI-kit проекта. Часть 5-6
Создание структуры страницы.
Верстаем Первый блок - Хедер. Создаем из Хедер компонент. Общие принципы работы с компонентами.
Верстаем Второй блок - Hero Section.
Верстаем Третий блок (Tabs).
Верстаем Четвертый блок.
Создание структуры страницы.
Верстаем Первый блок - Хедер. Создаем из Хедер компонент. Общие принципы работы с компонентами.
Верстаем Второй блок - Hero Section.
Верстаем Третий блок (Tabs).
Верстаем Четвертый блок.
5. Верстка. Разработка следующих 5 блоков
Верстаем Шестой блок.
Верстаем Седьмой (Accordion).
Восьмой блок (Карточки и Swiper).
Верстаем секцию и делаем адаптацию с помощью Swiper.
Девятый блок (Collection).
Футер (виджет Map)
Верстаем секцию и адаптируем ее вместе.
Создаем компонент.
Проверка Pixel Perfect.
Верстаем Седьмой (Accordion).
Восьмой блок (Карточки и Swiper).
Верстаем секцию и делаем адаптацию с помощью Swiper.
Девятый блок (Collection).
Футер (виджет Map)
Верстаем секцию и адаптируем ее вместе.
Создаем компонент.
Проверка Pixel Perfect.
6. Верстка. Разработка дополнительных блоков
Форма и Поп-ап.
Меню в адаптивах.
Дополнительный модуль - проверка Pixel Perfect.
Меню в адаптивах.
Дополнительный модуль - проверка Pixel Perfect.
7. Верстка. Разработка динамической страницы
Создание динамической страницы.
Третий блок Динамической страницы.
Четвертый блок Динамической страницы.
Дополнительный модуль - проверка Pixel Perfect.
Третий блок Динамической страницы.
Четвертый блок Динамической страницы.
Дополнительный модуль - проверка Pixel Perfect.
8. Верстка. Разработка страницы Thank You
Создание страницы Thank You.
Настройка Виджета Form.
Дополнительный модуль - проверка Pixel Perfect.
Настройка Виджета Form.
Дополнительный модуль - проверка Pixel Perfect.
9. Псевдоклассы и селекторы
Дополнительный модуль - Псевдоклассы.
Дополнительный модуль - Контекстные селекторы.
Дополнительный модуль - Контекстные селекторы.
10. Завершение и передача проекта
Финальная проверка, чек-лист.
Подключение домена.
Передача проекта, клиентский режим, тарифы.
Подключение домена.
Передача проекта, клиентский режим, тарифы.
11. CMS-коллекции
Общие принципы. Создание и настройки коллекций.
Референс Мультиреференс (страница Автора).
Настройка SEO для коллекций
Продвинутая настройка Rich Text.
Настройка SEO для коллекций
Продвинутая настройка Rich Text.
Референс Мультиреференс (страница Автора).
Настройка SEO для коллекций
Продвинутая настройка Rich Text.
Настройка SEO для коллекций
Продвинутая настройка Rich Text.
12. Интеграции, SEO
Интеграции.
SEO, Настройка.
SEO, Настройка.
Интеграции.
SEO, Настройка.
SEO, Настройка.
13. Продвинутый блок
Флюидная верстка VW.
Верстка REM.
Custom Properties.
Custom Attributes.
Верстка REM.
Custom Properties.
Custom Attributes.
Дополнительные бонусы
Обратная связь
Обратная связь, видео-разбор и поддержка практикующих преподавателей, проверка каждого домашнего задания.
Курс фриланс
Уникальный курс от Александра Гудаева как зарабатывать на фрилансе.
Тариф 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
Остались вопросы?
поможем разобраться!
Заполни форму для обратной связи
Спасибо ! Мы скоро свяжемся с вами
Что-то пошло не так! Попробуй еще
Поддержка
Сравнение
Сотрудничество
