Чему вы научитесь
- Верстка сайта по макету из Pixso (аналог Figma)
- Создание семантической HTML-структуры
- Cтилизация на CSS
- Оптимизация шрифтов и их подключение
- Использование современных форматов изображений (WebP, AVIF)
- Создание адаптивной верстки
- Работа с градиентами и декоративными элементами в CSS
- Составление эффективных промтов для ChatGPT и DeepSeek в целях разработки
- Работа в конструкторе Tilda (интерфейс, настройки)
- Создание уникального дизайна в Zero Block (аналог Figma в Tilda)
- Настройка адаптивности для мобильных устройств в Tilda
- Покупка и подключение домена, настройка SSL-сертификата
О курсе
Для кого этот курс
Начальные требования
-
Начальный уровень владения компьютером (уверенный пользователь).
-
Базовое понимание основ HTML (что такое теги, атрибуты, структура документа) и CSS (селекторы, свойства, цвета, отступы). Достаточно знать основы, чтобы не пугаться кода.
-
Установленный современный браузер (Google Chrome, Firefox) и любой текстовый редактор (VS Code, Sublime Text и т.д.).
-
Желание разобраться в структуре сайта, а не просто «нажать кнопку».
Преподаватели курса
37 609
Как проходит обучение
Обучение построено на видео уроках. Для лучшего усвоения материала рекомендуется смотреть урок и пробовать повторить все самостоятельно. Почти в каждом уроке доступно одно или более заданий в виде теста, задачи на сопоставление, заполнение пропусков, сортировки и другие. Обязательно читайте всю текстовую информацию к уроку там могут быть полезные ссылки на сторонние ресурсы или на материалы, которые нужны для урока. По желанию можете конспектировать изучаемый материал в любом удобном для вас формате (бумага, цифра). Задействовав дополнительный вид памяти вы улучшите усвоение материала.
Сертификат
Что вы получите
- Два готовых сайта в портфолио — один сверстанный вручную на HTML/CSS, другой созданный в Tilda с использованием Zero Block
- Навык адаптивной верстки — умение делать сайты, которые корректно отображаются на всех устройствах: от широких мониторов до смартфонов с экраном 320px
- Практическую работу с современными форматами изображений — освоение WebP и AVIF для оптимизации скорости загрузки страниц
- Опыт эффективного взаимодействия с ИИ — освоение промтинга для ChatGPT, превращение нейросети в полезного ассистента, а не просто генератора кода
- Умение работать с макетами в Pixso — навык импорта, анализа и точной реализации дизайна в коде
- Навык работы в Zero Block (Tilda) — создание уникальных дизайнов без ограничений шаблонов с использованием Auto Layout и гибких настроек
- Понимание различий между Mobile-first и Desktop-first подходами — осознанный выбор стратегии адаптива под конкретную задачу
- Практические знания по подключению домена и настройке SSL — реальный запуск сайта в интернет с собственным адресом и защищенным протоколом HTTPS
- Много практики — каждый урок сопровождается выполнением реальных задач, а не просто просмотром теории
- Тестовые задания с проверкой — закрепление материала через самостоятельную работу с последующим разбором
- Сертификат о прохождении курса
- Готовую базу для дальнейшего развития — возможность продолжить обучение в сторону фронтенд-разработки, веб-дизайна или самостоятельного ведения проектов на заказ