От простого к сложному:
учись, создавай, воплощай

Научись создавать сайты на Tilda, которые захватывают внимание и превращают посетителей в клиентов: от базовой верстки до уникальных решений!

Задать вопрос

Начать обучение

Tilda Publishing

HTML

CSS

JS. jQuery

GSAP

ScrollTrigger

Основы HTML,
CSS и JS

Ключ к свободе в создании сайтов. Реализовывай любые идеи, гибко настраивай элементы и управляй каждым аспектом своего проекта.

Кастомизация
и управление

Создавай сайты, которые полностью соответствуют твоим задачам, настраивай блоки под любые цели и управляй ими с максимальной эффективностью!

Продвинутая
анимация

Научись делать крутые анимации с помощью CSS, JavaScript и GSAP, чтобы твои сайты стали живыми и привлекали внимание!

Смотреть видео

От основ веб-разработки до создания полноценного проекта

Этот курс разделен на две части, чтобы ты мог выбрать удобный для себя путь. Сначала освоишь основы HTML, CSS и JavaScript, чтобы уверенно работать с базовыми инструментами веб-разработки. Это поможет тебе реализовывать любые идеи с минимальными усилиями.

Если хочешь сразу шагнуть в более сложные задачи, мы освоим создание анимаций с GSAP и ScrollTrigger, а также разработку сайтов с нуля. Ты научишься создавать прототипы, разрабатывать нестандартные решения и собирать их в полноценный проект, который будет выделяться и привлекать клиентов.

Создание условий ✲ Структура страницы ✲ Основы CSS ✲ Кастомизация стандартных блоков ✲ Создание условий ✲ Структура страницы ✲ Основы CSS ✲ Кастомизация стандартных блоков

Курс будет полезен

так и

опытным дизайнерам

как начинающим,

Задать вопрос

Начать обучение

Начни создавать свои решения ✲ Начни создавать свои решения ✲

Ты освоишь продвинутые функции Tilda, создашь анимации, адаптивные и сложные решения, повысив качество своих проектов.

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

Курс даст тебе все необходимые инструменты, чтобы выделяться и стать востребованным дизайнером, к которому возвращаются клиенты.

Изучаешь
материал

Делаешь домашнее задание

Сдаешь домашнее задание

Задаешь
вопросы

Получаешь обратную связь

Всё максимально
просто

Раскрой потенциал Tilda и научись создавать уникальные сайты, овладев основами вёрстки на HTML, CSS и JS!

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

14

HTML, CSS, JS

Создание
элемента

Работа
с адаптивом

Работа с CSS
анимацией

Кастомизация
стандартных блоков

Способы
обращения в CSS

+

1 часть

часов

занятий

38

Задать вопрос

Записаться на курс

Выйди за рамки стандартных решений Tilda и начни создавать сайты уровня Awwwards.

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

20

Разбор библиотек
с Awwwards

Работа с GSAP
и ScrollTrigger

Работа
над проектом

Реализация сложных анимаций

Реализация
сложных решений

Создание своих идей

+

2 часть

часов

занятий

40

Задать вопрос

Записаться на курс

Программы курсов

HTML

CSS

jQuery

Javascript

SBS

38 занятий

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

Создание условий

7.5. Простые команды (3 часть)

7.6. Медиазапросы в JS

7.4. Работа с триггерами

7.3. Простые команды (2 часть)

7.1. Простые команды (1 часть)

7.2. Множим классы и перемещаем

Основы JS

Кастомизация стандартных блоков

8.5. Кастомизация потоков (Адаптив)

8.4. Кастомизация потоков (Десктоп)

8.7. Кастомизация форм (Адаптив)

8.6. Кастомизация форм (Десктоп)

8.3. Кастомизация карточек товара

8.1. Кастомизация аккордеонов

8.2. Кастомизация вкладок

8.8. Работа со стандартными блоками

JS

CSS

HTML

Основы CSS

6.4. CSS анимация. Индикатор загрузки

6.2. CSS анимация. Transition

6.1. CSS анимация в теории

6.3. CSS анимация. Ключевые кадры

CSS анимация

Псевдоклассы и псевдоэлементы

Позиционирование объектов

Основы CSS

5.2. Работа с медиазапросами

5.1. Что такое медиазапросы

Ключевые свойства

4.3. Псевдоэлементы

4.1. Что такое псевдоклассы и псевдоэлементы

4.2. Псевдоклассы

4.4. Создание кнопки

Основы CSS

Структура страницы

Основы CSS

3.4. Работа с позиционированием

3.2. Позиционирование элементов (1 часть)

