Основы Web-разработки: быстрый старт от ProductStar

Блок 1: "Знакомство с Tilda"

• Преимущества работы в Тильда

• Примеры работ на данной платформе

• Регистрация

• Тарифы при работе на данной платформе

• Как выглядит внутренний кабинет

• Где искать подсказки при работе

• Активация пробного периода

• Создание страницы по шаблону

• Рассмотрим основные параметры шаблонов

Блок 2: "Создание собственной страницы"

• Виды домена, его покупка и подключение

• Работа с базовыми блоками: какие бывают, зачем нужны некоторые из них

• Адаптация к различным видам устройств

• Создание своей страницы на базе блоков

Блок 3: "Работа в Zero-Block"

• Что такое Zero-блоки

• За счет чего они функционируют и зачем ими пользоваться

• Как выглядит редактирование данного блока

• Какие инструменты используют в Zero-блоках

• Тексты, работа с изображениями, кнопками, шейпами и немножечко другого

• Горячие клавиши

• Адаптация к различным видам устройств

Блок 4: "Работа с модификациями (сторонние скрипты)"

• Как добавлять модификации

• Пример такого кейса

• Где можно брать модификации

Блок 5: "Настройки и дизайн в Тильде"

• Подбор цветовой палитры, фриштов

• Подключение дополнительных шрифтов

• Использование разделителй и дополнительных блоков

Блок 6: "Базовые интеграции в Тильда"

• Внутренняя CRM

• Платежные системы

• e-mail-рассыльщики

• Передача данных в Google Таблицы

Блок 7: "Прокачка Тильды до сложных сервисов (теория)"

• Архитектура сервиса

• Возможности и ограничения Тильды

• Дополнительные сервисы для прокачки Тильды

Блок 8: "Настройка основных действий"

• Персонализация личного кабинета Тильды на примере кейса

Блок 9: "Дополнительные инструменты для управления доступами"

• Кейс с разной длительтностью доступа и правами

Блок 10: "Создаём сайт с нуля"

• Подведение итогов и обобщение знаний

• Создание нового сайта

Бонусный блок 11: "Базовые действия в Figma"

• Создание объектов

• Работа с текстом

• Использование изображений

Бонусный блок 12: "Работа с кривыми"

• Работа с масками

• Основная тема

Бонусный блок 13: "Отрисовка элементов интерфейса"

• Работа со слоями

• Smart-selection

• Arrage, Align, Distribute

Бонусный блок 14: "Локальные библиотеки"

• Цвет в библиотеке

• Текст в библиотеке

• Базовые компоненты

Бонусный блок 15: "Прототипирование и анимация"

• Связывание экранов в прототип

• Простейшая анимация перехода между экранами

• Smart-animate