Научись создавать сайты на Tilda, которые захватывают внимание и превращают посетителей в клиентов: от базовой верстки до уникальных решений.
От основ веб-разработки до создания полноценного проекта. Этот курс разделен на две части, чтобы ты мог выбрать удобный для себя путь. Сначала освоишь основы html, css и JavaScript, чтобы уверенно работать с базовыми инструментами веб-разработки. Это поможет тебе реализовывать любые идеи с минимальными усилиями.
Раскрой потенциал Tilda и научись создавать уникальные сайты, овладев основами вёрстки на html, css и js!
Что освоишь:
- Кастомизация и управление — создавай сайты, которые полностью соответствуют твоим задачам, настраивай блоки под любые цели и управляй ими с максимальной эффективностью
- Продвинутая анимация — научись делать крутые анимации с помощью css, JavaScript и GSAP, чтобы твои сайты стали живыми и привлекали внимание
- Основы html, css и js — ключ к свободе в создании сайтов. Реализовывай любые идеи, гибко настраивай элементы и управляй каждым аспектом своего проекта
Курс будет полезен как начинающим, так и опытным дизайнерам:
- Ты сможешь создавать сложные и эффективные решения, привлекая крупных клиентов и повышая стоимость своих услуг
- Курс даст тебе все необходимые инструменты, чтобы выделяться и стать востребованным дизайнером, к которому возвращаются клиенты
- Ты освоишь продвинутые функции Tilda, создашь анимации, адаптивные и сложные решения, повысив качество своих проектов
Чему научишься:
- Html, css, js
- Создание элемента
- Способы обращения в css
- Кастомизация стандартных блоков
- Работа с css анимацией
- Работа с адаптивом
Программа:
Вводная:
Основы 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 домашних заданий
