Фронтенд, група fe17

Зміст

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

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

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

  1. Інструменти фронтенд-розробника
  2. Організація робочого простору
  3. Програма Adobe Photoshop
  4. Порізка макета
  5. Робота з FTP
  6. Налаштування IDE
  7. Налаштування деплоймента на FTP в PhpStorm
  8. Робота з консоллю операційної системи
  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. Інструмент Emmet
  26. Коментарі
  27. Акуратність коду
  28. Семантика HTML5
  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. Flexbox
  8. Grid, grid
  9. Про CSS
    Препроцесори, зборщики і пакетні менеджери: gulp, grunt, webpack, composer
  10. Технологія іменування класів БЕМ

CMS

  1. Веб-сервер
  2. База даних
  3. CMS
  4. WordPress
  5. OpenCart
  6. Веб-сервер
  7. Бази даних (і, власне, весь вордпрес поки що тут)

Основи JavaScript

  1. Введення в програмування, алгоритми
  2. Алгоритми, практика
  3. Введення в JavaScript
  4. Розгалуження алгоритму if
  5. Введення в функції
  6. Повернення результату функцією
  7. Аргументи функції
  8. Іменовані та анонімні функції
  9. Область видимості змінних
  10. Чисті та брудні функції
  11. Операції зі строками
  12. Спецсимволи
  13. Методи строк
  14. Регулярні вирази
  15. Бібліотека Math
  16. Цикли
  17. Алгоритми, практика 2
  18. Масиви
  19. Вказівник на складний тип даних, копіювання масивів
  20. Методи масивів
  21. Набори, колекції
  22. Об'єкти
  23. Рекурсія, глибоке копіювання об'єктів
  24. Оператор let
  25. Методи об'єктів
  26. Об'єкт this
  27. Самовиклик функцій
  28. Масив arguments
  29. Spread - три крапки
  30. Дебагінг
  31. Callback-функції, call та apply

Робота з веб-браузером, веб-сторінкою