Vue JS - Полный курс c нуля
event_note Разделов - 14
access_time 72 ак.ч.
art_track Лекций - 143
ondemand_video 18 ч 43 мин
credit_card Стоимость - Бесплатно
Описание
«Полный курс по Vue 3» — это практическое руководство по изучению популярного JavaScript-фреймворка. Курс состоит из 20 уроков, которые помогут вам освоить все необходимые навыки для создания современных веб-приложений.
В курсе рассматриваются следующие темы:
- Основы Vue 3: создание компонентов, использование директив и фильтров, работа с жизненным циклом компонента.
- Работа с данными: синхронизация данных между компонентами, управление состоянием приложения с помощью реактивной системы.
- Компоненты: создание кастомных компонентов, наследование, роутинг и перехватчики.
- Взаимодействие с сервером: отправка и получение данных, работа с API.
- Расширение фреймворка: создание собственных директив и плагинов.
- Оптимизация производительности: оптимизация времени рендеринга, уменьшение размера приложения.
- Развертывание: публикация приложения на сервере.
Курс предназначен для разработчиков, которые уже имеют опыт работы с JavaScript и хотят углубить свои знания в области фронтенд-разработки. По окончании курса вы сможете создавать сложные веб-приложения с использованием Vue 3.
Преподаватель: Владелен Минин
* Курс является бесплатным и в нем не предусмотрены ответы преподавателя на Ваши вопросы. Интересующие Вас вопросы рекомендуем публиковать в разделе "Комментарии", чтобы ответ на них могли дать другие пользователи.
Рекомендуем Вам:
1. Общая информация о курсе и Vue JS
1. Начало работы
2. Пишем первый функционал
3. Как работает интерполяция
4. Добавляем пользовательские события
5. Пример. Начинаем писать приложение
6. Работа с атрибутами
7. Пример. Создаем двустороннее связывание
8. Выводим список с v-for
9. Добавляем реактивности
10. Модификаторы событий
11. Передача параметров в методы
12. Условный рендеринг с v-if
13. Методы в шаблоне
14. Сокращаем код используя ярлыки
15. Оптимизация с computed
16. Следим за свойствами с watch
17. Работа с v-model
18. Задаем инлайн стили
19. Работа с css классами
20. Result University 1
1. Альтернативный синтаксис data
2. Как пользоваться документацией
3. Директивы
4. Циклы с v-for
5. v-if и v-show
6. Зачем нужен key
7. Пример. Фильтрация списков
8. Про разные модификаторы
9. Вызов нескольких функций
10. Result University 2
1. Свойство template
2. Virtual DOM и render
3. Реактивность и Proxy
4. Жизненный цикл компонента
5. Создание нескольких приложений
6. Result University 3
1. Начало работы с CLI
2. Создаем проект
3. Обзор проекта
4. Работа с Vue UI
5. Работа с VSCode
6. Result University 4
1. Все о компонентах
2. Как работают компоненты
3. Зачем использовать компоненты
4. Создаем отдельный компонент
5. Передаем параметры в компонент
6. Валидируем параметры
7. Как эмитить события
8. Валидируем исходящее событие
9. Пример. Добавляем логику
10. Пример. Создаем компонент кнопки
11. Передаем данные с provide и inject
12. Стили в компонентах
13. Как работают slots
14. Передача параметров в slot
15. Пример. Динамические компоненты
16. Как применить keep-alive
17. Расширенный синтаксис computed свойств
18. Получаем доступ до компонента с ref
19. Асинхронные компоненты
20. Result University 5
1. Обзор проекта с формами
2. Обработка формы
3. Получаем данные из input
4. Обрабатываем select
5. Радио кнопки и чекбоксы
6. Валидация полей
7. Создание своего элемента формы
8. Result University 6
1. Готовим приложение с формой
2. Подключаем базу данных
3. Делаем POST запрос с fetch
4. Готовим компонент для вывода данных
5. Делаем GET запрос с axios
6. Дорабатываем UI логику
7. Удаление записи
8. Обработка ошибок
9. Показываем пользовательское сообщение
10. Добавляем индикатор загрузки
11. Курсовая работа
1. Пример. Создаем компонент Alert
2. Как работают Mixins
3. Пример. Создаем свою директиву
4. Жизненные циклы директивы
5. Передача параметров в директиву
6. Работа с модификаторами
7. Создание своего плагина
8. Пример. Создание плагина мультиязычности
9. Модальное окно с Teleport
1. Обзор проекта Мини клон Gmail
2. Настройка Router
3. Добавляем разные страницы
4. Динамическая навигация
5. Пример. Как работать за авторизацией
6. Как отобразить активную ссылку
7. Пример. Запоминаем страницу с параметрами в URL
8. Динамические параметры в URL
9. Вложенные роуты
10. Вручную управляем состоянием ссылки
11. Страница 404 и редирект
12. Способы защиты страниц
13. Остановка перехода на страницу
14. Оптимизация с Lazy Loading
1. Зачем нужен Vuex
2. Начинаем работу со Store
3. Что такое mutations
4. Зачем нужны getters
5. Как работают actions
6. Объект context
7. Как нам помогают mappers
8. Разделяем логику с модулями
9. Именованные модули с namespaced
10. Как организовать структуру файлов
11. Как добавлять плагины
1. Зачем нужен Composition API
2. Как работает setup и ref
3. Работа с функциями
4. Ref и Reactive. Подробно про реактивность
5. Как работает Computed
6. Используем Watch
7. Получаем доступ до DOM элементов
8. Работа с v-model
9. Взаимодействие компонентов
10. Передаем родителю событие
11. Объект контекста
12. Provide и Inject
13. Методы жизненного цикла
14. Работа с Vue Router
15. Пример. Переиспользование
16. Преимущество хуков
17. Работа с Vuex
1. Введение
2. Как перевести существующий проект на TypeScript
3. Создаем новый проект
4. Начало работы с TypeScript
5. Пример. Типизированные переиспользуемые хуки
6. Загружаем данные с сервера
7. Работа с Suspense
8. Типизируем хуки
9. Работа с Vuex
1. Разработка приложения
Отзывы могут оставлять только те пользователи, которые получили сертификат.