Front-End Basic
Описание
  Разработка видимой части любого сайта называется Front-end, и это быстрее всего развивающаяся область программирования. Ни один современный веб-сайт и веб-приложение не обойдутся без Front-end разработчика.
В рамках курса Front-end Basic студенты без опыта в разработке изучают HTML и CSS, учатся верстать сайты. После успешного окончания курса студенты получают достаточно знаний и навыков для верстки сайта любой сложности.
ЦЕЛИ КУРСА:
- Воплощать в верстку дизайн любой сложности
 - Делать сайты, которые одинаково хорошо отображаются на любом устройстве
 - Замечать важные мелочи и писать код, который легко расширять и поддерживать
 - Научиться понимать структуру веб-страниц
 
| Дни недели занятий | на выбор | 
|---|---|
| Время занятий | на выбор | 
| Занятий в неделю | 2 | 
| Длительность занятия | |
| Часы занятий | |
| Группы | |
| Возраст аудитории | Студенты, Взрослые | 
| Вид подготовки | Базовый курс | 
| Город | Центр | 
| Преподаватель | специалист-практик | 
| Учебные материалы | |
| Пробное занятие | |
| Документ об окончании | Сертификат | 
| Опции | Групповые занятия, Индивидуальное обучение | 
| Трудоустройство | Нет | 
| Условия трудоустройства | 
Запись на курс
Программа обучения
- 
Введение. Установка необходимого ПО
- 
Современный Front-end. Перспективы развития и тренды
 - 
Установка ПО, подготовка окружения для разработки
 
 - 
 - 
Знакомство с HTML
- 
Структура HTML-документа
 - 
Теги, атрибуты тегов
 - 
Разметка текста с помощью HTML
 - 
Ссылки
 - 
Списки
 - 
Таблицы
 - 
Изображения. Форматы изображений
 - 
Формы
 - 
Медиа (video, audio). Iframe
 - 
Теги-ориентиры (header, main, aside, nav, section, article)
 
 - 
 - 
Знакомство с CSS
- 
Каскадность. Наследование
 - 
Подключение CSS
 - 
Родные стили. Normalize.css Reset.css
 - 
Селекторы
 - 
Стилизация текста
 - 
Шрифты
 - 
Блочная модель
 - 
Float. Float layout. Clearfix
 - 
Position
 - 
Псевдоклассы. Псевдоэлементы
 
 - 
 - 
Advanced CSS
- 
Flexbox. Flexbox layout
 - 
CSS Grid. Grid layout
 - 
CSS препроцессоры
 - 
CSS фреймворки
 - 
CSS методологии
 
 - 
 - 
Знакомство с SVG
- 
Система координат в SVG
 - 
Способы добавить SVG на страницу
 - 
Примитивные фигуры
 - 
Стилизация SVG
 
 - 
 - 
Продвинутая работа с графикой
- 
Иконочные шрифты
 - 
SVG Спрайты
 - 
Адаптивная графика. Тег picture
 - 
Оптимизация графики
 
 - 
 - 
Адаптивная верстка
- 
Определение Viewport
 - 
Единицы измерения vh, vw, vmin, vmax, rem
 - 
Знакомство с концепцией Responsive Web Design
 - 
Mobile-first/Desktop-first
 
 - 
 - 
Семантика и доступность
- 
Семантическая разметка
 - 
Доступность пользовательских интерфейсов
 
 - 
 - 
CSS анимации
- 
Transform
 - 
Transition
 - 
Filter
 - 
Animation
 
 - 
 - Итоговый проект
 
- г. Одесса, Канатная 22 (2 этаж)