Веб-разработка Frontend: подробное руководство по проекту (HTML, CSS, JavaScript, TypeScript, React)

Раздел 1. Создание игры «Крестики-нолики» с помощью Vanilla HTML/CSS/JS. Раздел 2: Рефакторинг этой игры для использования шаблона MVC и изучение того, почему этот шаблон полезен. Раздел 3: Рефакторинг игры для TypeScript, изучение того, как настроить TypeScript с нуля и почему это полезно. Раздел 4: Рефакторинг игры для React + TypeScript, объяснение того, как настроить React с нуля, и изучение того, почему React полезен и какие проблемы он решает по сравнению с ванильным подходом. 0:00:00 Введение, ресурсы и необходимые условия 0:07:50 Настройка проекта и расширения VSCode 0:19:29 Создание пользовательского интерфейса с помощью HTML и CSS 1:14:20 Добавляем интерактивность JavaScript в проект 3:01:19 Знакомство с шаблоном MVC 5:51:56 Рефакторинг приложения с помощью TypeScript 5:54:46 Настройка TypeScript с нуля, в чем преимущества? 6:35:56 Начало рефакторинга с Vanilla JavaScript на TypeScript 7:52:25 Почему вы должны реорганизовать свое приложение для React? 8:01:37 Множество способов настроить приложение React 8:06:52 Настройка React с нуля 8:51:45 Инициализация TypeScript в приложении React с нуля 9:00:56 Рефакторинг ванильного приложения в приложение React