Skip to content

Latest commit

 

History

History
60 lines (41 loc) · 2.22 KB

File metadata and controls

60 lines (41 loc) · 2.22 KB

Верстка (факультатив)

Основи

  • Як працює інтернет, що таке сайт
  • Процес (етапи) створення сайту. Знайомство з обов'язками інших спеціалістів.

Введення в HTML

  • HTML-тег, анатомія тегу, атрибути, категорії тегів
  • Будівельні теги DIV, HEADER, FOOTER, MAIN, основи семантики
  • Теги для контенту H1-H6, SPAN/MARK, P, A, BR, IMG, основи семантики
  • Вкладенність, блочні та рядкові теги
  • Побудова початкової структури HTML-документу. Ознайомча інформація про !DOCTYPE, теги HTML, HEAD, META та BODY

Введення в CSS

  • Методи додавання стилів до HTML-документу, теги STYLE та LINK, атрибут STYLE
  • Синтаксис CSS, CSS-селектори: типи, комбінації, пріоритетність
  • Шрифти: підключення та CSS-властивості шрифтів
  • CSS-властивості для оформлення тексту
  • CSS-властивості для роботи з блоками
  • CSS-властивості для оформлення блоків
  • CSS-властивість background
  • Псевдокласи
  • Псевдоелементи

Веб-графіка

  • Формати графічних файлів
  • Категорії веб-графіки
  • Оптимізація графіки

Методологія

  • Методологія БЕМ

Поглиблення в CSS

  • Позиціонування
  • Трансформації
  • Анімаціїї та переходи
  • Модуль FLEX
  • Модуль GRID

HTML форми

  • HTML-теги форм
  • Взаємодія фронтенду та бекенду

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

  • Основи UI\UX
  • Робота з медіазапитами

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

  • Використання симантичних тегів
  • Забеспечення високої доступності