ОНЛАЙН КУРС
Каталог модулей
Модуль 1
1 Интерфейс и работа в Figma
1 Figma - Начало работы
2 Интерфейс Figma
3 Горячие клавиши Figma
4 Слои в Figma
5 Страницы в Figma
6 Основные управляющие элементы Figma
Как создать логотип
Что делать если не можете найти документ
в в Figma

2 Интерфейс и работа в Tilda
1 Регистрация Яндекс.Почта
2 Обзор интерфейса Tilda
3 Работа со страницами Tilda
4 Работа с блоками Tilda
5 Обзор раздела Ещё Tilda

3 Типографика в вебе
1 Семейства шрифтов и начертание
2 Основы типографики
3 Основные приемы в типографике
Подробно про межстрочный и
межбуквенный интервал
Как выровнять отступы в тексте

4 Композиция в вебе
1 Линейка и направляющие лини
2 Общи правила композиции
3 Выравнивание в 12 колонок
4 Отступы
Система нисходящих отступов
6 Форматы изображений
Основные форматы изображений
Конвертация и удаление фона у фотографий
Дополнительно
Список сервисов и ресурсов для вдохновения
Как работать с расширением Nimbus
Ещё одна программа для записи видео -
OBS
Словарь терминов (pdf)
Домашнее задание
Домашнее задание. Шаг 1
Домашнее задание. Шаг 2
Домашнее задание. Шаг 3
Мастер-класс по выполнению домашнего
задания
Устанавливаем Nimbus в Google Chrome
Как отправить ссылку на домашнее задание
Текстовый документ со ссылкой на домашнее
задание и расширение Nimbus



Модуль 2
Урок №1 - 12 колонок и полноэкранная
верстка
12 колонок и полноэкранная верстка
Урок №2 - Структура сайта
1 Создание структуры одностраничного
сайта сайта
2 Создание структуры одностраничного
сайта сайта
Урок №3 - Обложки
Работа с обложками
Урок №4 - Меню
1 Работа с меню
2 Работа с меню
3 Работа с меню
4 Работа с меню
5 Работа с меню
Урок №5 - Формы
Работа с формами
Урок №6 - Pop Up
1 часть. Pop Up для email рассылки
2 часть. Pop Up для сбора данных
3 часть. Pop Up для информации
Верхнее меню для работы с текстом
Типограф
Дополнительно
Как найти прозрачное изображение в
Яндекс.Картинки
Как сделать кликабельными номер
телефона и почту
Как перенести сайт или страницу на
другой аккаунт
Шрифты
Загружаем свой шрифт в Tilda
Карты
1 Как получить ключ от Яндекс карт
2 Работа с картами
Клиенты и Tilda
Почему Tilda
Типы клиентов

Мастер-класс по созданию
одностраничного сайта
1 часть Мастер-класс по созданию
одностраничного сайта
2 часть Мастер-класс по созданию
одностраничного сайта
3 часть Мастер-класс по созданию
одностраничного сайта
Домашнее задание
Домашнее задание
Метод "Свободное вознаграждение"
Домашнее задание (pdf)


Модуль 3
Дизайн
Урок 1. Сетки
Урок 2. Силовые линии, композиция и
баланс

Урок 3. Дизайн-система Булевые
операции в Figma
Делаем сайт красивее в несколько кликов
Делаем сетку Tilda в Figma
Как подобрать цвет - Сервис Coolors
Цвета и градиенты
Цвета
Работа с тенями в Figma и несколько
полезных приемов
Система нисходящих отступов
Как поменять форму картинки
Круговые диаграммы в Figma
Tilda
Вкладки в Tilda (стандартные блоки)
Крутые блоки Tilda. Часть 1
Крутые блоки Tilda. Часть 2
Крутые блоки Tilda. Часть 3
Поиск клиентов
1 Пошаговая работа с клиентами
2 Стратегия продаж
Поиск клиентов в Shikari
Что писать клиентам с Shikari
Ценообразование
Создание брифа для клиента
Работа со страницей вк
Неудачи и как с ними работать
Поиск клиентов в Telegram
Текстовый документ. Ссылка на мой бриф
Плагины
Как добавить плагин в figma
Плагины для изменения формы текста
Домашнее задание
Домашнее задание
Дания (текстовый файл)
Дополнительное домашнее задание.
Телефонные звонки
Дополнительное домашнее задание.
Сссылка на курс (текстовый файл)

