Віталій Г.

Модуль 1 - HTML/CSS
1. Що таке Front-End? Налаштування редактора коду Visual Studio Code
2. Система контролю версій Git та сервіс GitHub
3. Вступ до HTML. Нові теги HTML 5.
4. Знайомство з CSS
5. CSS селектори
6. Псевдоелементи
7. Псевдокласи
8. Flexbox
9. CSS GRID layout
10. Photoshop/Figma для Front-End розробника
11. Шрифти в Інтернеті. Правильне підключення шрифтів до проєкту.
12. CSS позиціонування та трансформація
13. SVG
14. SVG анімації
15. CSS анімації
16. Методологія БЕМ
17. Побудова форм
18. Адаптивна верстка (Responsive web design). Медіазапити.
19. Адаптивна верстка таблиць
20. Основи семантичної верстки
21. Кросбраузерність
22. SEO для розробника
23. Огляд Front-End фреймворку Bootstrap
24. Препроцесор SASS.
25. Інструмент для збирання проєкту (таск-менеджер) Gulp. Напишемо власну збірку.
26. Практика - верстка макету

Модуль 2 - JavaScript
1. Основи JavaScript. Вирази. Змінні.
2. Примітивні типи. Посилальний тип. Динамічна типізація.
3. Об'єкти. Світові об'єкти. Методи об'єктів.
4. JSON.
5. Мутація у JavaScript.
6. Функції.
7. Оператори
8. Масиви. Методи масивів.
9. Деструктуризація об'єктів та масивів.
10. Умовні вказівки.
11. Цикли.
12. Модулі.
13. Класи та прототипи.
14. Проміси
15. Асинхронні функції

Модуль 3 - React JS

1) Введення у React. Основи та ключові поняття. Підключення бібліотеки.
2) Знайомство з JSX. Створення базового проекту.
3) Синтаксис JSX: елементи, атрибути, вкладення.
4) Створення та рендеринг компонентів.
5) Стан, props та логіка
6) Перевикористання компонентів (Reusable Components).
7) Використання props для передачі даних.
8) Умовне повернення JSX (Conditional Rendering).
9) Стан компонента (useState).
10) Передача стану через властивості (State Lifting).
11) Обробка подій (Events).
12) Форми та введення даних. Контрольовані компоненти.
13) Проєкт: Компоненти продуктів з додаванням у кошик.
14) Проєкт: Quiz App (з тестами).
15) Проєкт: TodoList App (додавання, видалення завдань).
16) Проєкт: API-запити — список користувачів.
17) React Router: створення SPA.
18) Запити до API: Fetch / Axios.
19) useEffect та асинхронні виклики.
20) Context API – глобальний стан.
21) Списки та ключі.
22) Життєвий цикл компонентів.
23) Основи Redux
24) Обробка помилок та спінери завантаження.
25) Фінальний проєкт: повноцінний CRUD-додаток - iтернет-магазин

Модуль 4. PHP
1. Встановлення та налаштування Apache2
2. Підготовка IDE для роботи з PHP
3. Робота зі змінними
4. Типи масивів. Робота з масивами
6. Прийняття рішень на основі умов
7. Повторення дій за допомогою ітерації
8. Робота з файлами
9. Багаторазове використання коду
10. Створення власних функцій
11. Суперглобальні змінні в РНР, робота з сесією
12. Концепції об'єктно-орієнтованого програмування
13. Створення класу, атрибутів і операцій в РНР
14. Реалізація спадкування в РНР
15. Composer. Автозавантаження класів