Обучающий курс по визуальному редактору кода webflow, после прохождения которого, вы сможете удалённо зарабатывать до 100 000 рублей в месяц, создавая адаптивные сайты с впечатляющей анимацией
подробнее о курсеWebflow позволяет быстро и качественно создавать и запускать сайты под ключ
С нуля создавать современные сайты, без привлечения верстальщиков и программистов
В webflow есть мощные инструменты для создания CSS-анимаций в том числе трёхмерных
Проекты намного легче согласовать, если заказчик может «пощупать» сайт или увидеть анимацию в своём браузере.
Сайты на webflow быстро загружаются и отлично выглядят на любых устройствах, благодаря чистому коду
Вы сможете общаться с разработчиками на одном языке и находить лучшие решения.
Подпишитесь на рассылку в вк и вам сразу придёт ссылка на видеоурок
Получить урокПриходится постоянно дёргать верстальщика и пытаться донести необходимые изменения. Лучше потратить это время на доработку дизайна в процессе вёрстки.
К сожалению верстальщик не так любит дизайн как вы. В итоге сайт не выглядит так же привлекательно, как на макете и часто бывает стыдно показывать итоговый результат.
Частенько верстальщик называет сроки с запасом, но всё равно не успевает. Например лендинг спокойно можно свертать за день.
Приходится постоянно дёргать верстальщика и пытаться донести необходимые изменения. Лучше потратить это время на доработку дизайна в процессе вёрстки.
К сожалению верстальщик не так любит дизайн как вы. В итоге сайт не выглядит так же привлекательно, как на макете и часто бывает стыдно показывать итоговый результат.
Частенько верстальщик называет сроки с запасом, но всё равно не успевает. Например лендинг спокойно можно свертать за день.
Многие думают что это очень сложно и придётся долго учиться. Отчасти они правы =) Но Webflow позволяет, не погружаясь в дебри изучения кода, комфортно и быстро освоить процесс вёртстки, что открывает массу возможностей для веб-дизайнера.
Вёрстка на webflow не отличается от обычной вёрстки, так что сайты работают быстро и если нужно прикрутить сайт к системе управления или добавить сложный функционал, можно смело отдавать специалистам
Блочная вёрстка позволяет подстраиваться под любые экраны, это называется отзывчивый дизайн. Так же правильная разметка кода хорошо влияет на поисковую оптимизацию.
В webflow очень серьёзно подошли к вопросу анимации и интерактивности. С помощью встроенных инструментов можно создавать впечатляющие анимации. Полная свобода творчества.
Есть возможность выгрузить код для дальнейшей доработки или размещения на своём сервере. Все формы и интерактивные элементы продолжают работать.
Вёрстка на webflow не отличается от обычной вёрстки, так что сайты работают быстро и если нужно прикрутить сайт к админке или добавить сложный функционал, можно смело отдавать специалистам
Блочная вёрстка позволяет подстраиваться под любые экраны, это называется отзывчивый дизайн. Так же правильная разметка кода хорошо влияет на поисковую оптимизацию.
В webflow очень серьёзно подошли к вопросу анимации и интерактивности. С помощью встроенных инструментов можно создавать впечатляющие анимации. Полная свобода творчества.
Есть возможность выгрузить код для дальнейшей доработки или размещения на своём сервере. Все формы и интерактивные элементы продолжают работать.
Огромный плюс при устройстве в веб-студию
Возможность больше зарабатывать на комплексных проектах
Сможете быстро запускать и тестировать собсвенные проекты
Ёмкие уроки в среднем по десять минут. Каждый урок — отдельная тема, если что-то забудете сможете вернуться и пройти заново.
Записи вебинаров, на которых будут ответы на вопросы и разборы домашних заданий с прошлого потока.
Стоимость курса
с 3 октября: 4 900
На этой неделе вы познакомитесь с сервисом и создадите свой первый сайт.
Знакомство с webflow
Обзор интерфейса. Создаём новый аккаунт. Разбираемся со стурктурой сайта и базовыми свойствами классов. Работаем с навигатором.
ДЗ: Верстаем первый экран сайта
Структура сайта
Основные структурные элементы webflow, из которых создаётся сайт.
Колонки, ссылки, слайдеры
шрифты, картинки
Типичные ошибки, которые помешают при адаптации.
ДЗ: Верстаем оставшиеся блоки сайта
Адаптивная вёрстка
Адаптивная и отзывчивая вёрстка. Резиновые блоки. Комбо-классы.
ДЗ: Адаптируем существующий сайт
На выполнение уроков уйдёт не больше двух часов в день
Поведение блоков
Абсолютное позиционирование блоков. Различия в поведении block и inline-block. Разбираемся с поведением floating.
Разные состояния элементов интерфейса (наведение, нажатие, фокус).
ДЗ: Делаем сайт интерактивным
Анимация
Анимация:
при скролле
при наведении мыши
при нажатии
ДЗ: Оживляем сайт.
3d-анимация
Делаем переворачивающуюся при наведении 3d-карточку.
ДЗ: Придумайте свою 3d-анимацию.
На этом этапе вы верстаете свой проект и получаете индивидуальные видео-разборы. Вы выбираете макет и получаете исходные файлы, которые превратите в работающий сайт
На этой неделе вы научитесь создавать анимацию и интерактивные элементы, которые сделают ваши статичные макеты живыми. Также вы научитесь экспортировать сайт из webflow и загружать его на собственный хостинг.
Изменяем стандартные компонены
Сложный слайдер с использованием интеракции.
ДЗ: Придумайте свою анимацию слайдера.
Будущее вёрстки
Различные способы позиционирования блоков. Новый CSS-механизм флексбокс для создания сложных раскладок блоков.
ДЗ: Пройти обучающую игру.
Выгружаем готовый сайт
Настройка форм, целей в яндекс.метрике и GA, SEO. Экспорт кода, плагины, custom code.
ДЗ: Загрузить сайт на хостинг.
Небольшой урок по созданию и анимировании кнопки
Занимаюсь графическим и веб-дизайном около восьми лет. Долго страдал, делая сайты в фотошопе, пока не открыл для себя Sketch. С тех пор изучаю все новые сервисы и инструменты, чтобы не терять драгоценное время. Пожалуй самым большим открытием стал для меня Webflow — сервис, дающий полную свободу творчества в вебе.
В Webflow удобно верстать лендинги и страницы с необычным дизайном. Иногда бывает удобно сверстать часть макета на webflow, а потом доработать в привычном редакторе.
Есть несколько способов. У Webflow есть собственная CMS, но за неё придётся ежемесячно платить. Либо можно прикрутить сайт к любой сторонней CMS. На курсе я покажу как поставить на сайт простою cms textolite.
Любой сайт можно сверстать в webflow, но для сложного функционала, вроде личного кабинета, корзины и т. д. нужно будет обратиться за доработкой к программисту.
В самом сервисе пока нет, но разработчики обещают добавить такую возможность. Пока можно использовать любые плагин с помощью custom code на выгруженных сайтах. На курсе я покажу как добавить плагин постраничной прокрутки Fullpage.js
К сожалению скачать не получится, сервис работает в браузере. В этом решении много плюсов: работа на любых платформах, постоянные обновления и т. д. Минус в том что для работы нужен интернет.
Есть бесплатный план с полным функционалом, но без возможности выгружать сайты. Так же есть несколько платные подписки, самая оптимальная — 20$ в месяц.
Сам процесс вёрстки довольно прост, но вначале бывает сложно, как и в любом новом направлении. Курс поможет с комфортом всему научиться, а домашние задания помогут выяснить все нюансы.
На официальном сайте webflow.com. Есть несколько промо-сайтов возможностей webflow: интерактивность, 3d-анимации, cms
Профессия разработчика не заканчивается на вёрстке. Есть множество вопросов связанных с производительностью сайта, сложными анимациями и созданием сложных проектов. Webflow позволяет решать только базовые задачи.
Сможете, но я предпочитаю сделать предварительный дизайн в скетче или фотошопе, а мелочи уже дорабатывать в webflow.
Простую посадочную страницу из 7-8 экранов можно сверстать за день.
Длительность курса — 3 недели. Времени нужно минимально 3-4 часа в неделю.
Экспортировать одной кнопкой не получится, но можно перенести практический любой дизайн в webflow с точностью до пикселя. Эта техника ещё называется pixel perfect.
Webflow скорее редактор кода, чем конструктор. Ограничений практически нет, вы сможете воссоздать любой дизайн. Есть ограничения в технической части, но они решаются плагинами либо с помощью разработчика.
После выгрузки из webflow, у вас остаётся папка с сайтом, где собраны все файлы. Вы можете как угодно редактировать и дорабатывать его, к webflow он уже не привязан.
Политика конфиденциальности
Ваша конфиденциальность очень важна для нас. Мы хотим, чтобы Ваша работа в Интернет по возможности была максимально приятной и полезной, и Вы совершенно спокойно использовали широчайший спектр информации, инструментов и возможностей, которые предлагает Интернет.
Личная информация пользователей, собранная при регистрации (или в любое другое время) преимущественно используется для подготовки Продуктов или Услуг в соответствии с Вашими потребностями. Ваша информация не будет передана или продана третьим сторонам. Однако мы можем частично раскрывать личную информацию в особых случаях, описанных ниже.
1) С Вашего согласия: Во всех остальных случаях перед передачей информации о Вас третьим сторонам наша Компания обязуется получить Ваше явное согласие. Например, наша Компания может реализовывать совместное предложение или конкурс с третьей стороной, тогда мы попросим у Вас разрешение на совместное использование Вашей личной информации с третьей стороной.
2) На совместно позиционируемых или партнерских страницах: Наша Компания может делиться информацией с компаниями-партнерами, вместе с которыми реализует специальные предложения и мероприятия по продвижению товара на совместно позиционируемых страницах нашего сайта. При запросе анкетных данных на таких страницах Вы получите предупреждение о передаче информации. Партнер использует любую предоставленную Вами информацию согласно собственному уведомлению о конфиденциальности, с которым Вы можете ознакомиться перед предоставлением информации о себе.
3) При передаче контроля над предприятием: Наша Компания оставляет за собой право передавать Ваши анкетные данные в связи с полной или частичной продажей или трансфертом нашего предприятия или его активов. При продаже или трансферте бизнеса наша Компания предоставит Вам возможность отказаться от передачи информации о себе. В некоторых случаях это может означать, что новая организация не сможет далее предоставлять Вам услуги или продукты, ранее предоставляемые нашей Компанией.
4) Правоохранительным органам: Наша Компания может без Вашего на то согласия раскрывать персональную информацию третьим сторонам по любой из следующих причин: во избежание нарушений закона, нормативных правовых актов или постановлений суда; участие в правительственных расследованиях; помощь в предотвращении мошенничества; а также укрепление или защита прав Компании или ее дочерних предприятий.
Вся личная информация, которая передана Вами для регистрации на нашем сайте, может быть в любой момент изменена либо полностью удалена из нашей базы по Вашему запросу. Для этого Вам необходимо связаться с нами любым удобным для Вас способом, использую контактную информацию, размещенную в специальном разделе нашего сайта.
Если Вы захотите отказаться от получения писем нашей регулярной рассылки, вы можете это сделать в любой момент с помощью специальной ссылки, которая размещается в конце каждого письма.
Какие данные собираются на сайте
При добровольной регистрации на получение рассылки вы отправляете свое Имя, E-mail и номер телефона через форму регистрации.
С какой целью собираются эти данные
Имя используется для обращения лично к вам, а ваш e-mail для отправки вам писем рассылок, новостей тренинга, полезных материалов, коммерческих предложений.
Ваши имя, e-mail и телефон не передаются третьим лицам, ни при каких условиях кроме случаев, связанных с исполнением требований законодательства. Ваше имя, e-mail и телефон хранятся на защищенных серверах сервиса carrotquest.io и используются в соответствии с его политикой конфиденциальности.
Вы можете отказаться от получения писем рассылки и удалить из базы данных свои контактные данные в любой момент, кликнув на ссылку для отписки, присутствующую в каждом письме.
Как эти данные используются
На сайте intensive.webflow.io используются куки (Cookies) и данные о посетителях сервиса Яндекс.Метрики.
При помощи этих данных собирается информация о действиях посетителей на сайте с целью улучшения его содержания, улучшения функциональных возможностей сайта и, как следствие, создания качественного контента и сервисов для посетителей.
Вы можете в любой момент изменить настройки своего браузера так, чтобы браузер блокировал все файлы cookie или оповещал об отправке этих файлов. Учтите при этом, что некоторые функции и сервисы не смогут работать должным образом.
Как эти данные защищаются
Для защиты Вашей личной информации мы используем разнообразные административные, управленческие и технические меры безопасности. Наша Компания придерживается различных международных стандартов контроля, направленных на операции с личной информацией, которые включают определенные меры контроля по защите информации, собранной в Интернет.
Наших сотрудников обучают понимать и выполнять эти меры контроля, они ознакомлены с нашим Уведомлением о конфиденциальности, нормами и инструкциями.
Тем не менее, несмотря на то, что мы стремимся обезопасить Вашу личную информацию, Вы тоже должны принимать меры, чтобы защитить ее.
Мы настоятельно рекомендуем Вам принимать все возможные меры предосторожности во время пребывания в Интернете. Организованные нами услуги и веб-сайты предусматривают меры по защите от утечки, несанкционированного использования и изменения информации, которую мы контролируем. Несмотря на то, что мы делаем все возможное, чтобы обеспечить целостность и безопасность своей сети и систем, мы не можем гарантировать, что наши меры безопасности предотвратят незаконный доступ к этой информации хакеров сторонних организаций.
В случае изменения данной политики конфиденциальности вы сможете прочитать об этих изменениях на этой странице или, в особых случаях, получить уведомление на свой e-mail.
Для связи с администратором сайта по любым вопросам вы можете написать письмо на e-mail: mailmayorov@gmail.com