Верстка сайтов

Создание сайта: HTML, CSS и JavaScript
design
Курс поделен на видеолекции
10 вебинаров
4 000 р.
1 час 20 минут
Стоимость курса
Продолжительность занятия
В записи
Все материалы доступны на учебном сайте
ПРЕПОДАВАТЕЛЬ
Руслан Бегалиев
Разработчик, преподаватель
Основатель студии Руслана Бегалиева, разработчик клиентских сервисов в финансовой группе «ДОХОДЪ», организатор сообщества WordPress в Санкт-Петербурге.
1
Старт. После оплаты вы получите письмо с доступом к курсу
2
Самостоятельное обучение. Курс в записи, все материалы вы изучаете самостоятельно
3
Обратная связь. Итоговое задание проверят и прокомментируют преподаватели
4
Сертификат. Вы получаете сертификат о прохождении курса
При покупке курса вы получите доступ к записям всех вебинаров, а итоговую работу проверят преподаватели — практикующие дизайнеры и иллюстраторы, которые поставят оценку, укажут на ошибки и дадут профессиональный совет.
Программа
1. Основы веб-технологий
Сетевые технологии и протоколы
Как устроен сайт: структура, внешняя и внутренняя часть
Обмен данными с пользователем интернета (клиент-серверная модель)
Принцип работы сайтов
Отличия разных браузеров
Введение в инструменты для разработки

Практическое задание
2. Технология HTML
Базовый синтаксис HTML
Понятие HTML-тега
Кодировка
Правильная вложенность элементов
Теги для форматирования
Метатеги
Атрибуты
Семантика

Практическое задание
3. Погружение в CSS
Основные виды селекторов: теги, идентификаторы, классы, универсальные селекторы
Свойства и значения: их комбинации и разделения
Каскад, приоритетность и наследование свойств
Типы элементов
Блочная модель

Практическое задание
4. Позиционирование элементов
Способы горизонтального расположения элементов
Позиционирование элементов
Слои. Приоритеты слоев

Практическое задание
5. Теория шрифтов
Принципы работы и отображения шрифтов в браузере
Сервисы для подключения шрифтов
Конвертация шрифтов
Иконочные шрифты. Их отличие от изображений

Практическое задание
6. JavaScript и jQuery
Что такое язык программирования JavaScript и для чего он нужен
Самая популярная JavaScript-библиотека jQuery
Готовые решения на JavaScript: jQuery-плагины. Откуда их брать, как внедрять и как настраивать

Практическое задание
7. CSS-анимации и фильтры
Альтернатива скриптам
Создание простых и сложных анимаций средствами CSS

Практическое задание
8. Адаптивная верстка
Требования к адаптивной верстке
Метатеги
Медиа-запросы
Продумывание пользовательского поведения
Эмуляция мобильных устройств и тестирование
Обзор фреймворков, их особенности. Для чего и как их использовать. Как не надо их использовать

Практическое задание
9. Формы и псевдоэлементы
Особенности стилизации форм и полей для ввода данных
Псевдоклассы и псевдоэлементы. Отличия и особенности их стилизации

Практическое задание
10. Публикация проекта
Размещение сайта в сети
Работа с хостингом
Критерии выбора качественного хостинга
Домен: как выбрать и где регистрировать

Практическое задание
После оплаты проверьте почтовый ящик — мы откроем доступ к личному кабинету с курсом и пришлем вам ссылку