Видеокурсы| Все видеокурсы, обучающие видео и видеоуроки Рунета.

Что за видеокурс.

Руководство для современной веб-разработки на фреймворке Vue.js.

Автор Владилен Минин.

Что вошло в видеокурс.

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

Блок 1. Знакомство с Vue. Длительность: 0:16:42

• Что такое Vue.js
• Создание простого Vue-приложения

Блок 2. Основы Vue. Длительность: 2:37:48

• Интерполяция
• Динамические атрибуты
• Вывод HTML-кода
• Добавление событий
• Передача параметров в метод
• Модификаторы событий
• Модификаторы событий клавиатуры
• Ярлыки для директив
• Модель для работы с формами
• Работа с CSS-классами
• Динамические стили
• Управление отображением элементов
• Директива v-show vs v-if
• Работа со списками
• Оптимизация приложения с computed
• Отслеживание изменений с watch
• Связывание разных приложений. Инстанс Vue
• Доступ к DOM-элементам
• Свойство template
• Жизненный цикл

Блок 3. Vue CLI&Webpack. Длительность: 0:44:55.

• Зачем нужен CLI
• Установка CLI и создание проекта
• Обзор структуры проекта
• Как запускается приложение

Блок 4. Компоненты. Длительность: 1:39:47.

• Зачем нужны компоненты
• Метод data
• Локальная и глобальная регистрация
• Названия компонентов
• Регистрация компонентов в .vue
• Передача параметров компоненту
• Валидация входящих параметров
• Передача параметров от дочернего компонента
• Передача функции как параметр
• Связь дочерних компонентов
• Использование event emitter
• Изолированные стили
• Передача HTML компоненту

Блок 5. Директивы. Длительность: 0:59:10.

• Создание своей директивы
• Взаимодействие с элементом
• Жизненный цикл директивы
• Параметры в директивах
• Аргументы в директивах
• Модификаторы
• Локальная регистрация

Блок 6. Фильтры и Миксины. Длительность: 0:31:46.

• Создание простых фильтров
• Фильтрация списков
• Использование миксинов

Блок 7. Работа с формами. Длительность: 1:00:26.

• Текстовый инпут
• Текстарея
• Чекбоксы
• Радио кнопки
• Селекты
• Числовой модификатор
• Создание своего контрола

Блок 8. Валидация форм с Vuelidate. Длительность: 0:51:22.

• Установка и настройка проекта
• Настройка валидаторов
• Визуальное отображение ошибок
• Валидация пароля
• Создание своего валидатора
• Отправка формы

Блок 9. Роутинг с Vue-router. Длительность: 1:35:35.

• Установка Vue-router
• Настройка роутера
• Создание навигации
• Обозначение активной ссылки
• Динамические роуты
• Программная навигация
• Вложенные роуты
• Передача параметров
• Хэш и скролл
• Редирект
• Защита роутов
• Ленивая загрузка

Блок 10. Работа с сервером с Vue-resource. Длительность: 0:49:48.

• Настройка приложения
• Создание объектов POST
• Получение объектов GET
• Использование resource
• Глобальная настройка
• Интерсепторы

Блок 11. Работа с данными с Vuex. Длительность: 0:44:33.

• Установка Vuex
• Использование state
• Использование getters
• Использование mutations
• Использование actions
• Оптимизация с помощью модулей

Блок 12. Создание SPA приложения на material design и firebase. Длительность: 6:02:45.

• Создание проекта
• Обзор приложения
• Создание тулбара
• Добавление ссылок и адаптация
• Регистрация роутов
• Создание страницы логина
• Создание страницы регистрации
• Создание главной страницы
• Создание страницы заказов
• Создание страницы формы
• Создание страницы списка
• Создание страницы объявления
• Подключение Vuex
• Добавление объявлений
• Настройка firebase
• Регистрация пользователей
• Логин пользователей
• Вывод ошибок
• Поддержание сессии пользователя
• Защита роутов
• Создание объявления в firebase
• Загрузка объявлений по умолчанию
• Загрузка изображений в firebase
• Создание модального окна редактирования
• Редактирование объявления
• Создание окна покупки
• Создание и обработка заказов
• Управление цветами
• Подключение препроцессоров
• Заключение

Бонусы.

• "Премиум-курс по JavaScript" - бонусный курс;
• "Премиум-курс по NodeJS" - бонусный курс;
• "Премиум-курс по Webpack" - бонусный курс;
• "Премиум-курс по EcmaScript 6" - бонусный курс;
• "Анимации" - бонусный курс;
• "Деплой Vue приложения" - бонусный курс.