19-22

articles/web_19.md

@@ -6,6 +6,10 @@
 
 1. [#18 Криптономикон: рефакторинг - Vue.js: практика](https://www.youtube.com/live/AzsO67rloQw?feature=share&t=248)
 
+    **Содержание урока:**
+
+    - Презентация задачи для шаблона письма
+
     **Материалы к изучению:**
 
     [исходный код урока](https://gitlab.com/vuejs-club/youtube-course/cryptonomicon/-/tree/lesson6)

articles/web_20.md

@@ -0,0 +1,11 @@
+[К содержанию](../readme.md#введение-в-web-разработку)
+
+# Криптономикон: ещё раз о рефакторинге - Vue.js: практика
+
+<!-- 15 + 12 мин -->
+
+1. [#19 Криптономикон: ещё раз о рефакторинге - Vue.js: практика](https://www.youtube.com/watch?v=FrqI90g-XRk)
+
+1. [#20 YAGNI - Vue.js: практика](https://www.youtube.com/watch?v=r_8tFwodtwg&list=PLvTBThJr861yMBhpKafII3HZLAYujuNWw&index=21)
+
+[Назад](./web_19.md) | [Дальше](./web_21.md)

articles/web_21.md

@@ -0,0 +1,13 @@
+[К содержанию](../readme.md#введение-в-web-разработку)
+
+# Криптономикон: улучшаем API - Vue.js: практика
+
+<!-- 10 + 22 + 8 мин -->
+
+1. [#21 Криптономикон: улучшаем API - Vue.js: практика](https://www.youtube.com/watch?v=DBTNTNIPrx8&list=PLvTBThJr861yMBhpKafII3HZLAYujuNWw&index=22)
+
+1. [#22 Криптономикон: refs - Vue.js: практика](https://www.youtube.com/watch?v=uWDmfA7WE5Q&list=PLvTBThJr861yMBhpKafII3HZLAYujuNWw&index=23)
+
+1. [#23 nextTick - Vue.js: нюансы](https://www.youtube.com/watch?v=zluGw3aJAMs&list=PLvTBThJr861yMBhpKafII3HZLAYujuNWw&index=24)
+
+[Назад](./web_20.md) | [Дальше](./web_22.md)

articles/web_22.md

@@ -0,0 +1,9 @@
+[К содержанию](../readme.md#введение-в-web-разработку)
+
+# Криптономикон: компоненты - Vue.js: практика
+
+<!-- 30 мин -->
+
+1. [#24 Криптономикон: компоненты - Vue.js: практика](https://www.youtube.com/watch?v=Ql5nV-G-nOs&list=PLvTBThJr861yMBhpKafII3HZLAYujuNWw&index=25)
+
+[Назад](./web_21.md) | [Дальше](./web_23.md)

readme.md

@@ -290,6 +290,9 @@ https://office-menu.ru/uroki-sql Уроки SQL
 1. [Криптономикон-5: Работа со списком - Vue.js: практика](./articles/web_17.md)
 1. [Криптономикон: рефакторинг - Vue.js: практика (computed)](./articles/web_18.md)
 1. [Криптономикон: рефакторинг - Vue.js: практика (часть 2)](./articles/web_19.md)
+1. [Криптономикон: ещё раз о рефакторинге - Vue.js: практика. #20 YAGNI - Vue.js: практика.](./articles/web_20.md)
+1. [Криптономикон: улучшаем API - Vue.js: практика. #22 Криптономикон: refs - Vue.js: практика. #23 nextTick - Vue.js: нюансы](./articles/web_21.md)
+1. [Криптономикон: компоненты - Vue.js: практика](./articles/web_22.md)
 
 <!--