Придбаний Курс по VUE.JS с нуля до про

[Gadzhi]

Курс по VUE.JS с нуля до про

Курс должен быть отличный, судя по видео на youtube-канале автора.

Схема обучения

Спойлер
#1 - Теория

Знакомство с github
Спойлер

• Почему каждый проект должен храниться в гит?
• Коммиты и пуши
• diff и show
• Заливаем гит репозиторий на гитхаб
• Переключение по веткам, как работают ветки
• Командная работа в git
• Разбираемся с gitflow
• Создании фич, релизов, хотфиксов

#2 - Теория

Work Flow
Спойлер

• Настройка и выбор редактора
• Настройка необходимых плагинов для редактора
• Настройка терминала, zsh

#3 - Практика

Знакомство с vue.js
Спойлер

• Что такое vue.js?
• Как использовать vue.js
• Создаем простое приложение на vue.js
• Создаем простой калькулятор чисел на примере vue.js

#4 - Теория

VUE CLI
Спойлер

• Преимущества и использование VUE CLI
• Установка VUE CLI 3 через npm и npx
• Лучшая структруа проектов изначально
• Переносим старые проекты на VUE CLI
• Запускаем и тестируем приложение

#5 - Практика / Базис

Базис vue.js
Спойлер

• Интерполяция
• Вывод HTML кода
• Работа с CSS классами
• Динамическая смена классов
• Динамические и локальные стили 
• Управление отображением элементов 
• Работа со списками 
• Оптимизация приложения с computed
• Отслеживание изменений с watch
• Доступ к DOM элементам
• Жизненный цикл компонентов

#6 - Практика / Основы

Формы и модальные окна
Спойлер

• Динамические атрибуты 
• Модель для работы с формами 
• Текстовый инпут / Текстарея
• Чекбоксы / Радио кнопки / Селекты 
• Добавляем динамические стилей форме
• Локальная и глобальная регистрация компонента
• Регистрация компонентов в vue
• Названия компонентов
• Оптимизация компонентов
• Использование свойства $listeners на практике
• Использование слотов на практике
• Передача параметров от родителя к компоненту и обратно
• Валидация входящих параметров 
• Связь дочерних компонентов 
• Директива v-show vs v-if 
• Учимся переиспользовать это модальное окно из проекта в проект

#7 - Практика / Работа с данными

Фильтрация и сортировка
Спойлер

• Хранение данных в vue.js
• Установка и настройка vuex 
• Использование state 
• Использование getters 
• Использование actions 
• Использование mutations 
• Оптимизация с помощью модулей 
• Добавляем стили таблице
• Получаем пользователей
• Создание фильтров для таблицы
• Сортировка данных
• Учимся переиспользовать фильтры и сортировку из проекта в проект

#8 - Практика / Роуты

Роутинг с vue-router
Спойлер

• Зачем нужен vue-router?
• Установка vue-router 
• Настройка роутера
• Создание карточек товара
• Создание динамического меню. Активная ссылка
• Создание динамических роутлв
• Добавляем стилей карточкам товара
• Передача параметров для роутера
• Переиспользование роутов

#9 - Практика / API

Работа с API и axios
Спойлер

• В чем преимущества API и почему это лучшее, что есть в вебе?
• Подробнее про REST API
• Разница мужду REST API и graphql
• Что такое axios и fetch
• Установка axios базовое использование
• Отправка POST и GET запросов
• Разворачиваем на стандартном хостинге мини сервер
• Получаем данные по API с нашего сервера
• Выводим полученные данные
• Добавляем стилей
• Добавляем кнопку с обновлением данных
• Добавляем кнопку “загрузить больше”
• Делаем прелодер
• Учимся переиспользовать компонент новостной ленты из проекта в проект

#10 - Практика / NUXT

NUXT + API базис
Спойлер

• Зачем нужен nuxt.js?
• Установка nuxt.js через npm и npx
• Переносим старые проекты на nuxt.js
• Делаем универсальную структуру проекта
• Изменяем конфигурации под себя
• Знакомство с nuxt делаем роуты используем vuex
• Устанавливаем axios
• Используем стороннее API
• Отправляем GET и POST запросы для добавление/удаления данных
• Делаем фильтрацию по выводимым постам

#11 - NUXT Создаем блог 1/4

Пишем Front-end
Спойлер

• Настройка динамичных роутов
• Динамическая генерация страниц
• Создаем структуру постов
• Подгружаем все посты по API
• Пишем админку
• Настраиваем добавление постов
• Делаем окно с логином и регистрацией
• Делаем функцию “лайка”
• Кнопка “загрузить больше”
• Настройка редактирование поста

#12 - NUXT - Создаем блог 2/4

Пишем Back-end
Спойлер

• Разбираемся с FIREBASE
• Настраиваем FireStore
• Подключаемся по API к firestore cloud
• Настраиваем аутентификацию/логин/регистрацию пользователей
• Настраиваем добавление новых постов
• Настраиваем удаление/редактирование постов

#13 - NUXT - Создаем блог 3/4

SEO - Полная оптимизация
Спойлер

• Настройка всех SEO тегов для каждой страницы
• Смена title, description, g тегов для динамических страниц
• Генерация robots.txt
• Генерация sitemap.xml
• Добавлние яндекс метрики и гугл аналитики
• Добавление приложение в поисковые системы Яндекс и Google

#14 - NUXT - Создаем блог 3/4

Деплой на сервер/хостинг
Спойлер

• Настройка статической генерации
• Разница между generate и deploy
• Настройка nuxt.config для генерации по API
• Настройка api.js для деплоя
• Загружаем приложение на хостинг и зовем друзей!

#15 - Доп. материал

Дополнительный модуль!
Спойлер

• Настраиваем axios пишем универсальный скрипт для форм
• Отправляем данные на почту
• Работаем с телеграм api. Отправляем данные с форм в телеграмм
• Использование vue и axios в обычной верстке
• Использование pug в VUE CLI
• Использование stylus в VUE CLI
• Использование coffe в VUE CLI
• Использование TypeScript в VUE CLI

[/spolier]

Скрытое содержимое.

https://tocode.ru/curses/vuejs-s-nylya-do-pro/