Курс Front-end

Front-end разработка – в классическом понимании это создание клиентской части сайта. Но реально Front-end разработчик занимается версткой шаблона сайта и созданием пользовательского интерфейса. Он должен обладать навыками дизайнера, быть искусным верстальщиком,  владеть технологиями программирования и пользоватся востребованными фреймворками. Особенность верстки заключаются в знании спецификаций HTML5  / CSS3 / Bootstrap / браузерных требований, адаптивности и отзывчивости сайта. Результатом является валидная кроссбраузерная и кроссплатформенная верстка. Обязательны знания Less, Sass препроцессор. В программировании основные требования: знание JavaScript, практическое применение библиотеки jQuery, знание технологии Ajax.

 Длительность обучения 2,5 — 3 месяца.

Возможна оплата в 2 этапа

1 этап  — 1900грн 

ПЛАН КУРСА

МОДУЛЬ 1- 24 учебных часа

Тема 1. Основы языка разметки документов HTML

  • Структура HTML документа
  • Основные теги оформления текста
  • Спецсимволы
  • Комментарии в HTML
  • Гиперссылки
  • Типы изображений для web
  • Загрузка изображений на страницу
  • Списки
  • Формы и их элементы

Тема 2. Основы языка оформления стилей документа CSS

  • Что такое CSS
  • Синтаксис CSS
  • Способы объявления CSS
  • Селекторы (id, class, tag)
  • Селекторы атрибутов
  • Основные свойства стилей
  • Вложенность, наследование и группирование свойств
  • Приоритеты применения стилей
  • Псевдоклассы и псевдоэлементы
  • Практика

Тема 3. Таблицы и табличная верстка

  • Создание таблиц
  • Объединение ячеек
  • Вложенные таблицы
  • Стилевое оформление таблиц
  • Верстка макета сайта при помощи таблиц

Тема 4. Верстка слоями (блочная верстка)

  • Основные теги для верстки (div и span)
  • Отступы элементов (margin и padding)
  • Обтекаемые элементы
  • Позиционирование блоков
  • Создание основной разметки сайта
  • Применение overflow и clear в реальной вёрстке
  • Заполнение разметки частями нарезанного макета
  • Приемы позиционирования элементов

Тема 5. Стандарты web и вспомогательные инструменты

  • Проблема «кроссбраузерности»
  • Стандарты HTML/CSS
  • Стандарт HTML5 и CSS3
  • Грамотная, универсальная верстка
  • Проверка кода на валидность
  • Адаптивная блочная верстка

Тема 6. CSS анимация, эффекты

  • Эффекты анимации при наведении
  • Анимации дочерних элементов
  • Эффекты изображения

Модуль 2 — 32 учебных часа

Курс — JavaScript, Библиотека jQuery, AJAX-приложения