Главная страницаКатегория webflowWebflow: Научитесь создавать сайты без кода

Webflow: Научитесь создавать сайты без кода

Name: Webflow: Научитесь создавать сайты без кода
Price: 12.5 USD
Rating: 3.5 (7 reviews)

Learn to Build Websites Without Code in Webflow

Neftali Loria

★3.5 (всего оценок - 7)

Продолжительность

6 ч 38 мин

Категория

Webflow

Количество уроков

56 Видео

Дата добавления

7 дек. 2020 г., 23:16

Язык

Английский

Дата обновления

29 апр. 2026 г., 09:07

Этот курс по Webflow поможет вам быстро и уверенно перейти от идеи к полноценному адаптивному сайту без программирования. Вы научитесь работать с визуальным редактором, динамическими данными и эффектной анимацией, чтобы создавать профессиональные проекты для себя или клиентов.

Что вы узнаете в этом курсе

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

Основы работы с Webflow

Знакомство с интерфейсом и структурой Webflow
Понимание блочной модели и визуальной иерархии
Создание страниц и управление структурой проекта

Создание адаптивного дизайна

Настройка адаптивности под мобильные и планшетные устройства
Использование автолэйаута, флексбоксов и грида
Работа с типографикой, отступами и сетками

Анимация и взаимодействие

Основы Webflow Interactions
Продвинутые анимации и 3D-преобразования
Создание микровзаимодействий и анимированных переходов

Работа с Webflow CMS

Создание коллекций и динамических страниц
Связь контента с элементами дизайна
Использование CMS для блогов, каталогов и лендингов

SEO и публикация проекта

Настройка SEO-параметров прямо в Webflow
Оптимизация скорости и семантики
Подготовка сайта к запуску и публикация

Для кого подходит этот курс

Курс создан для тех, кто хочет создавать современные и эстетичные сайты, не погружаясь в код. Он идеально подходит:

дизайнерам, желающим воплотить макеты в работающие сайты;
маркетологам и продакт-менеджерам, которым важно быстро запускать лендинги;
создателям контента и предпринимателям;
новичкам, мечтающим освоить web‑разработку без программирования.

Почему этот курс эффективен

Вы будете изучать Webflow на реальном проекте, основанном на дизайне из курса Figma Advanced UI Design Systems. Такой подход позволяет лучше понять взаимосвязь между дизайном и разработкой, а также быстрее освоить создание профессиональных сайтов.

Практика без лишней теории

Каждый модуль направлен на решение реальных задач: создание макета, настройку адаптивности, добавление анимации, подключение CMS и оптимизацию сайта.

Финальный результат

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

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:00:55
Intro
Урок 2. 00:01:21
1 What Are We Building?
Урок 3. 00:02:14
1.1 Tools for Success
Урок 4. 00:04:05
1.2 The #NoCode Movement
Урок 5. 00:02:45
2.1 Why Webflow?
Урок 6. 00:04:50
2.2 Accounts vs Hosting
Урок 7. 00:06:41
2.3 General Webflow Settings
Урок 8. 00:01:59
2.4 Importing Fonts
Урок 9. 00:03:34
2.5 Webflow Limitations
Урок 10. 00:05:08
2.6 Designer View
Урок 11. 00:07:41
2.7 Playground Part I
Урок 12. 00:07:31
2.8 Playground Part II
Урок 13. 00:12:40
2.9 Playground Part III
Урок 14. 00:02:57
3.1 Core Page Sections
Урок 15. 00:06:12
3.2 Hero Part I: Flex & Bgs
Урок 16. 00:07:27
3.2 Hero Part II: Grid & Utilities
Урок 17. 00:17:32
3.2 Hero Part III: Figma Assets
Урок 18. 00:12:00
3.3 Fixed Navigation
Урок 19. 00:12:28
3.4 Features Part I: Slideshow & Grid
Урок 20. 00:10:50
3.4 Features Part II: Relative Objects
Урок 21. 00:15:26
3.5 Products Part I: Tab Component
Урок 22. 00:24:08
3.5 Products Part II: Grid Overlay
Урок 23. 00:10:40
3.6 The Parallax Setup
Урок 24. 00:10:55
3.7 Building the Signup Form
Урок 25. 00:01:22
4.1 Intro to Breakpoints
Урок 26. 00:09:03
4.2 The Mobile Hero
Урок 27. 00:10:22
4.3 The Mobile Nav
Урок 28. 00:01:24
4.4 The Overflow Hack
Урок 29. 00:10:36
4.5 The Mobile Features
Урок 30. 00:01:42
4.6 The Mobile Products
Урок 31. 00:01:14
4.7 The Mobile Parallax
Урок 32. 00:03:30
4.8 The Mobile Signup
Урок 33. 00:06:06
5.1 Basic CSS Animation
Урок 34. 00:09:21
5.2 Lottie Animations
Урок 35. 00:08:38
5.3 Navbar Animations
Урок 36. 00:07:20
5.4 Viewport X-Axis Interaction
Урок 37. 00:08:39
5.5 3D Transform Animations
Урок 38. 00:15:38
5.6 Self Perspective
Урок 39. 00:08:47
5.7 Scroll Animations
Урок 40. 00:04:23
5.7 Viewport Y-Axis Interaction
Урок 41. 00:04:36
5.8 Parallax Animations
Урок 42. 00:10:20
5.9 Homepage Loader
Урок 43. 00:02:49
5.9 Extra Tips & Tricks
Урок 44. 00:04:09
6.1 Intro to Collections
Урок 45. 00:10:27
6.2 Create & Import Data
Урок 46. 00:04:51
6.3 Filter & Sort Settings
Урок 47. 00:04:44
6.4 Dynamic Templates
Урок 48. 00:07:07
6.5 Data Relationships
Урок 49. 00:03:48
6.6 Search & Index Data
Урок 50. 00:05:09
6.7 Review Final Templates
Урок 51. 00:08:15
6.8 The Editor Dashboard
Урок 52. 00:09:23
7.1 SEO Essentials
Урок 53. 00:04:03
7.2 Optimize Page Speed
Урок 54. 00:05:19
7.3 DNS Configurations
Урок 55. 00:03:55
7.4 Publishing the Website
Урок 56. 00:09:44
7.5 Post-Launch Checklist

Автор - Neftali Loria

Neftali Loria

Neftali - отмеченный наградами креативный директор с более чем 15-летним опытом UX / UI-дизайна, страстный сторонник отказа от кода (No-Code) и инструктор в Академии Awwwards!