Профессия Frontend-разработчик с нуля до PRO

• 1. Введение.
  2. Базовый HTML.
  3. Базовый CSS.
  4. Работа с макетом.
  5. Layout. HTML-разметка.
  6. Layout. Flexbox.
  7. Layout. Стилизация.
  8. Продвинутый HTML.
  9. Продвинутый CSS.
  10. Сетки.
  11. Адаптивность. Десктоп и планшет.
  12. Адаптивность. Мобильные устройства.
  13. JavaScript для верстальщика.
  14. Доступность.
  15. Кросс-браузерность.
  16. База знаний.
  17. Работа с хостингом.
  18. Анимация.

• 1. Введение.
  2. Переменные и работа с числами.
  3. Строки, boolean и условные операторы.
  4. Массивы и циклы.
  5. Функции.
  6. Объекты.
  7. Введение в DOM.
  8. Константы, области видимости и замыкания.
  9. Преобразования и нестрогие сравнения.
  10. Общение с сервером, async/await.

• 1. Вёрстка HTML-писем.
  2. SVG.
  3. Анимация на JS.
  4. Оптимизация и процесс загрузки.
  5. Сборщики.
  6. Препроцессоры и постпроцессоры.
  7. CSS Grid.
  8. CMS.
  9. Будущее вёрстки.

• 1. Обработка событий и пользовательский ввод.
  2. Модули.
  3. Event loop и асинхронная разработка.
  4. Методы объекта и прототипы.
  5. Обработка ошибок.
  6. События.
  7. ООП и его реализация в JavaScript.
  8. Функциональное программирование.
  9. Тестирование.
  10. npm, package.json.

• 1. Введение.
  2. Подготовка рабочей среды.
  3. Hello, world!
  4. Решаем базовые задачи.
  5. Асинхронный код.
  6. Express.js.
  7. Базы данных, реляционные БД.
  8. Базы данных, нереляционные БД.
  9. CLI-программы.
  10. Углубляем теорию + продвинутые понятия.
  11. Real-time & WebSockets.
  12. Pro tips.

• 1. Введение.
  2. Компиляция и примитивные типы.
  3. Применение типов.
  4. Типизация ООП.
  5. Дженерики.
  6. Утилитарные типы.
  7. Дополнительные типы.

• 1. Введение.
  2. Основы Vue.
  3. Создание проекта.
  4. Каталог товаров.
  5. Пагинация и фильтрация.
  6. Страница товара.
  7. Корзина.
  8. Работа с API. Список товаров.
  9. Работа с API. Оформление заказа.
  10. Деплой.

• 1. Введение в React.
  2. Создание проекта.
  3. TypeScript (Предложение).
  4. Компоненты на примере новостной карточки Reddit.
  5. Hooks и Функциональное программирование.
  6. Больше о компонентах и введение в тестирование компонентов.
  7. Работа с публичным API на примере Reddit.
  8. API + контекст.
  9. Портал и форма.
  10. Введение в Redux на примере новостной ленты.
  11. Использование Redux-Thunk на примере бесконечной ленты.
  12. Формы на примере комментариев и карточки поста.
  13. Сайдбар + роутинг.
  14. NextJS.
  15. Бонус: Mobx.

• 1. Продвинутые тайпгарды на дженериках и интерфейсах.
  2. Ещё чуть-чуть про ООП.
  3. tsconfig.
  4. Декораторы.
  5. Миксины.
  6. Неймспейсы.

• 1. Введение в Angular.
  2. Создаём UI Kit.
  3. Каталог товаров.
  4. Машрутизация.
  5. Сервисная архитектура в Angular.
  6. HTTP Advanced.
  7. RXJS: Поиск товаров.
  8. Формы в Angular.
  9. Страница товара.
  10. Улучшаем приложение.
  11. RXJS & Components Advanced: корзина товаров.
  12. Тестирование.
  13. Способы организации обмена данными.
  14. Дополнительные идеи.

• 1. SOLID.
  2. Сложные типы.
  3. Строковые типы для разбора строк.
  4. Абстрактные алгебраические типы.
  5. Тестирование типов.
  6. DDD.
  7. Чистая архитектура.
  8. Чистая файловая структура.

Вы сверстаете небольшой трёхстраничный сайт.

Вы создадите интернет-магазин с каталогом, баннерами, навигацией по разделам, карточками товара, корзиной и регистрацией. Оптимизируете проект и напишете тесты.