├── README.md
├── app.js
├── index.html
└── main.css


/README.md:
--------------------------------------------------------------------------------
 1 | # Vue JS
 2 | 
 3 | ### Описание курса:
 4 | В данном видео-курсе мы с вами рассмотрим работу с JavaScript фрэймовком Vue JS актуальной 2-й версии, а так же рассмотрим все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.
 5 | 
 6 | ### Поддержать развитие канала:
 7 | [<img alt="webDev | YouTube Sponsor" src="https://img.shields.io/badge/Become a sponsor-F70000.svg?&style=for-the-badge&logo=youtube&logoColor=fff" />][sponsor]
 8 | [<img alt="webDev | Patreon" src="https://img.shields.io/badge/Become a patron-EF6451.svg?&style=for-the-badge&logo=patreon&logoColor=fff" />][patron]
 9 | 
10 | ---
11 | 
12 | ### Используемые ресурсы и инструменты:
13 | - [http-server](https://www.npmjs.com/package/http-server)
14 | 
15 | ---
16 | 
17 | ### Быстрый старт:
18 | - Клонируйте репозиторий: `git clone https://github.com/kovalchukevgeny/vue-js.git`
19 | - Перейдите в папку с проектом: `cd vue-js`
20 | - Перейдите в нужную ветку соответствующую уроку:
21 |   - `git checkout lesson_01`
22 |   - `git checkout lesson_02`
23 |   - `git checkout lesson_10` и т.д.
24 | 
25 | ---
26 | 
27 | ### Список уроков:
28 | - [#0 Введение в курс (Introduction)](https://youtu.be/PCOP3uC_VwY)
29 | - [#1 Экземпляр Vue (The Vue Instance)](https://youtu.be/k8sndt5YuCQ)
30 | - [#2 Данные и методы (Data & Methods)](https://youtu.be/DdmOlPKczeA)
31 | - [#3 Привязка данных (Data Binding)](https://youtu.be/6R2vmO6n-Yc)
32 | - [#4 Списки и динамические классы (Lists & Dynamic CSS Classes)](https://youtu.be/24XC6M3v57g)
33 | - [#5 События (Events)](https://youtu.be/oMFi4Gg2gj0)
34 | - [#6 Модификаторы события (Events Modifiers)](https://youtu.be/sqX0AowNbgc)
35 | - [#7 События клавиатуры (Keyboard Events)](https://youtu.be/t1zVphvg7K8)
36 | - [#8 Двусторонняя привязка данных (Two-Way Data Binding)](https://youtu.be/TRAYEVNHa94)
37 | - [#9 Вычисляемые свойства (Computed Properties)](https://youtu.be/mDdIMT7Pv_Q)
38 | - [#10 Условный рендеринг (Conditionals)](https://youtu.be/bm_LutxPr-8)
39 | - [#11 Summary (To-Do App)](https://youtu.be/jcSA67h39LU)
40 | - [#12 Множественные экземпляры Vue (Multiple Vue Instances)](https://youtu.be/8qnXBfOZ4Ck)
41 | - [#13 Введение в компоненты (Intro to Components)](https://youtu.be/ADZfaw2rK7c)
42 | - [#14 Ссылки на элементы (Refs)](https://youtu.be/5DMreWrm8BI)
43 | - [#15 The Vue CLI](https://youtu.be/DTF8op91Aes)
44 | - [#16 Файловая система Vue CLI (Vue CLI Files)](https://youtu.be/IQaQV_6whfk)
45 | - [#17 Вложенность и импорт компонентов (Nesting & Importing Components)](https://youtu.be/FDI1zn7oh7c)
46 | - [#18 Хуки жизненного цикла (Lifecycle Hooks)](https://youtu.be/VNPmN0FCRIo)
47 | - [#19 Динамические компоненты (Dynamic Components)](https://youtu.be/H5c-dOVNHQI)
48 | - [#20 Slots](https://youtu.be/WkO-Brr_wn8)
49 | - [#21 Компонентые стили (Component CSS)](https://youtu.be/x78G5U2C3zk)
50 | - [#22 Пропсы (Props)](https://youtu.be/XAK52GCeyq8)
51 | - [#23 Пользовательские события (Custom Events)](https://youtu.be/L_4yK2ipB_A)
52 | - [#24 Глобальная шина событий (The Event Bus)](https://youtu.be/-7KCkC2YHOQ)
53 | - [#25 Привязка данных в элементах формы (Input, Checkbox, Select Bindings)](https://youtu.be/rX5ds22nKEY)
54 | - [#26 Фильтры (Filters)](https://youtu.be/JOzpfwPVBSQ)
55 | 
56 | ---
57 | 
58 | ### Связаться со мной:
59 | [<img alt="webDev | YouTube" src="https://img.shields.io/badge/youtube-FF0000.svg?&style=for-the-badge&logo=Instagram&logoColor=white" />][youtube]
60 | [<img alt="webDev | Instagram" src="https://img.shields.io/badge/instagram-E4405F.svg?&style=for-the-badge&logo=Instagram&logoColor=white" />][instagram]
61 | [<img alt="webDev | LinkedIn" src="https://img.shields.io/badge/linkedin-0077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white" />][linkedin]
62 | [<img alt="webDev | Twitter" src="https://img.shields.io/badge/twitter-1DA1F2.svg?&style=for-the-badge&logo=Twitter&logoColor=white" />][twitter]
63 | [<img alt="webDev | VK" src="https://img.shields.io/badge/vk-4680C2.svg?&style=for-the-badge&logo=Twitter&logoColor=white" />][vk]
64 | 
65 | [youtube]: https://youtube.com/YauhenKavalchuk
66 | [instagram]: https://instagram.com/YauhenKavalchuk
67 | [linkedin]: https://linkedin.com/in/YauhenKavalchuk
68 | [vk]: https://vk.com/YauhenKavalchuk
69 | [twitter]: https://twitter.com/YauhenKavalchuk
70 | [sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
71 | [patron]: https://www.patreon.com/YauhenKavalchuk
72 | 


--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YauhenKavalchuk/vue-js/cb623f174a004ab7329004c7f85783fea0665f34/app.js


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YauhenKavalchuk/vue-js/cb623f174a004ab7329004c7f85783fea0665f34/index.html


--------------------------------------------------------------------------------
/main.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YauhenKavalchuk/vue-js/cb623f174a004ab7329004c7f85783fea0665f34/main.css


--------------------------------------------------------------------------------