Модуль 4
Основные уроки
1 урок. Обзор интерфейса Zero Block
2 урок. Подготовка в Figma
3 урок. Начало переноса в Tilda
4 урок. Что делать с Window Container в
младших разрешениях
5 урок. Мобильная верстка в Zero Block
6 урок. Как определить как верстать Grid
или Window?
7 урок. Когда стоит использовать
стандартные блоки
8 урок. Работа с Ui Kit в Figma
9 урок. Подробнее про привязку элементов
к окну и
рабочей области, отступы и размеры
в процентах
10 урок. Подробнее о работе с разными
разрешениями в Zero Block
11 урок. Подробнее про тонкости мобильной
верстки в Zero Block
12 урок. Бонусы для переноса макета
из Figma в Tilda
13 урок. Почему не стоит использовать
Window
Container на десктопных разрешениях
(мнение)
14 урок. Autoscale. Решение проблем
урока 13.
Обязательно к просмотру!
Базовая анимация в Zero Block
1 Fade in и zoom in анимая в Zero Block
2 Парралакс анимация в Zero Block
3 Анимация фиксирования элементов при
скролее на экране
Меню в Zero Block
1. Меню в Zero Block
2. Как сделать подменю для меню в
Zero Block
Дополнительно
Встроенная статистика в Tilda
Подключение сервисов для получения
заявок
Выравнивание в Zero Block с помощью
координат
Как сделать отступы в Zero Block (2 способа)
Как сконвертировать стандартный блок в
Zero Block
Градиент в zero-block Tilda
Yandex и Google карты в zero block
Мастер-класс по вёрстке в Zero Block
1 часть. Мастер-класс по вёрстке в
Zero Block
2 часть. Мастер-класс по вёрстке в
Zero Block
3 часть. Мастер-класс по вёрстке в
Zero Block
4 часть. Мастер-класс по вёрстке в
Zero Block
Мастер-класс по верстке дизайна в
Zero Block
в Window Container
Домашнее задание
Домашнее задание
Дополнение к домашнему заданию (или что
делать, если макеты по ширине разные)
Как перенести UI Kit в Figma (2 способа)
Макеты UI Kit для Figma (3 шт.)
Модуль 5
Многостраничные сайты
1 урок. Многостраничные сайты
1-1 урок. Дополнение
2 урок. Шапка и подвал
3 урок. Alias Block
404 страница
Отключение шапки и подвала
Принципы создания многостраничных сайтов
Пошаговая анимация в Tilda
1 урок. Основные функции пошаговой
анимации
2 урок. Базовая и пошаговая анимация
на мобильных
3 урок. Анимация элементов по скроллу
4 урок. Принципы триггерной анимации
5 урок. Триггерная анимация
Зацикленное вращение
Бегущая строка
Анимация по скроллу машинка на дороге
Анимация по скроллу идущий человек
Подключение домена
1 Как купить и подключить домен
2 Настройки после подключения домена
Дополнительно
5 вещей, которые нужно сделать после
создания сайта
Tilda Experts
Волшебная кнопка Опубликовать все
страницы
Фавикон для сайта
Политика конфиденциальности
Как не платить за Tilda
Сервис онлайн записи и бронирования
Yclients
Мастер-класс
Часть 1. Мастер-класс по верстке
многостраничного
сайта в Zero Block
Часть 2. Мастер-класс по верстке
многостраничного
сайта в Zero Bloc
Часть 3. Мастер-класс по верстке многостраничного
сайта в Zero Block
Модуль 6
SEO
Теория SEO
Вебмастер
Яндекс Метрика. Счетчик статистики
1 Яндекс Метрика
2 Создание счетчика Яндекс Метрика и установка
на сайт
3 Установка и настройка целей в метрике
4 UTM метки
Яндекс.Директ
1 урок. Что узнать у клиента для настройки рекламы
2 урок. Сбор семантики для яндекса
3 урок. Как установить Yandex Wordstat Helper
4 урок. Создание поисковой рекламной кампании
в директе
5 урок. ПОИСК создание групп и объявлений
6 урок. РСЯ создание кампании, групп и объявлений
Работа с direct commander
Настройка ретаргетинга (догоняющей рекламы) в
Яндекс.Директ
Как посчитать бюджет рекламной кампании в директе
Дополнительно
Как написать в поддержку Tilda
Как сделать фиксированное фоновое изображение
для всей страницы
Калькулятор на Tilda
1 часть. Учимся быть программистами без навыков
программирования
2 часть. Учимся быть программистами без навыков
программирования
Overflow visible
Слайдер в Zero Block - Overflow Auto
Модификации для Tilda. Эффект для кнопки.
Сервис Mo-ti.
Модификации для Tilda
Эффект для кнопки. Сервис Mo-Ti
Файл со ссылкой на папку Яндекс.Диска с
модификациями
Модуль 7
Интернет-магазины
1 урок. С чего начинается создание интернт-магазина
2 урок. Создание товара в каталоге
3 урок. Работа с корзиной
Добавляем доставку в корзину
Как подключить платежные системы к Tilda
Как скопировать товары в каталога в 1 клик
Код для корзины. Текстовый файл
Подключение доставки к сайту (доставка и
самовывоз из пункта выдачи)
Поиск изображений для каталога
Промокоды
Страницы успеха и страницы неудачи
Устанавливаем свою иконку корзины
Интернет магазин в Zero Block
Мастер-класс
Мастер-класс по наполнению каталога товарами
Tilda
CRM система Tilda
Автоматический перенос макета из Figma в Tilda
Модуль 8
Google
1 Создание поисковой рекламной кампании в
Google Реклама (Google Ads)
2 Настройка групп и объялений. Обзор основных
функций
3 Создание кампании КМС Подключение Google
Analytics (аналитики) к сайту
Google Ads Editor (массовое редактирование)
Google Search Console - установка на сайт
Google Search Console - статистика
Tilda
Подключаем модуль потоки
Настройка блока потоков и самой статьи
Продвинутые калькуляторы на Tilda
Marquiz
Создание квиза в Marquiz
Установка квиза на сайт
Продажи
Отзывы, бонусы, рекомендации
Триггеры
Работа с Авито
Личный кабинет Tilda
1 шаг
2 шаг
3 шаг
4 шаг
Образцы документов
Договор (видео)
3 текстовых файла
Макеты для портфолио
10 файлов