Комплексный курс Front-End (Верстка, JavaScript, React JS)

1. Знакомство с технологиями, используемыми в разработке FE (3 часа):

• основы HTML, CSS, JS;
• VSCode:
• командная строка bash.

2. Основы работы с системой контроля версий Git (2 часа):

• общие понятия;
• команды;
• интеграция с VSCode.

3. Знакомство с Gatsby и React (2 часа):

• NodeJS - платформа для работы с JS;
• GatsbyJS - фреймворк, основанный на React, позволяющий создавать быстрые сайты и приложения;
• React - библиотека для создания интерфейсов.

4. Верстка макета страницы (6 часов):

• углубленное изучение HTML и CSS на основе практических задач;
• изучение JSX - расширение синтаксиса для JavaScript, что позволяет писать HTML код в JavaScript коде;
• использование технологии CSS in JS (styled-component);
• Responsive layout и MobileFirst принцип.

5. Использование компонентного подхода React (3 часа):

• разбивка монолитной страницы на атомарные компоненты;
• использование созданных компонентов на других страницах.

6. Углубленное изучение JS (6 часов):

• создание компонента слайдшоу;
• динамическое создание страниц по заданному шаблону.

7. Оптимизация сайта с помощью Google Lighthouse (4 часа):

• автоматизация работы с изображениями;
• работа над доступностью (a11y) сайта;
• соблюдение лучших практик для достижения максимального быстродействия.

8. Продолжение разработки сайта на основе полученных знаний (10 часов):

• создание страницы с товарами;
• поиск товара по названию;
• добавление товаров в корзину и прочее;
• оформление заказа.