Виталий Г.

Модуль 1 - HTML/CSS
1. Что такое Front-End? Настройка редактора кода Visual Studio Code
2. Система контроля версий Git и сервис GitHub
3. Введение в HTML. Новые теги HTML5.
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-приложение – интернет-магазин

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