Кастомизируй и управляй: от идей до результата

О чём курс

Кристина Нестерчук учит выходить за рамки стандартных блоков Tilda с помощью кода и кастомных анимаций. Материал построен из двух частей: сначала автор объясняет основы верстки на HTML, CSS и JavaScript, а затем переходит к проектированию и сборке полноценного интерактивного сайта.

В ходе занятий разбираются принципы работы со скриптами, библиотеками анимации GSAP и ScrollTrigger, а также тонкости адаптации сложных визуальных эффектов под экраны мобильных устройств. Автор показывает, как переносить дизайнерские решения уровня Awwwards в реальные проекты на платформе Tilda, кастомизировать формы обратной связи и оживлять карточки проектов.

Для кого

Материал рассчитан на дизайнеров с разным опытом:

• начинающие веб-дизайнеры освоят базовые инструменты веб-разработки (HTML, CSS и JS), чтобы гибко настраивать элементы и управлять версткой без жесткой привязки к стандартным шаблонам;
• практикующие специалисты освоят продвинутые функции платформы, научатся внедрять нетиповые сценарии скролла и сложные анимации.

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

Что внутри

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

В программе разбираются следующие темы:

• основы верстки на HTML, CSS и базовом JavaScript для тонкой настройки блоков;
• принципы анимации, построение перспективы на десктопе и в адаптивной версии;
• интеграция библиотеки GSAP и плагина ScrollTrigger для управления поведением элементов при прокрутке;
• анимация ссылок в навигации, видеовставок, интерактивных списков услуг и соцсетей;
• кастомизация форм и реализация переключения между проектами;
• пошаговая сборка макета: шапка, меню, главный экран, блок «Обо мне», кейсы и футер;
• адаптация всех созданных секций и модальных окон под различные разрешения.

Формат

Курс содержит 20 часов записанных видеоматериалов, распределенных по 40 урокам по верстке. Закрепление навыков проходит на двух практических этапах: предусмотрено одно домашнее задание по библиотеке GSAP и итоговое задание по реализации собственного проекта.