Все с нуля: база для уверенного старта
О чём курс
О чём курс
Кристина Нестерчук разбирает веб-разработку и вёрстку на коде для платформы 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. Работа со стандартными блоками
Теги курса
Другие материалы автора 1
КН Кристина Нестерчук Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.