ПИШЕМ SINGLE PAGE APPLICATION НА TYPESCRIPT (БЕЗ ФРЕЙМВОРКА) • SPA

⬥Telegram-канал: https://t.me/maxim_webdev
⬥Instagram:   / maxim_webdev  

Всем привет! Добро пожаловать в новое видео! Сегодня мы поговорим о том, что такое Single Page Application (SPA) и разработаем его на чистом TypeScript, без фреймворков.

Что ж, давайте начинать!

ТАЙМОКОДЫ:
00:00 - Приветствие
00:10 - Что такое Single Page Application. Примеры SPA
01:57 - Инициализируем проект на TypeScript, добавляем Webpack
06:19 - Создаем структуру проекта и все базовые страницы (Main, Settings, Statistics)
25:55 - Реализуем смену страниц при изменении строки URL
36:31 - Реализуем смену страниц при нажатии на кнопку навигации
47:50 - Реализуем страницу с ошибкой “Ошибка 404. Страница не найдена”
52:33 - Описываем то, что мы сделали в этом видео

Строчка для установки пакетов для Webpack:
npm i html-webpack-plugin webpack-dev-server webpack ts-loader css-loader style-loader

———————————
Ссылки из видео:
1. Код из видео: https://github.com/M-fil/single-page-...
2. Как инициализировать проект на TypeScript: https://www.digitalocean.com/communit...
3. Официальная документация TypeScript: https://www.typescriptlang.org/docs/h...