Курс: JavaScript. Уровень 8. Vue.js – открытый фреймворк на JavaScript для разработки веб - приложений
Продолжительность курса: 24 ак. ч.
Описание курса:
Для реализации веб-интерфейса приходиться сталкиваться с довольно сложными задачами. Современная разработка требует быстрого создания веб-приложений с возможностью их расширения в будущем. Разработчики стремятся использовать различные JavaScript-фреймворки для реализации множества задач по созданию веб-интерфейса приложения.
Vue.js – фреймворк, который на текущий момент завоевывает все большую популярность и становится одним из основных конкурентов популярного JavaScript-фреймворка React.JS.
Vue.js позволяет разработчикам быстро создавать функциональные веб-приложения в реактивном стиле, соответствующие всем современным стандартам с использованием популярных веб-технологий: HTML, CSS. Фреймворк обладает высокой производительностью и подходит для разработки SPA-приложений, а также оптимизирован для работы приложений на различных мобильных устройствах.
В процессе обучения вы познакомитесь с возможностями данного JavaScript-фреймворка для создания SPA-приложений с использованием популярных веб-технологий: HTML, CSS.
Данный курс позволит применить полученные ранее знания по языку JavaScript для создания реактивных веб-форм на основе готовых UI-компонентов, а также познакомит с основами по созданию собственных компонент.
Аудитория:
• веб-разработчики со знанием веб-технологий: JavaScript, HTML, CSS
• веб-дизайнеры
• архитекторы клиент-серверного ПО на основе веб-технологий
• менеджеры front-end проектов
Необходимая подготовка:
• Успешное окончание курса «JavaScript. Уровень 2. Расширенные возможности», или эквивалентная подготовка.
Программа курса:
Модуль 1. Основы Vue.js. Экземпляры, шаблоны, свойства, компоненты
• Установка Vue.js.
• Введение: что такое Vue.js, начало работы, декларативная отрисовка, композиция приложения.
• Экземпляры приложения & компонента: создание экземпляра, свойства, хуки и диаграмма жизненного цикла.
• Синтаксис шаблонов: интерполяция, директивы, сокращенная запись.
• Свойства data и методы.
• Вычисляемые свойства и методы-наблюдатели.
• Работа со стилями: связывание CSS-классов, связывание inline-стилей.
• Условная отрисовка. Отрисовка списков.
• Обработка событий: прослушивание, обработчики, модификаторы.
• Работа с формами: основы, привязка значений, модификаторы.
• Основы компонентов: переиспользование, организация, передача данных в дочерние компоненты.
Модуль 2. Продвинутая работа с компонентами
• Регистрация компонентов: именование, глобальная и локальная регистрация, модульные системы.
• Входные параметры: Указание типа, передача статических и динамических входных параметров, однонаправленный поток данных, валидация входных параметров.
• Передача обычных атрибутов.
• Слоты: содержимое слота, область видимости при отрисовке, содержимое слота по умолчанию.
• Динамические и асинхронные компоненты.
• Ссылки на элементы в шаблоне.
Модуль 3. Переходы и анимации
• Использование классов для анимаций и переходов.
• Использование привязок стилей для переходов.
• Производительность.
• Анимация одиночного элемента/компонента, анимация первоначальной отрисовки, анимация перехода между элементами.
• Анимация списков: анимации добавления и удаления элементов списка, анимация перемещения элементов списка.
• Анимация переходов между состояниями.
Модуль 4. Реактивность, создание сайта
• Vue и веб-компоненты.
• Подробнее о реактивности.
• Механизмы отрисовки и оптимизации.
• Практика по созданию сайта на Vue.js.
Окончательная цена указывается в договоре на обучение.