3.1. Что такое позиционирование

3.3. Позиционирование элементов (2 часть)

2.5. Стилизация элементов (2 часть)

2.4. Стилизация элементов (1 часть)

2.3. Основные свойства CSS (2 часть)

2.1. Что такое CSS. Способы обращения

2.2. Основные свойства CSS (1 часть)

2.6. Создание карточки

Основы CSS

Вводная

Основы HTML

1.3. Создание первого кода

1.2. Создание элемента

1.1. Что такое HTML

0.1. О чем курс?

Медиазапросы

HTML

CSS

jQuery

Javascript

SBS

GSAP

Scrolltrigger

40 занятий

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

GSAP. Продвинутая анимация

Вводная

9.3. Создание шагов

9.2. Создание простой анимации

9.1. Как работает анимация

Создание идей

0.1. О чем курс?

GSAP

ScrollTrigger

9.4. Создание перспективы (Десктоп)

9.5. Создание перспективы (Адаптив)

9.6. Работа с GSAP

10.5. Работа с прототипом и идеями. (2 часть)

10.4. Работа с прототипом и идеями. (1 часть)

10.6. Разбор макета

10.3. Создание первых идей и набросков (2 часть)

10.2. Создание первых идей и набросков (1 часть)

10.1. Разбор библиотек и инструментов с Awwwards.

Реализация идей

JS

CSS

HTML

GSAP

ScrollTrigger

11.1. Шапка сайта: Анимация ссылок (1 часть)

11.2. Шапка сайта: Анимация ссылок (2 часть)

11.3. Анимация видео

11.6. Список услуг (2 часть)

11.4. Список проектов

11.5. Список услуг (1 часть)

11.9. Кастомизация формы

11.8. Переключение между проектами

11.10. Анимация карточек соц. сетей

11.7. Список услуг (3 часть)

ScrollTrigger

GSAP

HTML

CSS

JS

Сборка макета

12.1. Шапка сайта + подключение меню

12.2. Главный экран

12.3. Раздел «Обо мне»

12.6. Сборка контактов и футера

12.4. Собираем список проектов

12.5. Кастомизация и подключение услуг

Адаптив

JS

CSS

HTML

GSAP

ScrollTrigger

13.7. Адаптив формы

ScrollTrigger

GSAP

HTML

CSS

JS

Финал

13.10. Поправляем верстку

Заключительная часть

13.8. Адаптив соц. сетей и футера

13.9. Адаптив модальных окон

13.5. Адаптив списка проектов

13.4. Адаптив раздела «Обо мне» (2 часть)

13.6. Адаптив списка услуг

13.3. Адаптив раздела «Обо мне» (1 часть)

13.2. Адаптив шапки сайта

13.1. Адаптив главного экрана

14.1. Реализация идеи

15.1. Что изучать дальше?

Стоимость курсов

Всё с нуля

Если у тебя есть вопросы
по курсу, задай их напрямую

35 000

База для уверенного старта

руб.

38 занятий с основами вёрстки

14 часов записанных материалов

10 домашних заданий

Помощь в освоении материала

3 месяца бесплатного доступа к Matilda Design

Помощь в освоении материала

3 месяца бесплатного доступа к Matilda Design

1 итоговое задание

1 домашнее задание по GSAP

20 часов записанных материалов

40 углубленных занятий по вёрстке

руб.

от идей до результата

35 000

Кастомизируй
и управляй

От простого к сложному

65 000

Два курса: «Всё с нуля»
и «Кастомизируй и управляй»

руб.

Все 78 занятий

Более 34 часов записанных материалов

11 домашних заданий

1 итоговое задание

9 месяцев бесплатного доступа к Matilda Design

Помощь в освоении материала

Задать вопрос

Записаться на курс

Вопрос-ответ

Если у меня нет знаний вёрстки или недостаточно опыта, смогу ли я заниматься?

Курс разработан таким образом, что ты сможешь выбрать программу, которая лучше всего тебе подходит. Для начинающих — с самого начала и основ ("Всё с нуля: база для уверенного старта") или для тех, кто хочет углубиться в более сложные темы ("Кастомизируй и управляй: от идей до результата").

Будет ли поддержка во время прохождения курса?

Да, ты всегда можешь написать мне лично, и мы вместе разберём любые трудности, с которыми ты столкнёшься.

Сколько времени нужно тратить, чтобы пройти обучение?

У всех разная скорость усвоения материала, поэтому занятия доступны для прохождения в любое удобное время. В среднем одно занятие занимает около 30 минут.

Как оплатить курс, если я нахожусь за пределами РФ?