Вадим Гук

Пишем простую программу на JS и познакомимся с теорией.
- подключим разными способами JS.
– Будем взаимодействовать с элементами на странице (DOM).
- Будем обрабатывать события (клик, наведение, отправка фомы и тд).
– Напишем свой проект в котором используем все навыки.

React на основе разработки интернет магазина
- глубокое понимание JavaScript, которые являются фундаментальными для разработки на React.
- React основы, компоненты, события, использование пропсов, жизненный цикл компонентов, а также роутинг и навигацию в React.
- Redux концепции, такие как стр., действия, редукторы, подключение Redux к React-приложению.
- Redux DevTools для отладки состояния приложения.
- REST API, как осуществлять запросы на сервер, обрабатывать ответы и отображать данные на странице React с помощью fetch или Axios.
- практические навыки в решении проблем при разработке интернет магазина (главная, просмотр категории, поиск, оформление заказа + отправка email письма на почту).

Основы HTML5
- знакомство с веб-разработкой.
- начало страницы HTML5.
- основы HTML5.
- анатомия тега.
- вывод текста, списка, формы, картинки и других элементов.
- Что такое верстка сайта.

Основы CSS и первые элементы
- подключение файла CSS3.
- методология БЭМ.
- работа с макетом в Figma.
- позиционирование и работа с технологией CSS Flexbox.
- простая и сложная анимация CSS3.
- адаптация сайта (под телефоны, планшеты и пк).
- разработки страницы благодарности за заказ.

Разработка проекта по FIGMA
- разработка простого Landing page (сайт в одну страницу).
- адаптация сайта Landing page.
- разработка многостраничного информационного проекта.

SVG графика
– Что такое svg графика.
- когда нужна и не нужна svg графика.
- где брать иконки для сайта.
- Как сделать свои оптимизированные svg иконки.
- несколько вариантов подключения svg иконок.
- инструменты оптимизации картинок.
- веб-стандарты и инструменты.

Seo основы
- основные meta теги.
- микроразметка.
- Валидация (правильность) написанного кода.
- Оптимизация скорости загрузки сайта (менее 1 секунды).
- инструменты для проверки своего сайта.

Публикация сайта в интернете
– Каждый ученик зарегистрирует свой бесплатный хостинг.
– Разработанный проект получит ссылку в интернете.
– Рассмотрим, как на один хостинг загружать несколько сайтов.