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
Адрес:
  • Онлайн