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

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

<!-- 39 мин -->

1. [#10 Криптономикон-1 - Vue.js: практика](https://www.youtube.com/watch?v=0MEpPU3rWCk)

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

1. Продолжаем изучать [JavaScript](https://learn.javascript.ru/modules)

## Материалы

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/)

---

## Задание

1. Пересмотреть видео [#10 Криптономикон-1 - Vue.js: практика](https://www.youtube.com/watch?v=0MEpPU3rWCk). Желательно повторить урок самостоятельно, как минимум склонировать [Исходный код урока](https://gitlab.com/vuejs-club/youtube-course/cryptonomicon/-/tree/lesson1) и разобраться что там происходит.

1. Перечитать и осмыслить первую часть [Учебника](https://learn.javascript.ru/modules) до конца первой части (Язык JavaScript)

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