[Udemy] Vue.js 2.5 Создаем сайт на Vue.JS с Firebase, Vuex и Router (Константин Кокорин)
Включает:
8,5 часов видео по требованию
3 статьи
8 дополнительных ресурсов
Чему я научусь?
- Понимать всю концепцию VueJS
- Настраивать среду разработки VueJS, используя webpack
- Управлять состоянием приложения с помощью Vuex
- Реализовывать навигацию пользователей между страницами с помощью Vue Router
- Создавать динамические приложения с использованием VueJS и Firebase
- Внедрять аутентификацию в приложении на VueJS с использованием Firebase Auth
- Деплой Vue приложения на хостинг
- И многое другое
Учебный план этого курса
73 лекции - 08:37:14
– Введение - 11:46
Что такое Vue.js ? - 03:55
О среде разработки - 01:11
Создание простого Vue-приложения - 06:40
– Основы Vue.js - 01:42:56
Данные и методы - 11:01
Привязка данных - 07:49
События - 05:13
События. Передача параметров в методы - 06:37
Модификаторы событий - 06:16
Модификаторы событий клавиатуры - 03:06
Двусторонняя привязка данных - 03:53
Условный рендеринг - 10:57
Вычисляемые свойства и слежение - 05:44
Refs и управление html-элементами - 03:49
Множественные экземпляры Vue - 07:55
Строковый шаблон template - 03:29
Связывание CSS классов - 06:47
Связвание inline-стилей - 04:20
Жизненный цикл Vue-приложения - 06:51
Исходные коды к разделу 'Основы Vue.js' - 00:01
– Vue CLI - 15:12
Что такое Vue CLI ? - 02:30
Установка CLI и создание проекта - 03:54
Струтура и запуск проекта - 08:48
– Компоненты - 50:23
Введение в компоненты - 06:27
Функция data () - 02:07
Регистрация компонентов (глобальная и локальная) - 04:30
Компоненты и .vue файлы - 05:10
Передача параметров в дочерний компонент - 04:06
Валидация входящих параметров - 04:38
Пользовательские события - 04:23
Использование event emitter - 07:08
Изолированные стили - 04:16
Слоты - 07:37
Исходные коды к разделу 'Компоненты' - 00:01
– Директивы - 07:51
Создание пользовательской директивы - 04:17
Параметры и аргументы в директивах - 03:34
– Фильтры и миксины - 15:21
Создание фильтров - 04:00
Фильтрация списков - 04:11
Миксины - 07:10
– Vue-router - 17:27
Установка и настройка Vue-router - 08:40
Создание навигации - 08:47
– Практика - 04:35:22
Создание проекта - 08:51
Создание навигационного меню - 09:05
Создание ссылок - 11:06
Адаптация меню - 03:22
Создание страниц и роутов - 10:13
Реализация страницы 'Логин' - 13:06
Реализация страницы 'Регистрация' - 02:47
Реализация 'Главной' страницы - 20:34
Реализация страницы 'Заказов' - 08:15
Реализация страницы 'Новый товар' - 12:20
Реализация страницы 'Список товаров' - 05:06
Реализация страницы 'Описание товара' - 09:51
Подключение и настройка Vuex - 03:08
Реализация vuex.store для главной страницы и списка товаров - 06:53
Реализация vuex.store для страницы описания товара - 05:54
Реализация vuex.store для страницы по добавление новых товаров - 05:54
Подключение и настройка Firebase - 05:02
Атворизация пользователя в Firebase - 18:37
Обработка ошибок - 04:49
Продление сессии пользователя - 08:34
Защита ссылок от случайных переходов - 04:11
Добавление товаров в Firebase - 11:41
Загрузка товаров из Firebase - 11:16
Работа с изображениями в Firebase - 14:32
Реализация диалогового окна для редактирования товаров - 18:50
Запрет на редактирование товаров другими пользователями - 05:55
Реализация диалогового окна для покупки товаров - 11:30
Создание и обработка заказов - 23:55
Исходный код к готовому Vue приложению - 00:05
– Бонус - 20:55
Доработка Vue приложения - 07:20
Подключение препроцессора - 06:21
Деплой Vue приложения на хостинг Firebase - 07:14
Требования
- HTML 5 и CSS 3
- JavaScript
- ES6
- NodeJs и NPM
- Github
- Firebase
- Умение пользоваться редакторами VS code, WebStorm, Sublime и т.д.
Описание
Этот курс для тех, кто хочет освоить современный фреймворк и начать с ним работать. Vue JS позволяет сделать разработку приложений куда проще, а также быть востребованным специалистом на рынке труда.
Vue JS позаимствовал многое из Angular и React, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые.
При последовательном прохождении курса, вы на наглядных примерах с полного нуля научитесь создавать динамические, реактивные, полностью адаптивные SPA приложения и веб-сайты на фреймворке Vue.js.
Какова целевая аудитория?
- Начинающие и действующие Frontend-разработчики
- Фрилансеры-практики
Содержание складчины
- 01 Введение
001 Что такое Vue.js.mp4
002 О среде разработки.mp4
002 Среда разработки (Ссылки).txt
003 Создание простого Vue-приложения.mp4
003 Установка VueJS.txt
- 02 Основы
020 Learn-VueJS (папка)
004 Данные и методы.txt
005 Data-Binding.txt
006 Events.txt
007 Method-Event-Handlers.txt
008 Event-Modifiers.txt
009 Key-Modifiers.txt
010 Two-way-data-bindings.txt
011 Conditional-Rendering.txt
012 List-Rendering.txt
013 Computed-Properties-and-Watchers.txt
014 Refs.txt
016 API-Vue.mount.txt
017 Binding-HTML-Classes.txt
018 Binding-Inline-Styles.txt
019 Instance-Lifecycle-Hooks.txt
004 Данные и методы.mp4
005 Привязка данных.mp4
006 События.mp4
007 События. Передача параметров в методы.mp4
008 Модификаторы событий.mp4
009 Модификаторы событий клавиатуры.mp4
010 Двусторонняя привязка данных.mp4
011 Условный рендеринг.mp4
012 Списки и циклы.mp4
013 Вычисляемые свойства и слежение.mp4
014 Refs и управление html-элементами.mp4
015 Множественные экземпляры Vue.mp4
016 Строковый шаблон template.mp4
017 Связывание CSS классов.mp4
018 Связвание inline-стилей.mp4
019 Жизненный цикл Vue-приложения.mp4
- 03 vue cli
021 Node.js.txt
021 Vue-CLI.txt
022 Установка Vue CLI под Windows10.txt
021 Что такое Vue CLI.mp4
022 Установка CLI и создание проекта.mp4
023 Струтура и запуск проекта.mp4
- 04 компоненты
034 Components-VueJs (папка)
024 Components-Basics.txt
025 data-Must-Be-a-Function.txt
026 Global-Local-Registration.txt
027 Organizing-Components.txt
028 Passing-Data-to-Child-Components-with-Props.txt
029 Prop-Validation.txt
030 Custom-Events.txt
031 Emitting-a-Value-With-an-Event.txt
032 Component-Scoped-CSS.txt
033 Slots.txt
024 Введение в компоненты.mp4
025 Функция data.mp4
026 Регистрация компонентов (глобальная и локальная).mp4
027 Компоненты и vue файлы.mp4
028 Передача параметров в дочерний компонент.mp4
029 Валидация входящих параметров.mp4
030 Пользовательские события.mp4
031 Использование event emitter.mp4
032 Изолированные стили.mp4
033 Слоты.mp4
- 05 директивы
035 Создание пользовательской директивы.mp4
036 Параметры и аргументы в директивах.mp4
- 06 фильтры и миксины
037 Создание фильтров.mp4
038 Фильтрация списков.mp4
039 Миксины.mp4
- 07 vue-router
040 Установка и настройка Vue-router.mp4
041 Создание навигации.mp4
- 08 практика
049 Resources (папка)
065 Resources (папка)
070 OnlineStore-Final (папка)
070 Resources (папка)
042 Создание проекта.mp4
043 Создание навигационного меню.mp4
044 Создание ссылок.mp4
045 Адаптация меню.mp4
046 Создание страниц и роутов.mp4
047 Реализация страницы Логин.mp4
048 Реализация страницы Регистрация.mp4
049 Реализация Главной страницы.mp4
050 Реализация страницы - Заказов.mp4
051 Реализация страницы - Новый товар.mp4
052 Реализация страницы - Список товаров.mp4
053 Реализация страницы - Описание товара.mp4
054 Подключение и настройка Vuex.mp4
055 Реализация vuex.store для главной страницы и списка товаров.mp4
056 Реализация vuex.store для страницы описания товара.mp4
057 Реализация vuex.store для страницы по добавление новых товаров.mp4
058 Подключение и настройка Firebase.mp4
059 Авторизация пользователя в Firebase.mp4
060 Обработка ошибок.mp4
061 Продление сессии пользователя.mp4
062 Защита ссылок от случайных переходов.mp4
063 Добавление товаров в Firebase.mp4
064 Загрузка товаров из Firebase.mp4
065 Работа с изображениями в Firebase.mp4
066 Реализация диалогового окна для редактирования товаров.mp4
067 Запрет на редактирование товаров другими пользователями.mp4
068 Реализация диалогового окна для покупки товаров.mp4
069 Создание и обработка заказов.mp4
- 09 бонус
071 OnlineStore-Final (папка)
071 Доработка Vue приложения.mp4