Стоимость курса: 5 000 грн в месяц
Длительность курса: 2 месяца, 10 занятий по 4,5 часа
Дата начала курса: 23 сентября, 10:00 - 14:30, по субботам
Требования к слушателям: специальные требования отсутствуют

*Курс доступен на языках: русский, украинский, английский

Frontend разработчик. Верстка сайтов

Программа курса
Базовые понятия фронтенд-разработки
  • Веб Структура сети Интернет, клиент-сервер, протоколы HTTP и FTP, ПО и АО веб-сервера, система DNS.
  • Доменные имена, хостинг: выбор, размещение сайта в Интернет.
  • Стандартизация в Интернет: W3C, DOCTYPE, валидация документов.
  • Обзор языков разметки.
  • Среды разработки, Chrome devtools.
Язык разметки HTML
  • Назначение, состав документа, теги, атрибуты, разделители и спецсимволы.
  • Системы передачи цвета.
  • Данные: Метаданные, Текст, Гиперссылки, Изображения, Мультимедиа, Списки, Формы, Таблицы.
  • Стандарт HTML5.
  • Основы поисковой оптимизации (SEO).
  • Accessibility.
Язык стилевого оформления CSS
  • Назначение, состав стилевого документа, структура документа.
  • Классы, идентификаторы, селекторы, псевдоселекторы, псевдоэлементы.
  • Группирование, наследование, каскадирование.
  • Модель визуального форматирования.
  • Значения и единицы измерения. Шрифт, Текст.
  • Встраивание уникальных шрифтов, использование google-fonts.
  • Отступы, рамки, поля; основные и фоновые цвета.
  • Позиционирование элементов.
  • CSS3: фоны, градиенты, прозрачность, тени, скругления, трансформации и переходы, анимация.
  • Многоколоночность, flexbox, сеточная разметка.
  • Спрайты.
  • reset и normalize CSS.
  • Progressive enhancement и graceful degradation, написание эффективного кода.
  • Валидация документов.
Photoshop для работы с макетом
  • Настройка рабочего пространства, базовые инструменты, клавиатурные сочетания, слои.
  • Извлечение графических объектов, фонов.
  • Параметры дизайна: размеры, отступы, шрифты, цвета.
  • Разрезка макета, оптимизация, особенности графических форматов.
  • Вёрстка макетов на практике.
  • Обзор европейских и американских CSS-методологий.
  • Методология БЭМ (BEM).
  • Обзор CSS-фреймворка Bootstrap для ускорения работы.
  • Обзор CSS пост/препроцессоров.
  • Вёрстка рассылочных писем.
  • Адаптивная вёрстка (media queries, fluid grid, fluid images, mobile first) для портативных и настолльных устройств (смартфоны, планшеты, ноутбуки, мониторы ПК).
  • Кроссбраузерность и отладка под IE.
  • Best practices из опыта преподавателей-практиков.
Записаться
Пожалуйста, заполните форму. Наши менеджеры свяжутся с вами в ближайшее время.
Made on
Tilda