Все с нуля: база для уверенного старта

3 участника

О чём курс

О чём курс

Кристина Нестерчук разбирает веб-разработку и вёрстку на коде для платформы Tilda, начиная с базовых тегов и заканчивая нестандартными интерфейсными решениями. Программа помогает выйти за рамки стандартного функционала конструктора с помощью собственного кода. Обучение разделено на две части, где на первом этапе изучаются основы HTML, CSS и JavaScript.

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

Что внутри

Материал сфокусирован на практическом освоении кода для задач веб-дизайна. В блоках по CSS разбираются правила стилизации, свойства позиционирования, работа с псевдоклассами, псевдоэлементами и медиазапросами для адаптивной вёрстки. Отдельное внимание уделено анимации: автор показывает настройку плавных переходов, анимаций по ключевым кадрам и создание индикаторов загрузки.

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

Для кого

Материал рассчитан на дизайнеров любого уровня подготовки — от новичков до специалистов с опытом работы в Tilda:

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

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

Формат

Курс состоит из 38 занятий общей продолжительностью 14 часов видеоматериалов в записи. Для закрепления пройденных тем предусмотрено 10 практических домашних заданий.

Программа обучения

Вводная: 0.1. О чем курс? Основы html: 1.1. Что такое html 1.2. Создание элемента 1.3. Создание первого кода Основы css . Структура страницы: 2.1. Что такое css. Способы обращения 2.2. Основные свойства css(1 часть) 2.3. Основные свойства css (2 часть) 2.4. Стилизация элементов (1 часть) 2.5. Стилизация элементов (2 часть) 2.6. Создание карточки Основы css. Позиционирование объектов: 3.1. Что такое позиционирование 3.2. Позиционирование элементов (1 часть) 3.3. Позиционирование элементов (2 часть) 3.4. Работа с позиционированием Основы css. Псевдоклассы и псевдоэлементы: 4.1. Что такое псевдоклассы и псевдоэлементы 4.2. Псевдоклассы 4.3. Псевдоэлементы 4.4. Создание кнопки Основы css. Ключевые свойства. Медиазапросы: 5.1. Что такое медиазапросы 5.2. Работа с медиазапросами Основы css. css анимация: 6.1. Css анимация в теории 6.2. Css анимация. Transition 6.3. Css анимация. Ключевые кадры 6.4. Css анимация. Индикатор загрузки Основы js. Создание условий: 7.1. Простые команды (1 часть) 7.2. Множим классы и перемещаем 7.3. Простые команды (2 часть) 7.4. Работа с триггерами 7.5. Простые команды (3 часть) 7.6. Медиазапросы в JS Кастомизация стандартных блоков: 8.1. Кастомизация аккордеонов 8.2. Кастомизация вкладок 8.3. Кастомизация карточек товара 8.4. Кастомизация потоков (Десктоп) 8.5. Кастомизация потоков (Адаптив) 8.6. Кастомизация форм (Десктоп) 8.7. Кастомизация форм (Адаптив) 8.8. Работа со стандартными блоками

Складчина создана 16 мая 2026 г. · описание обновлено 25 октября 2026 г.

Теги курса

Инструменты

Другие материалы автора 1

КН Кристина Нестерчук Все материалы
10 348 ₽ 35 000 ₽