Что делает маркетинговый сайт по-настоящему наградным? В рамках этого однодневного практического воркшопа Матис Гонсалес раскрывает творческий и технический подход, лежащий в основе самых обсуждаемых сайтов в интернете. На примерах Next.js Conf от Vercel, промо-страниц MrBeast и главной страницы редактора Cursor он детально разбирает дизайн- и девелопмент-паттерны, позволяющие создавать высокоэффективные лендинги. Вы изучите логику выбора React вместо ванильного JavaScript, затем погрузитесь в работу с анимационными таймлайнами, видео, motion-эффектами и шейдерами. Чтобы объединить всё воедино, вы освоите методики синхронизации эффектов с помощью requestAnimationFrame и научитесь диагностировать проблемы производительности, определяя возможности устройства, мощность GPU и просадки кадров. Независимо от того, работаете ли вы как разработчик, дизайнер или универсальный специалист, вы уйдёте с вдохновением и практическими инструментами для создания собственных наградных веб-опытов.
В ходе участия в воркшопе вы научитесь:
Понимать творческие и технические принципы выдающихся маркетинговых сайтов
Применять React для создания нестандартных маркетинговых интерфейсов
Интегрировать видео, анимации и шейдерные эффекты на основе таймлайнов
Анализировать и оптимизировать производительность через requestAnimationFrame, детекцию просадки кадров и профилирование устройства/GPU
Создать собственный реальный проект, который можно развивать и демонстрировать
Подходит ли вам этот воркшоп?
Если вы фронтенд-разработчик, стремящийся развить навыки creative coding, создаёте сайты для клиентов или продуктов и хотите сделать их выразительнее, либо интересуетесь тем, как мировые маркетинговые сайты объединяют движение, визуальные эффекты и высокую производительность, то этот воркшоп — для вас.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.
Матис — графический дизайнер, перешедший в веб-разработку. Он работает техлидом в студии Basement, где соединяет опыт дизайна и программирования для создания насыщенных, иммерсивных цифровых опытов. Увлечён волонтёрством и принимает участие в организации мероприятий TEDx. Постоянно ищет возможности для экспериментов с новыми технологиями и в настоящее время особенно увлечён WebGL.