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 этаж)