Самым сложным кодом в жизни был код от домофона? Webflow как раз для тебя. No-code сайты и легкий старт в профессию.
Пригодятся дополнительные скиллы! Работаешь в web/ Ux/Ui дизайне? Закрой еще одну компетенцию и удвой свою ценность в команде.
Webflow-разработчику нужны только ноутбук, хороший интернет и билет в город своей мечты. Можно работать из любой точки мира.
Спрос на Webflow за рубежом растет, самое время врываться. Мы покажем, как выйти на международный рынок. А если ты уже владеешь кодом, твоя дистанция сокращается вдвое.
Начинаем изучение ноу-код верстки с основ HTML, JS и CSS. Этот модуль ответит на главный вопрос — из чего состоят сайты. Разберем базовую структуру и посмотрим как все работает в связке
Первое знакомство с Webflow. Разберем интерфейс, настройки и управление проектами (клонирование, функции поделиться и передать). Обсудим, какие есть тарифы и как их правильно выбирать. На самое обучении тариф покупать не обязательно
Сайты на Webflow состоят из заранее заготовленных элементов, которые в дальнейшем нужно стилизовать. Их достаточно много и у каждого элемента есть свои настройки
Всё оформление сайта создается с помощью CSS. В Webflow есть отдельная панель для визуальных настроек элементов. Разберем каждый поэтапно
Анимация в Webflow – это очень мощный встроенный инструмент, который позволяет делать анимации любой сложности. В этом модуле разбираем свойства и настройки инструмента. А в конце создаем проект, в котором можно будет попробовать все виды анимаций
Перед началом верстки нужно подготовиться. Разберем, как правильно подготовить макет, UI Kit и все необходимое для старта проекта
Вместе пройдем путь от начала и до конца. Сверстаем сайт для десктопа, настроим анимации и адаптируем его для разных устройств
Webflow по умолчанию содержит дополнительный функционал, который позволяет создавать сайты с динамическим контентом. А также интернет-магазины и сайты с личным кабинетом и разным уровнем доступа. В этом модуле мы познакомимся с более широким функционалом платформы
В этом модуле познакомимся с библиотекой Finsweet, которая позволяет создавать сайты с фильтрацией, поиском и гибко управлять различными элементами
Кто сказал, что Webflow нельзя интегрировать с такими сервисами, как AmoCRM, Bitrix24 и т.д.? Развеим этот миф и научимся интегрировать Webflow практически с любым сервисом с помощью Zapier, n8n, WebJack
Учебное соревнование на реальных проектах. Студенты делятся на команды, каждая из которых получает дизайн в Figma. Выигрывает тот, кто заверстает сайт на Webflow быстрее. Эта битва отлично прокачивает уровень владения Webflow, дает дополнительный кейс в портфолио и улучшает навыки коммуникации
Познакомимся с платформой, сделаем краткий обзор ее возможностей и расскажем, почему Upwork — самая подходящая биржа для ноу-код разработчиков
В 2022 году Upwork запретил пользователям из России и Беларуси пользоваться сервисом. В этом модуле мы поделимся всеми возможными способами, как можно обойти это ограничение
При регистрации алгоритмы платформы автоматически подтверждают профиль каждого фрилансера. Если автоматической верификации не произошло, то профиль попадает на дополнительную ручную верификацию личности. К сожалению, она достаточно долгая и работает случайным образом. В итоге, ручная верификация может приводить к вечному бану. Чтобы этого не произошло, проходим регистрацию вместе
Правильная презентация аккаунта — must-have при знакомстве с потенциальным клиентом. На Upwork все просто: чем лучше и профессиональнее выглядит профиль, тем выше вероятность получить предложение о работе. Цель этого модуля — сделать анкету привлекательной и наполненной
Важный и кропотливый этап поиска предложений по работе (job offers). Наша цель — получить контакт с потенциальным клиентом. Чтобы ее достичь, сформируем критерии, по которым будем подавать заявки. Они помогут нам четко определить, к кому и на какие предложения откликаться
Сопроводительное письмо — первое, что видит потенциальный клиент при вашем отклике на его предложение. Разработаем несколько шаблонов с ключевыми словами, чтобы у клиента не осталось шансов выбрать не тебя
Разберем основы коммуникации с заказчиком. Обсудим, как правильно общаться, отвечать на возражения и что делать, если клиент хочет созвониться, а твой разговорный английский не позволяет этого сделать
Этап повторного контакта с потенциальным заказчиком. Сообщения с напоминанием клиентам о вас и ваших навыках — отличная возможность увеличить продажи с уже наработанных контактов. Научимся их составлять и разработаем стратегию отправки
Самый насыщенный и продуктивный модуль, который длится 2 недели. Каждого студента курируют лично менторы курса Павел и Алексей. Они же проводят консультации, обращают внимание, на какие заказы стоит откликаться, и дают советы по написанию cover letter для отклика. Все отклики отправляются совместно, а коммуникация проходит в Telegram. Активность на данном этапе гарантирует первый заказ!
Этот модуль посвящен изучению основ языка программирования. Рассмотрим циклы, взаимодействие с DOM, функции, условия и еще несколько базовых тем
Познакомимся с библиотекой GSAP, ее основными плагинами и научимся их применять. Создадим анимации разного вида: по скроллу, клику, для текстов и реализуем функционал Drag and Drop. Финализируем версткой первого проекта с применением JS и GSAP-анимаций
В этом модуле познакомимся с продвинутыми SEO-настройками, мультиязычностью и оптимизацией видеоконтента.
• узнаем, что такое FFmpeg и CDN-платформы, а также интегрируем фоновое видео и встроим готовый плеер на сайт
• научимся формировать Alt Text для изображений, robots.txt, sitemap.xml и canonical link element link
• реализуем мультиязычность вручную, а также через Weglot и Webflow Localization
Заверстаем полноценный интернет-магазин с использованием Webflow Ecommerce. Разберем функционал, создадим товары с карточками, а затем разработаем страницы корзины и оплаты
Модуль посвящен разбору функционала Webflow Users, для которого мы будем настраивать личный кабинет. В программе настройка уровней доступа и создание сервиса по подписке на платный контент
Знакомство с с веб-приложением Udesly, которое позволяет адаптировать макеты Webflow для использования с такими CMS, как Shopify и WordPress. Рассмотрим альтернативу Udesly — Web-steps, сервис который особенно актуален для клиентов из СНГ. Перенесем макеты с Webflow на Wordpress и Shopify
С помощью Webflow Logic можно автоматизировать процессы на сайте без использования дополнительных сервисов. Мы создадим простой backend для веб-проекта, привяжем формы на сайте к CMS через Logic и научимся настраивать рассылки в зависимости от данных
С помощью интеграторов Zapier и Webjack настроим интеграцию Webflow с самыми популярными сервисами. Битрикс24, amoCRM, Google Таблицы, Telegram, GetCourse и Notion
Создадим 3D контент для сайта с использованием инструмента Spline. Разберем базовый функционал, спроектируем простую 3D модель и научимся использовать Spline в Webflow. В конце создадим интерактивный элемент с 3D
Завершающий модуль с большой практикой на реальных кейсах в формате соревнования. Студенты делятся на несколько команд, каждая из которых получает дизайн в Figma. Выигрывает та команда, которая заверстает сайт на Webflow быстрее. Битва имитирует работу с реальным клиентом с дедлайнами и правками
Ты можешь оплатить полную сумму или воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: МТС Банк, ОТП, Ренессанс, Тинькофф Банк. Также беспроцентная рассрочка достпна для граждан Беларуси, Казахстана, Узбекистана, Кыргызстана на 12 и 24 месяца.
Помогаем правильно составить резюме и оформить портфолио. Консультируем при прохождении собеседования и выполнении тестового задания. Регулярно получаем заявки от работодателей и напрямую трудоустраиваем в компании. Также предлагаем проекты на фриланс и берем на работу в студию Fluid.
Во время обучения у тебя будет минимум 4 кейса, где три из них мы заверстаем, делая домашние задания к урокам, а один соберем во время Битвы верстальщиков PRO. Также если у тебя будет желание, то мы можем дать дополнительные макеты, которые можно будет заверстать под нашим чутким руководством. Все кейсы упакуем в портфолио в Notion и на Upwork.
Знание английского не будет лишним, но по нашему опыту студенты берут заказы на Upwork и успешно реализуют без знания языка, используя лишь переводчик Deepl.
Домашние задания мы проверяем в течение суток. При этом ты сможешь двигаться дальше по программе и не ждать проверки. Но если тебе нужно, чтобы твое дз срочно проверили, у тебя всегда есть возможность написать в нашего бота поддержки в телеграмме, и получить ответ в течение 40 минут.
Для оплаты из-за рубежа мы можем принять PayPal, Wise, USDT, Freedom Bank (Kz). При составлении заявки, сообщите нашему менеджеру, что у вас будет оплата зарубежной картой и мы предоставим реквизиты для перевода.