Верстка для фронтенда

Информация о курсе:


Стоимость: 3 000 грн в месяц

Длительность курса: 2 месяца (45 часов)
Вечерние группы: 18 занятий х 2,5 часа
Субботние группы: 10 занятий х 4,5 часа
Возможно обучение On-line

Дата начала курса:



12 октября 18:45-21:15
(вторник, четверг)
 

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

Базовые понятия фронтэнд-разработки

  • Веб Структура сети Интернет, клиент-сервер, протоколы HTTP и FTP, ПО и АО веб-сервера, система DNS
  • Доменные имена, хостинг: выбор, размещение сайта в Интернет
  • Стандартизация в Интернет: W3C, DOCTYPE, валидация документов
  • Обзор языков разметки, XML
  • Среды разработки, Chrome devtools

Язык разметки HTML

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

Язык стилевого оформления CSS

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

Состав языков HTML и CSS рассматривается с примерами реальных ситуаций применения команд в объёме, который необходим для быстрого старта написания кода. Рассматриваются элементы языков наиболее востребованные на реальных сайтах, веб-приложениях, а также в тестовых заданиях разных компаний.

Photoshop для работы с макетом

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

Вёрстка макетов на практике

  • Обзор европейских и американских CSS-методологий
  • Методология БЭМ (BEM)
  • Обзор CSS-фреймворка Bootstrap для ускорения работы
  • Обзор CSS пост/препроцессоров
  • Вёрстка рассылочных писем
  • Адаптивная вёрстка (media queries, fluid grid, fluid images, mobile first) для портативных и настолльных устройств (смартфоны, планшеты, ноутбуки, мониторы ПК)
  • Кроссбраузерность и отладка под IE
  • Best practices из опыта преподавателей-практиков

Теория верстки рассматривается исключительно на практике - в процессе вёрстки макета landing page.

В нашем курсе практика занимает 70% времени. С самых первых занятий мы настраиваем слушателей на поиск работы, даём рекомендации по выполнению тестовых заданий и трудоустройству в целом.Уже после первого месяца обучения мы рекомендуем слушателям ходить на собеседования.