Перейти к содержимому

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

Maxim Filanovich

0:00 / 0:00

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

22 072 просмотра · 5 лет назад
Maxim Filanovich
2 тыс. подписчиков
22 072 просмотра · 5 лет назад
✅ Залетай в приватное сообщество и забирай: 1. Гайд "Как получить оффер в Яндекс на 300k+ RUB на позицию Front-End?”. 2. Видео-записи всех 3-х этапов (JS, алгоритмы и архитектура) собеседования в Т-Банк на позицию Front-End на ЗП 3000$. 3. Записи собеседований в бигтех и другие IT компании. 4. Видео-разборы live-coding задач. Все это найдешь здесь: https://t.me/easy_jobinterivew_fronte... ⬥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...