Фронтенд, група fe18a (верстка)

Зміст

- зірочкою позначено теми для самоопрацювання.

  1. Вступ
  2. Історія інтернета
  3. Ключові поняття

Інструменти веб-розробника

  1. Інструменти фронтенд-розробника
  2. Організація робочого простору
  3. Програма Adobe Photoshop
  4. Робота з консоллю операційної системи
  5. Порізка макета
  6. Робота з FTP
  7. Налаштування IDE
  8. Налаштування деплоймента на FTP в PhpStorm
  9. Знайомство з Git
  10. Хостинг на github.io

Верстка (HTML, CSS)

  1. Типові елементи веб-сторінки
  2. Модель даних веб-сторінки
  3. Знайомство з HTML
  4. SGML
  5. Абсолютні та відносні шляхи до файлів
  6. Doctype, head
  7. Строкові і блочні елементи
  8. Теги span та div
  9. Списки
  10. Порізка і модель даних сайта Колесов
  11. Спецсимволи
  12. Пісочниця розробника jsFiddle
  13. Введення в CSS
  14. Стилі браузера
  15. Стилі шрифта
  16. Одиниці вимірювання, формат кольору
  17. Розміри елемента
  18. Відступи
  19. Фон (background)
  20. Стилі display, visibility
  21. Бордери, границі, рамки
  22. Вирівнювання плаваючих блоків (float)
  23. Вага стилів
  24. Модифікатори :hover, :active, :visited, :link
  25. Акуратність коду
  26. Семантика HTML5
  27. Коментарі
  28. Інструмент Emmet
  29. Псевдоелементи :before та :after
  30. Стиль position
  31. Стиль z-index
  32. Спрайти
  33. Селектори CSS
  34. Більше стилів богу стилів
  35. Таблиці
  36. Таблиці CSS
  37. Алгоритм по випадаючому меню
  38. Рідко вживані теги
  39. Підключення шрифтів

Веб-форми, аудио-відео, фрейми, верстка e-mail

  1. Основні теги веб-форм
  2. Випадаючий список select
  3. Атрибути елементів веб-форм
  4. Елементи вебформ, добавлені в HTML5
  5. Аудио та відео
  6. Вбудований контент iframe
  7. Верстка e-mail
  8. Відправка даних форм на e-mail
  9. Гілки Git
  10. Практика по гілкам Git
  11. Типові алгоритми дій в Git

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

  1. Медіа-запити
  2. Адаптивна та чуйна верстка
  3. 12-колоночна css-сітка
  4. Фреймворк Бутстрап
  5. Бутстрап 4
  6. Препроцесори
  7. Зборщики проектів
  8. Flexbox
  9. Grid, grid
  10. Про CSS
    Препроцесори, зборщики і пакетні менеджери: gulp, grunt, webpack, composer
  11. Технологія іменування класів БЕМ

CMS

  1. Веб-сервер
  2. Бази даних
  3. Створення власної теми Wordpress