On-line курс: Верстка для фронтенда

Информация об On-line курсе:

Длительность курса: 2 месяца (45 часов)
Стоимость для Украины: 3 000 грн в месяц
Для других стран: 110 USD в месяц
Вечерние группы: 18 занятий х 2,5 часа
Субботние группы: 10 занятий х 4,5 часа
Требования: Устойчивое интернет соединение

 


Какую IT-специальность выбрать, чтобы БЫСТРО найти работу? Конечно же – специальность фронтенд-разработчика! Современные технологии создания веб-приложений настолько совершенны, что позволяют создавать кроссплатформенные приложения без использования сложного программирования. А зарплаты фронтендщиков уже приближаются к зарплатам программистов Java. 

Программа курса:

Базовые понятия

  • Веб Структура сети Интернет, клиент-сервер, протокол HTTP, ПО и АО веб-сервера, DNS
  • Стандартизация: W3C, DOCTYPE, валидация
  • Языки разметки, обзор XML
  • Кроссбраузерность
  • Среды разработки. Использование Firebug

HTML

  • Назначение, состав документа, теги, атрибуты
  • Разделители и спецсимволы
  • Системы передачи цвета
  • Данные: Метаданные, Текст, Гиперссылки, Изображения, Мультимедиа, Списки, Формы, Таблицы
  • HTML5
  • Основы поисковой оптимизации (SEO)

CSS

  • Назначение, состав стилевого документа, структура документа
  • Классы, идентификаторы, селекторы, псевдоселекторы, псевдоэлементы
  • Группирование, наследование, каскадирование
  • Модель визуального форматирования
  • Значения и единицы измерения. Шрифт, Текст
  • Встраивание уникальных шрифтов, использование google-fonts
  • Отступы, рамки, поля; основные и фоновые цвета
  • Позиционирование элементов 
  • CSS3: фоны, градиенты, прозрачность, тени, скругления, трансформации и переходы, анимация
  • Многоколоночность, flexbox, сеточная разметка 
  • Спрайты
  • Progressive enhancement, написание эффективного кода
  • Валидация документов

Вёрстка

  • Методология БЭМ
  • Вёрстка писем
  • Вёрстка жесткого дизайна
  • Адаптивная вёрстка (media queries, fluid grid, fluid images, mobile first)
  • Кроссбраузерность и отладка под IE

Основы Photoshop для верстальщика

  • Настройка рабочего пространства, базовые инструменты, клавиатурные сочетания, слои
  • Извлечение графических объектов, фонов
  • Параметры дизайна: размеры, отступы, шрифты, цвета
  • Разрезка макета, оптимизация и сохранение графики

Практические задания:

Практическая работа курса заключается в выполнении верстки макетов сайтов и шаблонов дизайна. При работе над практическими заданиями особое внимание уделяется ключевым подходам, необходимым для разработки макета на профессиональным уровне, с использованием интерактивных элементов jQuery.