Открыто

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

Тема в разделе "Курсы по программированию", создана пользователем Топикстартер, 14 мар 2019.

Метки:
Цена: 3900р.
Взнос: 86р.

Основной список: 59 участников

Резервный список: 2 участников

  1. Топикстартер

    Топикстартер ЧКЧлен клуба

    Курс должен быть отличный, судя по видео на 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, :eek: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]

     
  2. Последние события

    1. ksniki

      ksniki не участвует в складчине.

      25 мар 2019 в 10:55
    2. Mr-Grey

      Mr-Grey участвует в складчине.

      24 мар 2019 в 21:54
    3. webarts

      webarts участвует в складчине.

      24 мар 2019 в 18:54
    4. ksniki

      ksniki участвует в складчине.

      23 мар 2019 в 08:43

    Последние важные события

    1. skladchik.com

      Назначен организатор складчины.

      14 мар 2019
  3. Адамантит

    Адамантит ЧКЧлен клуба

  4. Yahoo1

    Yahoo1 ЧКЧлен клуба

  5. proton11

    proton11 СкладчикСкладчик

  6. Книжник

    Книжник ЧКЧлен клуба

Поделиться этой страницей