Udemy [Udemy] Практическое руководство по Vue js 3 с Composition API, Router (2022)

[Trinity]

[Udemy] Практическое руководство по Vue js 3 с Composition API, Router (2022)

Изучите Vue js 3, создав 4 веб-приложения (включая SPA) с options API и composition API и Vue Router. Vue js 3 - это прогрессивный фреймворк JavaScript для создания пользовательских интерфейсов. Это проектный курс для изучения Vue js. Я научу вас, как создавать проекты с Vue от простого к сложному проекту.

1-й проект: Ввод тегов

Мы начнем с создания простого ввода тегов, системы тегов на основе Vue js, которая автоматически преобразует значения, которые пользователи вводят, в теги с разделителями.

Пока мы создаем этот проект, мы изучим некоторые основные концепции Vue js, такие как:

• Интерполяция
• Директивы
• Привязки атрибутов
• Условный рендеринг
• Рендеринг списка
• Привязки классов и стилей
• Обработка событий
• Двусторонний биндинг с v-model
• Методы
• Вычисляемые свойства
• Watcher

2-й проект: Уведомление

Мы создадим уведомление, которое мы сможем показывать в заданное время с различными типами и позициями.

3-й проект: Слайдер изображений Carousel

Мы создадим слайдер изображений Carousel с нуля, который позволит пользователю автоматически переключаться между сериями изображений в заданное время.

4-й проект: Vue Drive (основной проект)

Наш основной проект — создание Vue Drive, одностраничного приложения Vue (SPA), вдохновленного Google Диском, где мы можем загружать некоторые файлы с помощью функции перетаскивания и сможем управлять ими в папках.

В этом курсе Вы также изучите некоторые темы:

• Composition API
• Составные функции
• Создание одностраничного приложения с помощью Vue Router
• Создание пользовательских директив
• Работа с библиотекой Axios HTTP
• Как подключиться к серверу из вашего приложения
• Использование async/await
• Организация конечных точек API
• Как писать чистый код
• Загрузка файла в Backend API
• Работа с Teleport.

В дополнение к лекциям я также предоставляю полный исходный код на GitHub, где вы можете увидеть все изменения, которые я сделал для каждой лекции, чтобы вы всегда могли иметь доступ к полной кодовой базе приложения.

К концу этого курса у вас будет очень хорошее представление о Vue, и вы сможете погрузиться в свои собственные проекты.

Материал на английском языке

Подробнее:

Для просмотра ссылок необходимо выполнить Вход или Регистрация

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.