2. ИнБИТ
  3. Курсы
  4. Специальности
  5. Разработчик
  6. WEB-разработка
  7. JavaScript

Vue - прогрессивный JS-фреймворк для создания пользовательских интерфейсов Web

Vue — это прогрессивный фреймворк для создания пользовательских интерфейсов Web. В отличие от фреймворков-монолитов, Vue создан пригодным для постепенного внедрения. Его ядро в первую очередь решает задачи уровня представления (view), что упрощает интеграцию с другими библиотеками и существующими проектами. С другой стороны, Vue полностью подходит и для создания сложных одностраничных приложений (SPA, Single-Page Applications), если использовать его совместно с современными инструментами и дополнительными библиотеками. Двумя основными конкурентами Vue являются React и Angular. Вместе с ними Vue закрывает почти 100% рынка Web-разработки.

  Для кого:

Разработчики, знающие Javascript/ES-6

Что должен знать слушатель

  • Знание JavaScript./ES6

Программа обучения

Модуль 1 Введение ▼

  • 1.1 Cравнение js-фреймворков: Angular, React, Vue
  • 1.2 Введение в Vue

Модуль 2 Директивы Vue и основные элементы ▼

  • 2.1 Основные директивы Vue: v-model, v-bind и т.д.
  • 2.2 Работа с данными, формами, событиями, css-стилями

Модуль 3 Vue life cycle ▼

  • 3.1 Первое использование

Модуль 4 Структура типового проекта ▼

  • 4.1 NPM-сборка и запуск с webpack
  • 4.2 Vue-cli
  • 4.3 Структура Vue-компонента

Модуль 5 Vue-компоненты ▼

  • 5.1 Принципы работы
  • 5.2 Props, emit
  • 5.3 Refs
  • 5.4 Связь между Parent и Child
  • 5.5 Динамическое переключение
  • 5.6 Подключение зависимостей

Модуль 6 Маршрутизация ▼

  • 6.1 Принципы работы с vue-router

Модуль 7 HTTP ▼

  • 7.1 Fetch и axios
  • 7.2 Good practises в Vue

Модуль 8 Vuex ▼

  • 8.1 Предпосылки, структура, подключение
  • 8.2 Вспоминаем promises
  • 8.3 Vuex store, state, getters, mutations, actions
  • 8.4 Модули Vuex

Модуль 9 Библиотеки графических элементов Vue ▼

  • 9.1 Vuetify
  • 9.2 Ant Design

Модуль 10 Упрощение работы, отладка, закрепление знаний ▼

  • 10.1 Pathify
  • 10.2 Работа и отладка в Webstorm
  • 10.3 Работа и отладка в VS Code