Курс «Vue.js Разработка клиентских приложений»

Школа: HTML Academy
Направление
Разработка мобильных приложений
Формат
Упражнения на платформе
Домашние задания
Есть
Итоговый экзамен
Есть
Количество уроков
9
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 03.07.2022

О курсе

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

Формат: теория, разбор кейсов, личный проект
Гибкие сроки: рекомендованный план --- 4 месяца по 8 часов в неделю

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

Зачем изучать Vue.js
Vue.js --- фреймворк с открытым исходным кодом. Позволяет создавать пользовательские интерфейсы UI и одностраничные приложения любой степени сложности.

Что будет на курсе?

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

Практика
После изучения теории выполняете домашнее задание: работаете над своим проектом и закрепляете учебный материал.

Ревью кода от наставника
После каждого задания наставник проверяет качество работы и даёт обратную связь. Если остались вопросы, можно записаться на консультацию: наставник поделится опытом и расскажет, как улучшить решение.

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

Учебный проект
На примере учебного проекта мы объясним, как правильно программировать на Vue.js. После этого вы закрепите знания на практике, выполняя задания по личному проекту.

Таск-менеджер «VueWork»
VueWork — это веб-приложение для удобной работы над задачами в команде. С его помощью пользователи могут проводить задачи через все этапы от создания до получения результата. А администратор видит, как сотрудники справляются с работой и текущий статус задач. В проекте используется JavaScript ES2020.

Программа курса

  1. В первом разделе мы разберём первоначальную настройку проекта, архитектуру, базовый синтаксис, строение компонентов и шаблонизатор Vue.js.

    --- Особенности фреймворка Vue.js. Сравнительный анализ с React и Angular 2+.
    --- Настройка проекта с использованием Vue CLI.
    --- Дерево компонентов. Однофайловые компоненты.
    --- Структура компонента Vue (Template, Script, Style).
    --- Условные операторы и работа со списками.
    --- Хуки жизненного цикла компонента.
    --- Работа с Vue DevTools.
  2. В разделе 2 мы рассмотрим передачу данных и взаимодействие между компонентами Vue.js.

    --- Виды и обработка событий.
    --- Виды взаимосвязей между компонентами.
    --- Слоты и динамический контент.
  3. В разделе 3 мы углубимся в работу фреймворка Vue.js, добавим автоматические лейауты и маршрутизатор.

    --- Как работает реактивность компонента?
    --- Свойства компонента (this свойства).
    --- Данные, вычисляемые свойства и методы компонента, миксины.
    --- Глобальный доступ к экземпляру Vue, плагины.
    --- Vue-директивы.
    --- Vue-маршрутизатор.
  4. В разделе 4 мы рассмотрим, как подключить хранилище Vuex к нашему приложению и как его использовать.

    --- Для каких целей нам нужно глобальное хранилище?
    --- Хранение данных. Vuex состояние.
    --- Вычисляемые свойства хранилища. Vuex-геттеры.
    --- Изменение состояния. Vuex-мутации.
    --- Работа с асинхронными задачами. Vuex-действия.
    --- Модули, плагины, Vuex this.
  5. В разделе 5 мы избавимся от тестовых данных и реализуем взаимодействие с сервером.

    --- Создание и подключение API-сервиса.
    --- Создание и подключение сервиса для работы с токеном авторизации.
    --- Добавление middleware во Vue-маршрутизатор.
  6. В разделе 6 мы реализуем анимации для нашего проекта.

    --- Переходы и анимации.
    --- Жизненный цикл переходов и анимаций.
    --- Анимация списков.
  7. В разделе 7 мы добавим модульное тестирование для компонентов.

    --- Обзор Jest и Vue Test Utils.
    --- Глупые и умные компоненты. mount vs shallowMount.
    --- Модульные тесты для компонентов.
  8. В разделе 8 мы разберём продвинутые техники Vue.

    --- Автоматизация Vue-маршрутизатора.
    --- Автоматизация подключения модулей Vuex.
  9. В разделе 9 сделаем обзор Nuxt.js.

    --- Рендеринг на стороне сервера и для чего это нужно.
    --- Различия между Nuxt.js и Vue.js.
    --- Маршрутизация Nuxt.js.
    --- Обзор fetch и asyncData.

Другие курсы по этой теме