Спасибо!
Форма отправлена
Форма отправлена
Что-то не так. Попробуйте позже
Бесплатный курс
по no-code верстке
по no-code верстке
Научим верстать сайты с чистым кодом на Taptop без знаний программирования за 3 дня
Начать учиться
Почему Taptop?
Для кого?
Для всех, кто хочет научиться делать сайты по-новому с помощью flex, grid и классов — на фрилансе, для своего работодателя или бизнеса: для дизайнеров, продактов, маркетологов, ноукодеров, владельцев бизнеса.
Сколько длится?
Девять коротких уроков общей длительностью два часа + одно бонусное задание. Стартовать и проходить курс, как и сдавать домашние задания, можно в любое время. В среднем обучение занимает неделю.
Как проходит?
Смотришь короткий видео-урок, делаешь домашнее задание, присылаешь нам — и переходишь к следующему уроку. Преподаватель проверит задание в рабочие часы с 10 до 19 по мск, запишет короткое видео-ревью и пришлет тебе.
Программа обучения
+2 кейса в портфолио
Обучение — бесплатно
Обратная связь от преподавателя
Начать можно в любое время!
Урок 1
Знакомство, интерфейс, основы верстки
На этом уроке ты познакомишься с интерфейсом Taptop и основами вёрстки. Ты создашь свой проект, узнаешь о базовых принципах вёрстки с использованием HTML/CSS и блочной модели, чтобы правильно выстраивать структуру веб-страницы. Также на простом примере разберёшься, как гибко управлять расположением, размерами и отступами блоков с помощью авто-лейаутов на основе flexbox.
Урок 2
Классы стилей
На этом уроке ты начнешь создавать веб-страницу и разрабатывать её структуру: узнаешь, с чего начать вёрстку страницы и как сделать первичные настройки, сверстаешь первую секцию, соберёшь шапку сайта и настроишь меню. Ты увидишь на практике, за что отвечают авто-лейауты и как использовать классы для ускорения вёрстки.
Урок 3
Слайдер
На этом уроке ты сверстаешь слайдер, чтобы сделать сайт более динамичным и привлекательным. Ты создашь слайдер на основе виджета Block List и разберёшься в его структуре, настроишь ширину слайдера и количество карточек на экране, изучишь параметры скролла и элементы управления слайдером, а также узнаешь разницу между относительным и абсолютным позиционированием.
Урок 4
Карточки товаров
На этом уроке ты сверстаешь карточки товаров, чтобы сделать сайт более функциональным и привлекательным. Ты создашь элементы с изображением, текстом и кнопкой, узнаешь, как настроить размеры изображений с учётом ширины экрана с помощью относительных единиц измерения, а также оживишь сайт, добавив ховер-эффект для кнопок заказа.
Урок 5
Форма обратной связи
На этом уроке ты создашь форму обратной связи, чтобы улучшить взаимодействие с пользователями. Ты научишься работать с настройками фонового изображения, сверстаешь форму и настроишь её поля для различных состояний (по умолчанию, успешная отправка и ошибка), а также узнаешь, как разместить кнопку внутри поля ввода с помощью абсолютного позиционирования.
Урок 6
Подвал сайта
На этом уроке ты научишься правильно структурировать и оформлять подвал сайта, чтобы он был информативным и удобным для пользователей. Ты создашь блоки со ссылками, узнаешь, как разместить элементы в углу страницы с помощью внешних отступов, а также разберёшься, как работают брейкпоинты и что такое базовое разрешение.
Урок 7
Адаптация сайта
На этом уроке ты научишься адаптировать сайт для разных разрешений экрана, чтобы сделать его более доступным для всех пользователей. Ты узнаешь о методах создания отзывчивого дизайна, чтобы сайт выглядел отлично на любых устройствах, настроишь адаптацию всех секций для планшета и мобильного телефона, а также разберёшься, как работает мобильное меню.
Урок 8
Анимации
На этом уроке ты оживишь сайт, добавив анимацию элементам для создания интерактивности. Ты настроишь анимации блоков и текста с триггером «Появление на экране», разберёшься в эффектах анимации и их параметрах, а также адаптируешь анимацию для различных разрешений экрана.
Урок 9
Компоненты, базовая настройка
На этом уроке ты познакомишься с компонентами и научишься настраивать страницу и сайт. Ты узнаешь, как ускорить разработку и поддержку сайтов с помощью компонентов, подготовишь сайт к успешному запуску через SEO-настройки, разберёшься в параметрах страницы и проекта, а также изучишь возможности Панели управления. В завершение познакомишься с преимуществами платных тарифов Taptop.
Доп. урок
Бонусное задание
Остался последний шаг для завершения курса — пора закрепить полученные навыки и добавить второй кейс в своё портфолио.
Почему тысячи пользователей выбирают Taptop для своих проектов?
Безграничные возможности верстки
У нас можно кастомизировать все и вся без каких-либо ограничений, а в интерфейсе доступны почти все свойства CSS, поэтому дизайн получается по-настоящему уникальным.
Быстрая сборка и поддержка сайта
Профессиональные фичи ускоряют создание, адаптацию и внесение изменений в несколько раз. Особенно если сайт состоит из нескольких страниц.
Чистый исходный код сайта
Исходный код получается такой же, как если бы его писал хороший разработчик, поэтому сайты быстро грузятся и легко продвигаются в поисковых системах.
Выгодная партнерская программа
У нас крутая партнерка, по которой дизайнер не просто зарабатывает, а становится нашим партнером, получая 30% пожизненно от всех оплат приведенных им пользователей.
Примеры обратной связи от преподавателя
/
3
/
3
Что ты получишь после обучения?
Навыки no-code верстки
Научишься верстать сайты с чистым кодом на Taptop без знаний программирования за 3 дня
Участие в розыгрыше
Сможешь выиграть годовую подписку на один из тарифов Taptop
Наполнение портфолио
Добавишь два сверстанных проекта в свое no-code портфолио
Дополнительный доход
Сможешь брать заказы на верстку сайтов на фрилансе или создавать сайты для своего работодателя/бизнеса
Отзывы о курсе
Никита Незнайкин
Product Designer
Саша Ким
Product Designer
Оля Иванова
UX/UI Designer
Василий Пупкин
Web Designer
Никита Незнайкин
Product Designer
На этом уроке ты познакомишься с интерфейсом Taptop и основами верстки. Ты создашь свой проект, освоишь базовые принципы HTML/CSS и блочной модели, чтобы правильно строить структуру веб-страницы. Также разберешься, как управлять расположением и размерами блоков с помощью авто-лейаутов на основе flexbox.
Саша Ким
Product Designer
На этом уроке ты познакомишься с интерфейсом Taptop и основами верстки. Ты создашь свой проект, освоишь базовые принципы HTML/CSS и блочной модели, чтобы правильно строить структуру веб-страницы. Также разберешься, как управлять расположением и размерами блоков с помощью авто-лейаутов на основе flexbox.
Оля Иванова
UX/UI Designer
На этом уроке ты познакомишься с интерфейсом Taptop и основами верстки. Ты создашь свой проект, освоишь базовые принципы HTML/CSS и блочной модели, чтобы правильно строить структуру веб-страницы. Также разберешься, как управлять расположением и размерами блоков с помощью авто-лейаутов на основе flexbox.
Показать еще
Запишись на бесплатный курс по no-code и научись создавать сайты без программирования!
Получи ценные навыки и начни создавать свои проекты уже сейчас
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже
Записаться
Часто задаваемые вопросы
Кто меня будет учить?
Тебя будут обучать опытные дизайнеры и кураторы Академии Taptop — Вадим Дорошенко и Геннадий Сидоров, которые проверили более 400 домашних заданий. Ты получишь обратную связь в формате видео от преподавателей, а если что-то останется непонятным, они всегда готовы помочь разобраться с любыми вопросами.
Вадим
Дорошенко
Дорошенко
Геннадий
Сидоров
Сидоров
Зачем мне этот курс?
Этот курс — твоя возможность быстро освоить востребованные навыки создания сайтов без написания кода. Всего за несколько дней ты научишься создавать профессиональные веб-сайты на платформе Taptop, используя простые и удобные инструменты. Это идеальный выбор для тех, кто хочет начать карьеру в веб-дизайне или добавить новые навыки в свое портфолио. После прохождения ты сможешь брать заказы на фрилансе и применять знания для развития собственного бизнеса. Не упусти шанс — начни уже сейчас!
Какая стоимость курса?
Наш курс абсолютно бесплатен! Все материалы, практические задания и поддержка доступны для тебя с самого начала, и ты можешь начать учиться в любое время. Всё, что тебе нужно — это желание учиться. Присоединяйся, не откладывай!
Сколько длится обучение?
Курс рассчитан на 1 неделю при среднем темпе обучения. Однако ты можешь проходить его в своем ритме, возвращаясь к урокам, когда тебе удобно. Каждый урок включает теорию и интересные практические задания, которые помогут закрепить знания. И самое приятное — ты всегда можешь отправить домашку и получить обратную связь от преподавателя, который поможет разобраться с любыми вопросами и подскажет, как улучшить твои результаты.
Сколько времени в день нужно тратить?
Для успешного прохождения курса рекомендуем выделять около 1-2 часов в день на изучение материалов и выполнение практических заданий. Но не переживай, если у тебя плотный график — ты можешь учиться в удобном для тебя темпе.