Капоне
Администратор
- Регистрация
- 1 Апр 2015
- Сообщения
- 94.638
- Реакции
- 465.721
Складчина: Кухня Framer [Umapalata] [Макс Куратов]
Все объяснено на человеческом языке, шаг за шагом. Framer похож на Figma, только с кнопкой «опубликовать». Минимум кликов — максимум результата.
Курс "Кухня Framer" с нуля до готового сайта. Как Figma, только с кнопкой “опубликовать”
Хочешь делать сайты, а не бороться с интерфейсом? Framer — твой путь. Этот курс объяснит, как из дизайна сделать живой сайт, без кода, боли и гуглинга «куда делся отступ». За 6.5 часов — от Figma до финального сайта."
Для кого эта программа
Если вы дизайнер, маркетолог, предприниматель или просто хотите научиться создавать современные сайты без кода — этот курс для вас.
Что вы получите
Освоите Framer — мощный no-code инструмент для создания сайтов.
Научитесь создавать адаптивные сайты с анимацией и интерактивными элементами.
Поймете, как использовать AI для генерации дизайна и контента.
Изучите работу с CMS, SEO и интеграциями.
Получите навыки, востребованные на рынке.
Программа курса
Модуль №1. Создадите полноценный макет сайта: от первого экрана до карточки товара. Учимся работать с автолэйаутами, структурировать блоки, оформлять меню, футер и форму заявки
Модуль №2. Полный обзор интерфейса и логики Framer. Разберем рабочие зоны, страницы, настройки и начнем верстку
Модуль 3. Верстка страниц и блоков. Собираем сайт блок за блоком. Фактически повторяем макет из Figma, но уже в реальности
Модуль 4. Настройки и адаптив. Делаем сайт удобным на всех экранах, добавляем интерактив, настраиваем меню и состояние компонентов
Модуль 5. Анимации. Оживляем сайт. Работаем со всеми популярными эффектами: от простых до "вау"
Спойлер: Уроки курса:
Приветствие
Урок №1. Figma. Дизайн первого экрана
Урок №2. Auto layout
Урок №3. Дизайн первого экрана Auto layout
Урок №4. Figma Блок карточки товара
Урок №5. Figma. Блок FAQ
Урок №6. Figma. Блок Review
Урок №7. Figma.Footer
Урок №8. Figma. Меню
Урок №9. Figma. Элемент на первом экране
Урок №10. Figma.Страница товара. Форма заявки
Урок №11. Генерация контента
Урок №12. Обзор Framer. Цены
Урок №13. Интерфейс Framer
Урок №14. Интерфейс рабочей зоны
Урок №15. Pages, Layers,Assets
Урок №16. Настройки страницы и сайта
Урок №17. Блочная верстка. Разметка первого экрана
Урок №18. Layout, Fill, Fid. Absolute Positioning
Урок №19. SEO
Урок №20. Style Guide
Урок №21. Верстка первого экрана
Урок №22. Круг на первом экране
Урок №23. Блок FAQ
Урок №24. CMS на практике
Урок №25. Блок Review
Урок №26. Блок Footer
Урок №27. Блок карточки товара
Урок №28. Страница Карточки товара
Урок №29. Форма заявки. сервис приема сообщений
Урок №30. Страница благодарности
Урок №31. Хавер/Пресет в компоненте.
Урок №32. Адаптив сайт
Урок №33. Варианты компонента
Урок №34. Меню сайта
Урок №35. Компонент меню сайта
Урок №36. Выпадающее меню
Урок №37. Галерея
Урок №38. Ссылки на страницы и блоки
Урок №39. Анимация Sticky
Урок №40. Базовая анимация
Урок №41. Анимация текста по кругу
Урок №42. Анимация текста
Урок №43. Анимация зафиксированной кнопки
Урок №44. Анимация Drag
Урок №45. Анимация параллакс
Урок №46. Переход между страницами
Урок №47. Pop-up
Урок №48. Настройки сайта. Подключение домена.
После прохождения курса:
Разберешься с автолайаутами и адаптивностью в Figma
Перенесёшь макет во Framer и сверстаешь сайт с нуля
Научишься анимировать блоки и делать плавные переходы между страницами
Поймешь, как адаптировать сайт под любые устройства
Соберешь полноценный многостраничный сайт с карточками и интерактивом
Готовность к самостоятельному созданию и развитию веб-проектов на основе Framer
Авторы курса
Курс разработан командой Umapalata — экспертов в области дизайна и no-code разработки.
Язык - русский
Цена курса: ~9000 руб. ($99)
СЛИВЫ КУРСОВ
Все объяснено на человеческом языке, шаг за шагом. Framer похож на Figma, только с кнопкой «опубликовать». Минимум кликов — максимум результата.
Курс "Кухня Framer" с нуля до готового сайта. Как Figma, только с кнопкой “опубликовать”
Хочешь делать сайты, а не бороться с интерфейсом? Framer — твой путь. Этот курс объяснит, как из дизайна сделать живой сайт, без кода, боли и гуглинга «куда делся отступ». За 6.5 часов — от Figma до финального сайта."
Для кого эта программа
Если вы дизайнер, маркетолог, предприниматель или просто хотите научиться создавать современные сайты без кода — этот курс для вас.
Что вы получите
Освоите Framer — мощный no-code инструмент для создания сайтов.
Научитесь создавать адаптивные сайты с анимацией и интерактивными элементами.
Поймете, как использовать AI для генерации дизайна и контента.
Изучите работу с CMS, SEO и интеграциями.
Получите навыки, востребованные на рынке.
Программа курса
Модуль №1. Создадите полноценный макет сайта: от первого экрана до карточки товара. Учимся работать с автолэйаутами, структурировать блоки, оформлять меню, футер и форму заявки
Модуль №2. Полный обзор интерфейса и логики Framer. Разберем рабочие зоны, страницы, настройки и начнем верстку
Модуль 3. Верстка страниц и блоков. Собираем сайт блок за блоком. Фактически повторяем макет из Figma, но уже в реальности
Модуль 4. Настройки и адаптив. Делаем сайт удобным на всех экранах, добавляем интерактив, настраиваем меню и состояние компонентов
Модуль 5. Анимации. Оживляем сайт. Работаем со всеми популярными эффектами: от простых до "вау"
Спойлер: Уроки курса:
Приветствие
Урок №1. Figma. Дизайн первого экрана
Урок №2. Auto layout
Урок №3. Дизайн первого экрана Auto layout
Урок №4. Figma Блок карточки товара
Урок №5. Figma. Блок FAQ
Урок №6. Figma. Блок Review
Урок №7. Figma.Footer
Урок №8. Figma. Меню
Урок №9. Figma. Элемент на первом экране
Урок №10. Figma.Страница товара. Форма заявки
Урок №11. Генерация контента
Урок №12. Обзор Framer. Цены
Урок №13. Интерфейс Framer
Урок №14. Интерфейс рабочей зоны
Урок №15. Pages, Layers,Assets
Урок №16. Настройки страницы и сайта
Урок №17. Блочная верстка. Разметка первого экрана
Урок №18. Layout, Fill, Fid. Absolute Positioning
Урок №19. SEO
Урок №20. Style Guide
Урок №21. Верстка первого экрана
Урок №22. Круг на первом экране
Урок №23. Блок FAQ
Урок №24. CMS на практике
Урок №25. Блок Review
Урок №26. Блок Footer
Урок №27. Блок карточки товара
Урок №28. Страница Карточки товара
Урок №29. Форма заявки. сервис приема сообщений
Урок №30. Страница благодарности
Урок №31. Хавер/Пресет в компоненте.
Урок №32. Адаптив сайт
Урок №33. Варианты компонента
Урок №34. Меню сайта
Урок №35. Компонент меню сайта
Урок №36. Выпадающее меню
Урок №37. Галерея
Урок №38. Ссылки на страницы и блоки
Урок №39. Анимация Sticky
Урок №40. Базовая анимация
Урок №41. Анимация текста по кругу
Урок №42. Анимация текста
Урок №43. Анимация зафиксированной кнопки
Урок №44. Анимация Drag
Урок №45. Анимация параллакс
Урок №46. Переход между страницами
Урок №47. Pop-up
Урок №48. Настройки сайта. Подключение домена.
После прохождения курса:
Разберешься с автолайаутами и адаптивностью в Figma
Перенесёшь макет во Framer и сверстаешь сайт с нуля
Научишься анимировать блоки и делать плавные переходы между страницами
Поймешь, как адаптировать сайт под любые устройства
Соберешь полноценный многостраничный сайт с карточками и интерактивом
Готовность к самостоятельному созданию и развитию веб-проектов на основе Framer
Авторы курса
Курс разработан командой Umapalata — экспертов в области дизайна и no-code разработки.
Язык - русский
Цена курса: ~9000 руб. ($99)
СЛИВЫ КУРСОВ
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- Безопасность в цифровой среде для психолога [Елена Маховикова, Юлия Желнина]
- Твое роскошное лето без морщин, отеков и целлюлита [Алесь Улищенко, Дарья Краснопольская]
- Искусство красноречия или как 'подвесить' язык [Юджин Трейси]
- Проектирование архитектуры цифровых платформ [Systems Education] [Владимир Иванов]
- Capture One [Школа Татьяны Щелоковой] [Татьяна Щелокова]
- Клуб Насмотренность (1 августа – 1 ноября) [Дарья Казанцева]