Курс Front-end

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

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

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

56 учебных часов

ПЛАН КУРСА

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

Стоимость модуля: 2100 грн.

Тема 1. Основные понятия в веб-разработке

Процесс разработки веб-сайта

Устройство сайтов и их типы

Инструменты для веб-разработки

Что такое гипертекст, теги и атрибуты

Простой пример HTML странички

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

Структура HTML документа,

Основные теги оформления текста

Комментарии в HTML

Гиперссылки

Изображения

Списки

Формы и их элементы

Спецсимволы

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

Синтаксис CSS

Простые селекторы

Селекторы атрибутов

Основные свойства стилей

Вложенность, наследование и группирование свойств

Псевдоклассы и псевдоэлементы

Тема 4. Блочная верстка

Блочная модель

Обтекаемые элементы

Позиционирование блоков

Создание основной разметки сайта

Применение overflow и clear

Приёмы позиционирования элементов

Создание сетки

Тема 5. Таблицы в HTML

Структура таблицы

Объединение ячеек

Вложенные таблицы

Стилевое оформление таблиц

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

Стандарт HTML5 и CSS3

Кроссбраузерность, валидация

Обзор инструментов(gulp, less, minification)

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

Эффекты анимации при наведении

Анимации дочерних элементов

Эффекты изображения

Transform, transition, animation, gradient

Тема 8. Технология Flex

Основы flex

Применение flex для создания сетки

Тема 9. Адаптивная верстка

Способы адаптивного дизайна

Медиа-запросы

Логические операторы, применяемые в медиа-запросах

Медиа-функции

Тема 10. Введение в Bootstrap

Установка фреймворка

Система сеток

Настройка сетки

Обзор встроенных компонентов

Тема 11. Система контроля версий GIT

Что такое git, github

Установка git

Настройка git

Основные команды git

Тема 12. Создание Landing page

Что такое Landing page

Приемы создания Landing page

Адаптация макета Landing page

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

Стоимость модуля: 3100 грн.

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