Содержание курса
1. Введение
5 уроков
557
396
20м
12
Открытый
1.1
Vue и Pinia
↗
155
100
6м 38с
3
Открытый
1.2
Как устроен курс
↗
120
76
7м 27с
5
Открытый
1.3
Обзор проектов
↗
109
77
4м 14с
2
Открытый
1.4
Обзор курсов
↗
97
67
2м 56с
1
Открытый
1.5
Перенос курса
↗
76
76
0м 17с
1
2. Настройка окружения
5 уроков
381
265
32м
5
Открытый
2.1
Настройка окружения
↗
80
55
3м 5с
1
Открытый
2.2
Настройки VSCode
↗
75
52
3м 26с
1
Открытый
2.3
Установка Node
↗
72
54
6м 35с
1
Открытый
2.4
О работе NVM
↗
68
46
15м 17с
1
Открытый
2.5
Создание проекта
↗
86
58
5м 44с
1
3. Основы
8 уроков
429
410
34м
10
Закрытый
3.1
Обзор проекта
↗
55
51
6м 45с
3
Закрытый
3.2
Структура компонент
↗
54
52
4м 51с
1
Закрытый
3.3
Настройка eslint
↗
55
50
6м 29с
1
Закрытый
3.4
Шаблоны
↗
54
54
4м 2с
2
Закрытый
3.5
Bind атрибутов
↗
53
51
5м 49с
1
Закрытый
3.6
JS в шаблонах
↗
53
51
3м 17с
1
Закрытый
3.7
Composition API
↗
53
51
5м 48с
1
Закрытый
3.8
Тест - Основы
↗
52
50
1м 19с
0
4. Компоненты
10 уроков
493
472
49м
11
Закрытый
4.1
Макет проекта
↗
55
54
2м 29с
1
Закрытый
4.2
Упражнение - Глобальный стиль
↗
52
48
7м 14с
1
Закрытый
4.3
Что такое компоненты
↗
52
49
6м 4с
1
Закрытый
4.4
Первый компонент
↗
51
49
7м 39с
1
Закрытый
4.5
Стилизация
↗
48
47
6м 17с
3
Закрытый
4.6
Slot
↗
48
48
3м 17с
1
Закрытый
4.7
Несколько slot
↗
48
48
4м 45с
1
Закрытый
4.8
Декомпозиция на компоненты
↗
47
43
8м 16с
1
Закрытый
4.9
Упражнение - Сборка app
↗
45
42
4м 6с
1
Закрытый
4.10
Тест - Компоненты
↗
47
44
1м 57с
0
5. Свойства и события
11 уроков
578
488
61м
11
Закрытый
5.1
Компонент статистики
↗
48
41
6м 43с
1
Закрытый
5.2
defineProps
↗
46
40
7м 26с
1
Закрытый
5.3
withDefaults
↗
45
45
2м 38с
1
Закрытый
5.4
v-bind
↗
44
43
5м 43с
1
Закрытый
5.5
Использование svg
↗
46
41
10м 16с
1
Закрытый
5.6
Упражнение - Ввод города
↗
44
42
6м 48с
1
Закрытый
5.7
Events
↗
44
41
6м 55с
1
Открытый
5.8
defineEmits
↗
132
71
6м 10с
1
Закрытый
5.9
Валидация emits
↗
43
41
5м 40с
1
Закрытый
5.10
Наследование атрибутов
↗
43
41
6м 54с
1
Закрытый
5.11
Тест - Свойства и события
↗
43
42
3м 4с
1
6. Реактивность
9 уроков
342
314
53м
0
Закрытый
6.1
Как работает реактивность
↗
44
37
6м 39с
0
Закрытый
6.2
Proxy
↗
41
35
7м 55с
0
Закрытый
6.3
ref
↗
38
35
8м 50с
0
Закрытый
6.4
reactive
↗
37
35
6м 30с
0
Закрытый
6.5
Unwrap
↗
38
34
7м 21с
0
Закрытый
6.6
nextTick
↗
35
34
4м 28с
0
Закрытый
6.7
Упражнение - Состояние редактирования
↗
36
35
3м 22с
0
Закрытый
6.8
computed
↗
36
34
10м 8с
0
Закрытый
6.9
Тест - Реактивность
↗
37
35
1м 23с
0
7. Шаблоны и модели
10 уроков
356
336
58м
0
Закрытый
7.1
v-if
↗
38
33
5м 1с
0
Закрытый
7.2
v-else
↗
36
33
4м 43с
0
Закрытый
7.3
v-show
↗
35
32
4м 48с
0
Закрытый
7.4
Упражнение - Input
↗
35
33
11м 40с
0
Закрытый
7.5
v-for
↗
36
34
10м 33с
0
Закрытый
7.6
Упражнение - Список данных
↗
35
34
5м 57с
0
Закрытый
7.7
Наивная реализация input
↗
35
34
8м 0с
0
Закрытый
7.8
v-model
↗
35
34
5м 18с
0
Закрытый
7.9
defineModel
↗
35
34
5м 56с
0
Закрытый
7.10
Тест - Шаблоны и модели
↗
36
35
2м 47с
0
8. Жизненный цикл
12 уроков
397
371
90м
2
Закрытый
8.1
Lifecycle Hooks
↗
36
34
5м 16с
0
Закрытый
8.2
Примеры Hooks
↗
35
33
8м 29с
1
Закрытый
8.3
watch
↗
35
33
10м 46с
0
Закрытый
8.4
API погоды
↗
35
34
6м 49с
0
Закрытый
8.5
Получение данных
↗
35
31
7м 16с
0
Закрытый
8.6
keyup
↗
33
31
3м 51с
0
Закрытый
8.7
Упражнение - Привязка данных
↗
33
30
4м 52с
1
Закрытый
8.8
Упражнение - Обработка ошибок
↗
31
29
12м 30с
0
Закрытый
8.9
Динамические стили
↗
32
29
9м 55с
0
Закрытый
8.10
Упражнение - Карточка погоды
↗
30
28
13м 27с
0
Закрытый
8.11
Упражнение - Вывод прогноза
↗
30
28
10м 47с
0
Закрытый
8.12
Тест - Жизненный цикл
↗
32
31
2м 40с
0
9. Custom directive и Provide Inject
10 уроков
291
270
77м
0
Закрытый
9.1
Динамические классы
↗
31
28
9м 27с
0
Закрытый
9.2
Свои директивы
↗
31
28
6м 42с
0
Закрытый
9.3
Упражнение - Левая панель
↗
29
27
5м 7с
0
Закрытый
9.4
Рефакторинг компонент
↗
29
27
11м 53с
0
Закрытый
9.5
Provide Inject
↗
29
27
7м 11с
0
Закрытый
9.6
Реализация с Provide Inject
↗
29
26
8м 10с
0
Закрытый
9.7
Symbol key
↗
28
27
6м 47с
0
Закрытый
9.8
Упражнение - Передача данных
↗
28
26
19м 27с
0
Закрытый
9.9
Упражнение - Финал приложения
↗
29
26
3м 9с
0
Закрытый
9.10
Тест - Custom directive и Provide Inject
↗
28
28
2м 39с
0
10. Переход на TypeScript
10 уроков
246
228
47м
0
Закрытый
10.1
Почему TypeScript
↗
28
25
5м 59с
0
Закрытый
10.2
Рекомендуемый курс
↗
29
29
0м 2с
0
Закрытый
10.3
Создание приложения
↗
26
21
5м 23с
0
Закрытый
10.4
Обзор проекта
↗
24
23
3м 21с
0
Закрытый
10.5
Запуск API
↗
25
24
5м 33с
0
Закрытый
10.6
Работа с API
↗
24
23
3м 15с
0
Закрытый
10.7
Подготовка стилей
↗
23
21
8м 18с
0
Закрытый
10.8
Типизация defineProps
↗
22
20
8м 28с
0
Закрытый
10.9
Типизация ответа API
↗
22
20
8м 2с
0
Закрытый
10.10
Тест - Переход на TypeScript
↗
23
22
1м 56с
0
11. Pinia
9 уроков
200
174
55м
0
Закрытый
11.1
Почему Pinia
↗
26
20
4м 32с
0
Закрытый
11.2
Установка Pinia
↗
22
19
6м 58с
0
Закрытый
11.3
Store профиля
↗
25
20
6м 51с
0
Закрытый
11.4
Actions
↗
21
20
5м 31с
0
Закрытый
11.5
Упражнение - Перенос в профиль
↗
23
20
4м 50с
0
Закрытый
11.6
Добавление axios
↗
21
20
6м 46с
0
Закрытый
11.7
Упражнение - Store для категорий
↗
20
20
5м 45с
0
Закрытый
11.8
Упражнение - Вывод списка
↗
22
18
11м 2с
0
Закрытый
11.9
Создание категории
↗
20
17
9м 18с
0
12. Vue Router
15 уроков
245
220
89м
0
Закрытый
12.1
Установка Vue Router
↗
20
17
5м 15с
0
Закрытый
12.2
RouterView
↗
18
16
6м 51с
0
Закрытый
12.3
children
↗
17
15
7м 58с
0
Закрытый
12.4
Упражнение - Страница входа
↗
18
17
6м 29с
0
Закрытый
12.5
useRouter
↗
16
15
5м 51с
0
Закрытый
12.6
LazyLoading
↗
16
15
7м 38с
0
Закрытый
12.7
Vue DevTools
↗
17
16
11м 1с
0
Закрытый
12.8
Active links
↗
18
15
5м 25с
0
Закрытый
12.9
Динамические пути
↗
17
14
6м 57с
0
Закрытый
12.10
Упражнение - Главная страница
↗
14
13
4м 21с
0
Закрытый
12.11
Helpers
↗
15
13
8м 38с
0
Закрытый
12.12
onBeforeRouteUpdate
↗
14
13
3м 27с
0
Закрытый
12.13
Упражнение - Получение закладок
↗
14
13
8м 12с
0
Закрытый
12.14
NotFound
↗
15
12
6м 47с
0
Закрытый
12.15
Тест - Vue Router
↗
16
16
1м 16с
0
13. Авторизация
13 уроков
176
153
119м
0
Закрытый
13.1
Типизация defineModel
↗
15
13
7м 12с
0
Закрытый
13.2
Работа с формой
↗
14
13
7м 5с
0
Закрытый
13.3
Отправка запроса на авторизацию
↗
14
12
8м 48с
0
Закрытый
13.4
JWT
↗
15
13
8м 35с
0
Закрытый
13.5
Хранения в LocalStorage
↗
15
14
10м 5с
0
Закрытый
13.6
NavigationGuard
↗
14
12
9м 47с
0
Закрытый
13.7
Данные за авторизацией
↗
14
12
7м 20с
0
Закрытый
13.8
Упражнение - Редактирование категории
↗
13
9
18м 34с
0
Закрытый
13.9
Упражнение - Удаление категории
↗
12
11
5м 26с
0
Закрытый
13.10
Упражнение - Компонент закладки
↗
11
10
14м 47с
0
Закрытый
13.11
Упражнение - Вывод списка закладок
↗
12
10
9м 43с
0
Закрытый
13.12
Типизация defineEmits
↗
12
11
16м 7с
0
Закрытый
13.13
Тест - Авторизация
↗
15
13
2м 50с
0
14. Встроенные компоненты
8 уроков
99
84
57м
0
Закрытый
14.1
Упражнение - добавление закладки
↗
13
10
15м 4с
0
Закрытый
14.2
useTemplateRef
↗
12
11
5м 24с
0
Закрытый
14.3
Component Registration
↗
11
10
6м 31с
0
Закрытый
14.4
Async Components
↗
12
10
6м 32с
0
Закрытый
14.5
Teleport
↗
12
10
11м 24с
0
Закрытый
14.6
Transition
↗
11
10
7м 57с
0
Закрытый
14.7
Сборка для production
↗
13
11
5м 24с
0
Закрытый
14.8
Тест - Встроенные компоненты
↗
15
12
2м 58с
0
15. Заключение
2 урока
34
25
6м
0
Закрытый
15.1
Куда двигаться дальше
↗
19
13
2м 45с
0
Закрытый
15.2
Финальное тестирование
↗
15
12
4м 56с
0