frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Маркетинговые веб-проекты, завоевывающие награды
Award-Winning Marketing Websites
Продолжительность
4 ч 53 мин
Категория
Другое (Frontend)
Количество уроков
6 Видео
Дата добавления
19 нояб. 2025 г., 01:11
Язык
Английский
Дата выхода
18 нояб. 2025 г., 01:00
Что делает маркетинговый сайт по-настоящему наградным? В рамках этого однодневного практического воркшопа Матис Гонсалес раскрывает творческий и технический подход, лежащий в основе самых обсуждаемых сайтов в интернете. На примерах Next.js Conf от Vercel, промо-страниц MrBeast и главной страницы редактора Cursor он детально разбирает дизайн- и девелопмент-паттерны, позволяющие создавать высокоэффективные лендинги. Вы изучите логику выбора React вместо ванильного JavaScript, затем погрузитесь в работу с анимационными таймлайнами, видео, motion-эффектами и шейдерами. Чтобы объединить всё воедино, вы освоите методики синхронизации эффектов с помощью requestAnimationFrame и научитесь диагностировать проблемы производительности, определяя возможности устройства, мощность GPU и просадки кадров. Независимо от того, работаете ли вы как разработчик, дизайнер или универсальный специалист, вы уйдёте с вдохновением и практическими инструментами для создания собственных наградных веб-опытов.
В ходе участия в воркшопе вы научитесь:
- Понимать творческие и технические принципы выдающихся маркетинговых сайтов
- Применять React для создания нестандартных маркетинговых интерфейсов
- Интегрировать видео, анимации и шейдерные эффекты на основе таймлайнов
- Анализировать и оптимизировать производительность через requestAnimationFrame, детекцию просадки кадров и профилирование устройства/GPU
- Создать собственный реальный проект, который можно развивать и демонстрировать
Подходит ли вам этот воркшоп?
Если вы фронтенд-разработчик, стремящийся развить навыки creative coding, создаёте сайты для клиентов или продуктов и хотите сделать их выразительнее, либо интересуетесь тем, как мировые маркетинговые сайты объединяют движение, визуальные эффекты и высокую производительность, то этот воркшоп — для вас.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:46:57Part 1
-
Урок 2. 00:42:25Part 2
-
Урок 3. 00:33:51Part 3
-
Урок 4. 01:20:04Part 4
-
Урок 5. 00:44:12Part 5
-
Урок 6. 00:46:06Part 6
Авторы - frontendmasters, Matias Gonzalez
Matias Gonzalez
Матис — графический дизайнер, перешедший в веб-разработку. Он работает техлидом в студии Basement, где соединяет опыт дизайна и программирования для создания насыщенных, иммерсивных цифровых опытов. Увлечён волонтёрством и принимает участие в организации мероприятий TEDx. Постоянно ищет возможности для экспериментов с новыми технологиями и в настоящее время особенно увлечён WebGL.
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Josh Comeau
29 сент. 2025 г., 22:33
Причудливые анимации
Whimsical Animations
Изучите, как создавать очаровательные взаимодействия и удивительные детали с помощью магии CSS, JavaScript, SVG и Canvas. Я поделюсь со всеми своими приёмами в этом курсе!Создавать анимации уровня «вау» для веба непросто. Я сам сталкивался с этим: видел потрясающие анимации в сети, которые казались настоящей магией - они были далеко за пределами простых CSS-переходов, которые я знал, и я не представлял, с чего начать.С годами я выстраивал недоста
GSAP и веб-анимации с нуля: Разработка сайта GTA VI шаг за шагом
Web Animations Full Course | Build a GTA VI Website & Master GSAP
Более 70% ведущих дизайн-ориентированных компаний используют GSAP в продакшене. Теперь вы сможете не просто понять их подход - вы овладеете инструментами, чтобы работать с ними или создавать собственные анимации уровня мировых брендов.
Simon Grimm
22 июн. 2024 г., 00:52
Анимации с использованием Reanimated
Animations with Reanimated
Окунитесь в яркий мир анимаций React Native с нашим комплексным курсом «Анимации с Reanimated». Научитесь создавать плавные и увлекательные анимации, используя мощные возможности Reanimated 3, чтобы ваше приложение было не только функциональным, но и визуально привлекательным.
Emil Kowalski
27 мар. 2024 г., 23:45
Анимационные эффекты в вебе
Animations on the web
Узнайте, как создавать анимации, которые вызывают эмоции у людей. Этот курс предназначен для тех, кто ценит мой стиль анимаций и/или кто стремится улучшить свои навыки. В курсе содержится все, что я знаю о движении в интернете. Вы узнаете, как создавать компоненты, и многое другие.
Jeroen Reumkens
21 февр. 2024 г., 12:30
Анимация веба с помощью Framer Motion
Animating the web with Framer Motion
Создание плавных, производительных и красивых анимаций сложно. Framer Motion помогает преодолеть многие из этих трудностей. В этом курсе я проведу вас через все, что может предложить Framer Motion. Вместе мы рассмотрим все API Framer и создадим впечатляющие проекты из реального мира.