Программа обучения Client-First
Client-First - это система организации классов и структуры проекта в Webflow, разработанная командой Finsweet. Она помогает создавать понятные и масштабируемые проекты.
Рекомендуемый план обучения Client-First
Вы новичок в Webflow? Прежде чем изучать Client-First, мы рекомендуем изучить основы Webflow и принципы работы веб-сайтов. Client-First не обучает HTML или CSS. Важно иметь начальные знания по веб-разработке, прежде чем изучать Client-First.
7 дней обучения
День #01
Введение
Введение в Client-First с обзором основных принципов.
Стратегия использования классов 1
Подход, который мы применяем для определения, использования и управления классами на платформе Webflow.
Стратегия основной структуры
Создание единой, четко структурированной и гибкой структуры, которую можно использовать для всех страниц на сайтах Client-First.
Размеры и rems
Объяснение единиц REM, 4pt системы и нашего подхода к использованию единиц измерения в Client-First.
День #02
Стратегия типографики
Построение и поддержание единой системы стилей типографики во всем проекте.
Стратегия отступов
Принятие обоснованных решений по отступам внутри Client-First.
Системы служебных классов
Обзор систем служебных классов, включенных в официальный клонируемый проект Client-First.
День #03
Стратегия использования классов 2
Концепция лучших методов работы с классами в Webflow Designer.
Папки
Finsweet вводит новую функциональность для Client-First: систему папок. Упорядочивайте классы вашего проекта с помощью папок.
Стратегия папок
Продолжаем работу с папками Client-First. Изучайте более сложные случаи использования и стратегии по работе с папками.
Переменные
Цветовые переменные в Webflow и то, как Client-First использует их — стратегии, соглашения об именовании и практические советы по использованию.
День #04
Динамическая адаптивность
Добавление динамической адаптивности в любые проекты Client-First с помощью визуального инструмента масштабирования.
Семантические HTML теги
Описание назначения семантических HTML-тегов и вариантов их эффективного применения в Webflow.
Веб-доступность
Применение лучших методов создания сайтов в Webflow с учетом принципов веб-доступности.
День #05
Глобальный код
Объяснение каждого компонента CSS в глобальном коде клонируемого проекта Client-First.
Специфичность CSS
Изучение концепции специфичности CSS и ее влияния на использование системы отступов Client-First в Webflow.
Конвертация предыдущих проектов
Подробнее о преобразовании уже сверстанных проектов в Client-First.
День #06
Стратегия продаж
Узнайте, как использование Client-First может помочь нам получить больше проектов и сделать наших клиентов еще довольнее.
Серия по продуктивности Client-First
Серия видео по улучшению продуктивности рабочего процесса Client-First.
Серия по продуктивности Webflow
Серия видео по увеличению продуктивности рабочего процесса Webflow.
День #07
Для начинающих в Webflow
Прежде чем изучать Client-First, важно иметь базовое понимание веб-технологий.
Список изменений
Ключевые обновления в Client-First от запуска до сегодняшнего дня.