[Matilda Design] Все с нуля: база для уверенного старта [Кристина Нестерчук]

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

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

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

Что освоишь:

• Кастомизация и управление — создавай сайты, которые полностью соответствуют твоим задачам, настраивай блоки под любые цели и управляй ими с максимальной эффективностью
• Продвинутая анимация — научись делать крутые анимации с помощью css, JavaScript и GSAP, чтобы твои сайты стали живыми и привлекали внимание
• Основы html, css и js — ключ к свободе в создании сайтов. Реализовывай любые идеи, гибко настраивай элементы и управляй каждым аспектом своего проекта

Курс будет полезен как начинающим, так и опытным дизайнерам:

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

Чему научишься:

• Html, css, js
• Создание элемента
• Способы обращения в css
• Кастомизация стандартных блоков
• Работа с css анимацией
• Работа с адаптивом

Программа:

Вводная:

• 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. Работа со стандартными блоками

Что включает:

• 38 занятий с основами вёрстки
• 14 часов записанных материалов
• 10 домашних заданий