[javascript.ru] Курс по Vue.JS
Сайт: | learn.javascrip показать |
Дата публикации: | 07.12.2017 |
Размер: | 2,16 гб |
Год: | 2017 |
Дата проведения: | с 6 по 23 ноября |
Продолжительность: | 9ч 35мин |
Направление: | Программирование |
Vue отлично подходит для итерационной разработки или постепенного рефакторинга существующих приложений. С чем вы самостоятельно убедитесь, создавая небольшое приложение на курсе — начнём с самой простой HTML-страницы и закончим небольшим SPA-приложением с серверным рендерингом и тестами.
-
Знакомимся с Vue, узнаем как он работает. Разбираем как легко и быстро можно начать его использовать. Изучаем все основы и подступимся к компонентам и компонентному подходу в реализации приложения.
-
Изучаем официальную библиотеку роутинга, обсуждаем каким образом можно реализовать проверку авторизации пользователя. Добавляем сборку Vue приложения с помощью Webpack.
-
Научимся использовать сторонние плагины в приложении. Обсудим возможные способы валидации данных.
-
Познакомимся с официальной библиотекой для реализации единого хранилища состояний Vuex. Разберём возможности по реализации Server-side rendering + Vue. Изучим какие есть инструменты и каким образом тестировать компоненты.
Программа курса по Vue.JS:
Блок 1. Vue, основы и использование в существующих приложениях
Знакомимся с Vue, разбираемся как его подключать и начинать использовать в существующих приложениях. Разбираемся каким образом работает реактивность данных, что за возможности есть у Vue для отслеживания изменений в них. Изучаем как работать с условиями, циклами, стилями, событиями и формами. Изучаем азы работы с компонентами: как их создавать, как использовать, как передавать в них данные и отслеживать возникающие события. Рассматриваем динамическое переключение компонентов.
- Vue, принцип работы реактивности.
- Варианты подключения и сборок, Vue-devtools.
- Синтаксис шаблонов, работа с атрибутами.
- Экземпляр Vue, свойства, методы и хуки жизненного цикла.
- Вычисляемые свойства компонента, отслеживание данных.
- Работа с условиями, циклами.
- Работа с классами и стилями.
- Обработка событий.
- Работа с формами.
- Компоненты: как создавать, как использовать, как передавать в них данные и отслеживать возникающие события.
- Динамическое переключение компонентов.
Блок 2. Vue-router, однофайловые компоненты и реализация SPA с шагом сборки Webpack
Знакомимся с Vue-router — официальной библиотекой для роутинга Vue. Изучаем как работать с маршрутами, какие хуки добавляет библиотека и где они пригодятся. Узнаём плюсы использования шага сборки с помощью Webpack и однофайловых компонентов: как использовать шаблонизаторы, препроцессоры, локальные стили. Разбираемся как использовать сторонние плагины, как создавать собственные компоненты-обёртки для них и как при необходимости получать доступ к DOM-элементу.
- Vue-router, работа с маршрутами, как передавать параметры, хуки маршрутизации.
- Однофайловые компоненты и их возможности.
- Асинхронная загрузка компонентов.
- Использование слотов в компонентах.
- Использование сторонних плагинов и создание компонентов-обёрток для них.
- Как получить доступ к DOM-элементу.
Блок 3. Пути дальнейшего развития приложения
Изучаем каким образом можно реализовать единое хранилище состояния с помощью Vuex. Рассмотрим какие есть способы реализации серверного рендеринга для Vue. Каким образом тестировать компоненты.
- Vuex, когда необходим, как мутировать состояние и как его получать, работа с формами.
- Способы реализации SSR в Vue.
- Тестирование компонентов.
Отзывов еще нет
Оставить свой отзыв