Курс Front-end Basic. Базовый курс для новичков

Идет набор на курс!
Срок обучения
20 занятий
Стоимость:
Стоимость за весь курс
9 500 грн.
Описание
Курс Front-end Basic. Базовый курс для новичков

Разработка видимой части любого сайта называется Front-end, и это быстрее всего развивающаяся область программирования.

Ни один современный веб-сайт и веб-приложение не обойдутся без Front-end разработчика.

В рамках курса Front-end Basic студенты без опыта в разработке изучают HTML и CSS, учатся верстать сайты. После успешного окончания курса студенты получают достаточно знаний и навыков для верстки сайта любой сложности.

Цели курса:

  • Воплощать в верстку дизайн любой сложности
  • Делать сайты, которые одинаково хорошо отображаются на любом устройстве
  • Замечать важные мелочи и писать код, который легко расширять и поддерживать
  • Научиться понимать структуру веб-страниц
Дни недели занятий на выбор
Время занятий вечер
Занятий в неделю 2
Длительность занятия
Часы занятий
Группы
Возраст аудитории Студенты, Взрослые
Вид подготовки Базовый курс
Город Соборный
Преподаватель специалист-практик
Учебные материалы
Пробное занятие
Документ об окончании Сертификат
Опции Групповые занятия, Индивидуальное обучение
Трудоустройство Нет
Условия трудоустройства

Запись на курс

Пользователи
Select people to associate with this registration.
This registration is for
Select person
Person type
New Контакт

Программа обучения

1. Введение. Установка необходимого ПО

  • Современный Front-end. Перспективы развития и тренды
  • Установка ПО, подготовка окружения для разработки

2. Знакомство с HTML

  • Структура HTML-документа
  • Теги, атрибуты тегов
  • Разметка текста с помощью HTML
  • Ссылки
  • Списки
  • Таблицы
  • Изображения. Форматы изображений
  • Формы
  • Медиа (video, audio). Iframe
  • Теги-ориентиры (header, main, aside, nav, section, article)

3. Знакомство с CSS

  • Каскадность. Наследование
  • Подключение CSS
  • Родные стили. Normalize.css Reset.css
  • Селекторы
  • Стилизация текста
  • Шрифты
  • Блочная модель
  • Float. Float layout. Clearfix
  • Position
  • Псевдоклассы. Псевдоэлементы

4. Advanced CSS

  • Flexbox. Flexbox layout
  • CSS Grid. Grid layout
  • CSS препроцессоры
  • CSS фреймворки
  • CSS методологии

5. Знакомство с SVG

  • Система координат в SVG
  • Способы добавить SVG на страницу
  • Примитивные фигуры
  • Стилизация SVG

6. Продвинутая работа с графикой

  • Иконочные шрифты
  • SVG Спрайты
  • Адаптивная графика. Тег picture
  • Оптимизация графики

7. Адаптивная верстка

  • Определение Viewport
  • Единицы измерения vh, vw, vmin, vmax, rem
  • Знакомство с концепцией Responsive Web Design
  • Mobile-first/Desktop-first

8. Семантика и доступность

  • Семантическая разметка
  • Доступность пользовательских интерфейсов

9. CSS анимации

  • Transform
  • Transition
  • Filter
  • Animation

10. Итоговый проект

Адрес:
  • г. Днепр, ул. Павла Ниринберга, 10 (1-й этаж)