web9

articles/web_08.md

@@ -6,5 +6,12 @@
 
 1. Продолжаем изучать [JavaScript](https://learn.javascript.ru/settimeout-setinterval)
 
+---
+
+**Задание**
+
+1. Пересмотреть видео [#8 Бизнес логика или детали реализации? - Vue.js: концепции](https://www.youtube.com/watch?v=i5kUQl6hvoo), записать все непонятные слова.
+
+1. Перечитать и осмыслить первую часть [Учебника](https://learn.javascript.ru/settimeout-setinterval) до раздела "Свойства: геттеры и сеттеры"
 
 [Назад](./web_07.md) | [Дальше](./web_09.md)

articles/web_09.md

@@ -0,0 +1,35 @@
+[К содержанию](../readme.md#введение-в-web-разработку)
+
+# Введение во Vue
+
+1. [Vue 3: Введение](https://v3.ru.vuejs.org/ru/guide/introduction.html)
+1. Создание проекта
+
+    >Для новых проектов теперь рекомендуется использовать `create-view` для создания проектов на основе Vite. 
+
+    >Для работы с проектами на **Vue** необходим **NPM** (англ. Node Package Manager) — менеджер пакетов, входящий в состав Node.js.
+
+    Создание **Vue** проекта:
+
+    ```
+    npm init vite@latest
+    ```
+
+    Процесс инициализации проекта интерактивный. Установщик предлагает ввести название проекта и выбрать нужные пакеты (практически все можно оставить по-умолчанию):
+
+    * `Project name:` - название проекта (по-умолчанию предлагает `vue-project` - можете оставить его)
+    * `Add TypeScript?` - оставляем `No`
+    * `Add JSX Support?`
+    * `Add Vue Router...`
+    * `Add Pinia...`
+    * `Add Vitest...`
+    * `Add Ent-to-End Testing Solution`
+    * `Add ESLint` - меняем на `Yes`
+    * `Add Prettier` - меняем на `Yes`
+
+    После инициализации проекта в текущем каталоге появится папка с именем проекта, который вы ввели
+
+1. Продолжаем изучать [JavaScript](https://learn.javascript.ru/property-accessors)
+
+
+[Назад](./web_08.md) | [Дальше](./web_10.md)

readme.md

@@ -274,6 +274,7 @@ https://office-menu.ru/uroki-sql Уроки SQL
 1. [Знакомство - Vue.js: практика](./articles/web_06.md)
 1. [Декларативность - Vue.js: концепции](./articles/web_07.md)
 1. [Бизнес логика или детали реализации? - Vue.js: концепции](./articles/web_08.md)
+1. [Введение во Vue](./articles/web_09.md)
 
 <!--