Научись создавать крутые сайты за 4 недели
Что такое webflow
Webflow это визуальный редактор кода. Не нужно путать с конструкторами, так как это далеко не конструктор как многие любят называть. Это сервис визуальной верстки который ускоряет процесс разработки сайтов практически любой сложности во много раз быстрее чем это делает разработчик который пишет код.
А для того что бы создать крутые анимации разработчику еще нужно знать jquery и js. Преимущества webflow в том что, если у вас нет этих знаний, то это вам не помешает создавать прекрасные сайты. По этому добро пожаловать в webflow.
Кому подходит webflow
В Webflow можно начать с абсолютного нуля. Он прекрасно подходит как новичку, который желает создавать сайты не на уровне конструктора (то есть делаем сайт только из того что дает сам конструктор, готовых блоков) а в дальнейшем развивать свои навыки и создавать более сложные и функциональные сайты.
Опытные дизайнеры могут реализовать свои идеи, которые они вложили в создание макета. Webflow позволяет это практически без ограничений. Так же выстроить свою верстку вплоть до пикселя как некоторые любят.
Какие преимущество с webflow для вас
Новичок - Может начать с нуля и освоив этот инструмент и уже начать зарабатывать первые деньги на фрилансе. А главное все это без написания кода вручную. Не нужно тратить месяцы на изучение кода для того чтобы создавать простые сайты.
Дизайнер - Может сам верстать свои проекты тем самым зарабатывать больше денег. Не жаловаться на верстальщика что дизайн не совпадает с вёрсткой. Создашь сам крутые анимация которые запланировал во время создания дизайна.
Фрилансер - Становится специалистом широкого профиля и может делать сайты под ключ. Создавать сайты различного уровня сложности. Выгружать их на хостинг и отдавать клиенту готовый продукт.
Кто я такой и чему смогу научить
Меня зовут Вячеслав Володин. Больше 5-ти лет назад я познакомился с webflow и с тех пор работаю в нем, развиваюсь и совершенствую свои навыки. Знакомство с webflow мне помогло освоить новые навыки,профессию и уйти с наёмной работы. За это время я поработал с многими проектами, как простыми так и сложными.
Потом завел канал на YouTube начал делиться своим опытом записывая уроки. Создал группу в Telegram канале где собрал всех единомышленников и пользователей webflow, где каждый помогает друг другу и делятся знаниями. В этом курсе я хочу поделиться своими знания и опытом наработанными за время работы в этом крутом сервисе и научить вас создавать крутые сайты.
Добро пожаловать в наше сообщество.
Как проходит обучение на курсе
1. Ежедневно в закрытой группе вы будете получать 1-2 урока с домашними задания. После выполнения домашнего задания отправка на проверку. В конце недели вебинары с разборами работ.
2. В первой части модуля вы изучаете инструмент. Теоретическая часть: Знакомство с каждым элементом, блоком, виджетом по отдельности и области его применения.
3. Практическая часть: Верстка реального макета из figma ( как выгружать и оптимизировать графику) Правильная, структура сайта, организация и позиционирование элементов. По итогу у вас будет 2 сайта в портфолио на которые вы уже сможете брать свои первые заказы.
4. Сделаем наш сайт адаптивным что бы прекрасно отображался на любых мобильных уствройствах.
5. Знакомство с анимацией: Оживляем и делаем наш сайт более привлекательным и престижным. Применим быстрые анимации и настраиваемые.
6. Познакомимся с cms webflow его возможностями. Создадим первый блог.
7. Познакомитесь с тем что такое домен и хостинг. Выгрузим свой первый сайт на хостинг. Подключим формы и мессенджеры.
8. Управление сайтом после выгрузки. Webflow editor.
Программа курса Webflow Start
Базовые знания сервиса:
Блочная модель вёрстки, Структура сайта, Классы и комбоклассы, Позиционирование, Стандартные виджеты.
От теории к практике: Вёрстка макета из фигма (выгружаем графику, учимся работать с макетом), оптимизация графики. Подробное объяснение действий почему так а не иначе и варианты решения задачи.
Верстка других типов сайта:
блога, каталога и интернет магазина
Адаптивная вёрстка: Адаптируем вёрстку под мобильные устройства.
Базовые анимации.
Свойство flex
Играем в игру flex
Первичные настройки seo
Анимации
Как оживить сайт за 10 мин при помощи пресетов
Анимация по движению мыши (параллакс эффект)
Параллакс по скролу сайта
Типы анимаций ( триггерные, цикличные )
Как настроить анимацию для всех элементов сразу
Кастомизируем элементы при помощи анимации
Подключение сторонних плагинов к webflow (fullpage, sliderslik,)
Выгрузка сайта на хостинг.
Регистрируем домен и хостинг.
Установка wordpress на хостинг.
Подключаем плагин для переноса сайта на хостинг.
Отвязываем форму от webflow.
Обучение
Видео разборы домашних заданий
Доступ к списку различных плагинов и скриптов.
Помощь куратора ответы на вопросы.
Ведение реального проекта до сдачи заказчику.
Индивидуальные уроки на интересующую тему.
Закрытая группа для участников.
Скидка - 50 %
Quiz Webflow 2.0
