[К содержанию](../readme.md#введение-в-web-разработку)

# Vue.js: концепции

## #8 Бизнес логика или детали реализации?

> 10 минут

* [YouTube](https://www.youtube.com/watch?v=U2ZJCMiQuo8)
* [RuTube](https://rutube.ru/video/dd892631a12710bea4ef59c5dc40eeef/)

## #9 Учимся учиться

> 5 минут

* [YouTube](https://www.youtube.com/watch?v=ekrzshM4AHI)
* [RuTube](https://rutube.ru/video/100ab08808ebc706fe69ff9e8d9a132a/)


## #10 Криптономикон-1 - Vue.js: практика

> 39 минут 

* [YouTube](https://www.youtube.com/watch?v=0MEpPU3rWCk)
* [RuTube](https://rutube.ru/video/5a7fa691b1fae3c7fa0d0dbf47dbfbdd/)

**Содержание**

* описание проекта
* создание нового проекта
* удаление лишего
* добавление вёрстки и стилей
* data, methods
* привязка (v-model), интерполяция
* подписывание на события (v-on)
* структурные директивы (v-for, v-if)
* добавление/удаление тикеров

**Материалы**

1. [Исходный HTML/CSS для самостоятельного повторения](https://gitlab.com/vuejs-club/youtube-course/cryptonomicon-html)

1. Материалы к изучению: под роликом на ютубе куча ссылок, но в принципе там раздел "Основы" от [Синтаксиса шаблонов](https://v3.ru.vuejs.org/ru/guide/template-syntax.html) до "Работы с формами"

1. [Исходный код урока](https://gitlab.com/vuejs-club/youtube-course/cryptonomicon/-/tree/lesson1)

1. [API для получения ключа:](https://www.cryptocompare.com/)

---

**Задание**

Повторите практическое задание (Криптономикон)

[Назад](./web_03.md) | [Дальше](./web_05.md)