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

Описание

Всем привет! Добро пожаловать в новое видео! Сегодня мы поговорим о том, что такое 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-application-youtube
2. Как инициализировать проект на TypeScript: https://www.digitalocean.com/community/tutorials/typescript-new-project
3. Официальная документация TypeScript: https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

———————————
Ссылки на меня в соцсетях:
? Мой Instagram: https://www.instagram.com/m__fil/
? Мой Tik Tok: https://www.tiktok.com/@max.frontend