Когда мы создаем веб-страницу, мы не просто пишем HTML-разметку. Мы создаем структуру, с которой пользователь будет взаимодействовать. Но иногда нам нужно изменить эту структуру или внешний вид элементов после того, как страница уже загружена. И вот тут на помощь приходит DOM (Document Object Model). DOM - это модель, которая представляет структуру документа как дерево объектов. И когда мы используем JavaScript, мы можем манипулировать этим деревом: менять текст, добавлять или удалять элементы, изменять стили и многое другое...

Источник: Nuances of Programming Что такое SPA? SPA (single page application) переводится как “одностраничное приложение”, очень распространенный способ программирования веб-сайтов в наши дни: идея в том, что сайт загружает весь нужный для пользовательского опыта HTML/JS сразу же при первом посещении главной страницы, а при последующих переходах по страницам браузер лишь просматривает содержимое заново, не обновляя сайт. Одностраничные приложения на JavaScript-фреймворках улучшают удобство веб-сайта...