Научись создавать профессиональные сайты, без знания кода

by MEGA SLIV
Научись создавать профессиональные сайты, без знания кода

На курсе вы научитесь создавать адаптивные сайты со сложными анимациями, которые берут награды на конкурсах. Наконец-то создадите свой сайт-портфолио и начнёте стабильно зарабатывать с помощью Webflow.

Основы webflow

Создаём свой первый сайт на webflow. Как избежать большинства проблем и ошибок вёрстки

Адаптивная и отзывчивая вёрстка

Обучающая игра по Flexbox. 28 уровней, пройдя которые вы научитесь верстать почти любые сложные блоки

Как сравнивать вёрстку с дизайном, чтобы добиться pixel perfect

Подготовка изображений для оптимизации скорости загрузки сайта и retina-экранов

Как собрать лендинг за 3 часа с помощью функции копипаста

Как правильно подготавливать и добавлять видео в Webflow

Большой блок по анимациям

Как проектировать приятные глазу анимации и создавать вау-эффект

Делаем дизайн лаконичным и профессиональным, благодаря интеракциям

Как один раз настроить анимацию и применить её на всех страницах сайта

Как оживить сайт за 10 минут с помощью заготовок анимаций

Анимации относительно движений мыши

Как сделать анимации адаптивными

Анимированные переходы между страницами. Анимации во время загрузки страницы

Анимации наведения, меню и иконки бургера

Прилипающие блоки (sticky). Добавляют сайту изюминки и улучшают пользовательский опыт

Сложные, многошаговые анимации. Параллакс

Плавная смена цвета фона при скролле

3d-карточки как у Apple

Квиз 💣

Трендовый инструмент маркетинга, который позволяет добиться конверсии до 30%. Стоимость разработки квиза от 20к до 50к. Вы научитесь создавать такие квизы с помощью webflow за день

Подключение плагинов и базовый JS

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

Плагин для сортировки и фильтрации блоков

Плагины для модальных окон и показа сообщений пользователю, когда он пытается уйти с сайта. Позволяет увеличить конверсию до двух раз

Постраничная прокрутка сайта. Настроим плагин и адаптацию

Изучим базовые функции jQuery

Стабильные деньги на вёрстке

Загружаем сайт на свой хостинг. Подключаем простую cms textolite и передаём управление сайтом заказчику

Подключаем Яндекс метрику, Google Аnalytics, добавляем цели и настраиваем собственный обработчик форм

Сервис для покупки изображений со стоков по 20 рублей

Настраиваем А/Б тесты, чтобы находить самые эффективные решения

Как оценить вёрстку по времени

Как и где найти постоянных заказчиков

Шаблоны, лайвхаки для оптимизации работы

Ускоряем работу в webflow c помощью горячих клавиш

Как использовать интерфейс webflow по максимуму

Проект с готовым квизом, который вы можете использовать в своих проектах

Готовые проекты с анимациями из уроков. Просто копируете нужную анимацию в свой проект, чтобы сэкономить время

Чеклист по запуску сайта, который поможет ничего не забыть

Пример сметы и коммерческого предложения на разработку сайта

Система обучения

Общий чат курса

Доступ к закрытой группе, которая постоянно пополняется видео с разборами сложных задач при вёртске сайтов

Индивидуальное ведение куратором. Отвечает на вопросы и помогает в обучении

4 онлайн-мастеркласса, где Иван Майоров покажет процесс вёрстки сложных блоков и ответит на вопросы

Видеоразборы ваших домашних заданий

Сертификат о прохождении курса

Индивидуальное обучение с И. Майоровым. Консультации по дизайну, маркетингу, удалённой работе

Доступ к базе проверенных исполнителей: программисты, верстальщики на webflow, дизайнеры

Индивидуальные уроки на интересующие вас темы

Ведение одного проекта от идеи до запуска. Это может быть ваш сайт-портфолио


Скачать материал

January 19, 2019