Vue - прогрессивный JS-фреймворк для создания пользовательских интерфейсов Web
JS_VUE
Vue — это прогрессивный фреймворк для создания пользовательских интерфейсов Web. В отличие от фреймворков-монолитов, Vue создан пригодным для постепенного внедрения. Его ядро в первую очередь решает задачи уровня представления (view), что упрощает интеграцию с другими библиотеками и существующими проектами. С другой стороны, Vue полностью подходит и для создания сложных одностраничных приложений (SPA, Single-Page Applications), если использовать его совместно с современными инструментами и дополнительными библиотеками. Двумя основными конкурентами Vue являются React и Angular. Вместе с ними Vue закрывает почти 100% рынка Web-разработки.
Курс проводится в группе от 3-х человек.
Цель курса
После завершения курса, слушатели самостоятельно смогут создавать клиентские приложения на основе каркаса Vue. Все примеры передаются слушателям.
Аудитория
Разработчики, знающие Javascript/ES-6
Предварительный уровень подготовки
Знания Javascript/ES-6
Программа курса
1. Введение.
- Сравнение js-фреймворков: Angular, React, Vue
- Введение в Vue
2. Директивы Vue и основные элементы.
- Основные директивы Vue: v-model, v-bind и т.д.
- Работа с данными, формами, событиями, css-стилями
3. Vue life cycle.
- Первое использование
4. Структура типового проекта.
- NPM-сборка и запуск с webpack
- Vue-cli
- Структура Vue-компонента
5. Vue-компоненты.
- Принципы работы
- Props, emit
- Refs
- Связь между Parent и Child
- Динамическое переключение
- Подключение зависимостей
6. Маршрутизация.
- Принципы работы с vue-router
7. HTTP.
- Fetch и axios
- Good practises в Vue
8. Vuex.
- Предпосылки, структура, подключение
- Вспоминаем promises.
- Vuex store, state, getters, mutations, actions
- Модули Vuex
9. Библиотеки графических элементов Vue.
- Vuetify
- Ant Design
10. Упрощение работы, отладка, закрепление знаний.
- Pathify
- Работа и отладка в Webstorm
- Работа и отладка в VS Code