|
@@ -159,11 +159,28 @@ HTTP-запросы используются для фетчинга ресур
|
|
|
* Node.js
|
|
* Node.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
+## SPA - приложения
|
|
|
|
|
|
|
|
|
|
+SPA-приложение (Single Page Application — одностраничное приложение) — это веб-приложение, которое загружает одну HTML-страницу, а затем динамически обновляет ее содержимое с помощью JavaScript без перезагрузки всей страницы. Это позволяет добиться ощущения работы с полноценным нативным приложением прямо в браузере, с быстрой и плавной работой.
|
|
|
|
|
|
|
|
|
|
+### Как это работает
|
|
|
|
|
|
|
|
|
|
+- __Единая страница__: Пользователь загружает один HTML-документ, который служит оболочкой для всего приложения.
|
|
|
|
|
+- __Динамическое обновление__: При взаимодействии пользователя (например, при переходе по ссылке или нажатии кнопки), JavaScript-скрипты перехватывают это действие и запрашивают у сервера только нужные данные.
|
|
|
|
|
+- __Меньше перезагрузок__: Обновление происходит только в той части интерфейса, которая нуждается в изменении, а не всей страницы целиком.
|
|
|
|
|
+- __Примеры__: Почтовые клиенты, такие как Gmail или Яндекс.Почта, являются классическими примерами SPA-приложений. При переходе между папками или письмами вы не видите перезагрузки страницы, меняется только содержимое в центре экрана.
|
|
|
|
|
|
|
|
|
|
+### Преимущества
|
|
|
|
|
|
|
|
|
|
+- __Скорость__: Приложения работают быстрее, так как нет необходимости каждый раз загружать всю страницу с нуля, а только необходимые данные.
|
|
|
|
|
+- __Плавность__: Отсутствие полной перезагрузки делает интерфейс более плавным и отзывчивым.
|
|
|
|
|
+- __Нативный опыт__: SPA-приложения по ощущениям похожи на мобильные и десктопные приложения, но при этом работают в браузере.
|
|
|
|
|
+
|
|
|
|
|
+### Недостатки
|
|
|
|
|
+
|
|
|
|
|
+Есть сложности с SEO - решаются использованием SSR, но это усложняет проект.
|
|
|
|
|
+
|
|
|
|
|
+## Начало
|
|
|
|
|
|
|
|
>Скроее всего Вы услышите много новых слов - запишите их в тетрадку и спросите всё что не поняли.
|
|
>Скроее всего Вы услышите много новых слов - запишите их в тетрадку и спросите всё что не поняли.
|
|
|
|
|
|
|
@@ -196,7 +213,7 @@ HTTP-запросы используются для фетчинга ресур
|
|
|
|
|
|
|
|
**Цели курса:**
|
|
**Цели курса:**
|
|
|
|
|
|
|
|
-1. Навык работы с вью (знание базовыз концепций)
|
|
|
|
|
|
|
+1. Навык работы с __vue.js__ (знание базовых концепций)
|
|
|
1. Критическое мышление
|
|
1. Критическое мышление
|
|
|
1. Опыт решения задач
|
|
1. Опыт решения задач
|
|
|
|
|
|
