Курс на Stepik
Обложка курса «Vue.js 3, Vue Router и Pinia» на Stepik
3 999 ₽

Vue.js 3, Vue Router и Pinia 5.000

Открыть на
STEPIK.ORG

Полный курс по Vue.js 3 с Composition API, Vue Router и state менеджеру Pinia для создания полноценных frontend приложений

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Vue.js 3, Vue Router и Pinia»Учеников на курсе 79
Сертификаты, выданные на курсе «Vue.js 3, Vue Router и Pinia»Сертификатов выдано 20
Отзывы о курсе «Vue.js 3, Vue Router и Pinia»Отзывов получено 5
Рейтинг курса «Vue.js 3, Vue Router и Pinia»Рейтинг курса 5.000
Уроки в курсе «Vue.js 3, Vue Router и Pinia»Количество уроков 137
Тесты в курсе «Vue.js 3, Vue Router и Pinia»Количество квизов 79
Время прохождения курса «Vue.js 3, Vue Router и Pinia»Время прохождения курса
Стоимость курса «Vue.js 3, Vue Router и Pinia»Стоимость курса 3 999 ₽
Обновления курса «Vue.js 3, Vue Router и Pinia»Обновления курса
Дата публикации курса «Vue.js 3, Vue Router и Pinia»Дата публикации курса
Последнее обновление курса «Vue.js 3, Vue Router и Pinia»Последнее обновление

Содержание курса

Разделы в курсе «Vue.js 3, Vue Router и Pinia» 15 разделов Уроки в курсе «Vue.js 3, Vue Router и Pinia» 137 уроков Тесты в курсе «Vue.js 3, Vue Router и Pinia» 79 тестов Время прохождения курса «Vue.js 3, Vue Router и Pinia» 14 ч. Последнее обновление курса «Vue.js 3, Vue Router и Pinia» обн. 1 год назад

1. Введение

5 уроков
Открытый
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 уроков
Открытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 уроков
Закрытый
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 урока
Закрытый
15.1 Куда двигаться дальше
19
13
2м 45с
0
Закрытый
15.2 Финальное тестирование
15
12
4м 56с
0