Front-end Basic. Базовий курс для початківців. Онлайн

Условия акции
скидка - 10%

при оплаті відразу за весь курс

Идет набор на курс!
Начало занятий
Срок обучения
20 занять
Стоимость:
Стоимость за весь курс
10 080 грн.
11 200 грн.
Описание
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 Контакт

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

Вступ. Установка необхідного ПЗ

  • Знайомство та план курсу
  • Типи файлів
  • Браузер
  • Мови програмування
  • Редактори коду

Знайомство з HTML

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

Git. Github

  • Git. Github

Знайомство з 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 спрайти
  • Іконочні шрифти
  • Адаптивна графіка. Тег picture
  • Оптимізація графіки

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

  • Viewport. @media
  • Одиниці вимірювання vh, vw, vmin, vmax, rem
  • Знайомство з концепцією Responsive Web Design
  • Mobile-first/Desktop-first
  • Оптимізація сторінки

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

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

CSS анімації

  • Transform
  • Transition
  • Filter
  • Animation
Адрес:
  • Онлайн