Мы используем cookie для стабильной работы сервиса. Подробнее

JavaScript. Уровень 8. Vue.js – открытый фреймворк на JavaScript для разработки веб - приложений

4.3
ФорматОнлайн
Длительность24 ак. ч. + 24 ак. ч. самостоятельно
Объём4 занятий
О курсе

Подробнее

Обучение проходит на Vue.js 3.5 Для реализации веб-интерфейса приходиться сталкиваться с довольно сложными задачами. Современная разработка требует быстрого создания веб-приложений с возможностью их расширения в будущем. Разработчики стремятся использовать различные JavaScript-фреймворки для реализации множества задач по созданию веб-интерфейса приложения. Vue.js – фреймворк, который на текущий момент завоевывает все большую популярность и становится одним из основных конкурентов популярного JavaScript-фреймворка React.JS. Vue.js позволяет разработчикам быстро создавать функциональные веб-приложения в реактивном стиле соответствующие всем современным стандартам с использованием популярных веб-технологий: HTML, CSS. Фреймворк обладает высокой производительностью и подходит для разработки SPA-приложений, а также оптимизирован для работы приложений на различных мобильных устройствах. В процессе обучения вы познакомитесь с возможностями данного JavaScript-фреймворка для создания SPA-приложений с использованием популярных веб-технологий: HTML, CSS. Данный курс позволит применить полученные ранее знания по языку JavaScript для создания реактивных веб-форм на основе готовых UI-компонентов, а также познакомит с основами по созданию собственных компонент. Курс рекомендован веб-разработчикам со знанием веб-технологий: JavaScript, HTML, CSS веб-дизайнерам архитекторам клиент-серверного ПО на основе веб-технологий менеджерам front-end проектов
Результат

Что вы получите

  • управлять состоянием приложения;
  • создавать реактивные веб-формы;
  • создавать собственные UI-компоненты;
  • работать с анимацией и переходами;
  • создавать сайты на Vue.js.
Содержание

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

4 занятия
ТемаЧто внутри
01Модуль 1. Основы Vue.js. Экземпляры, шаблоны, свойства, компоненты  (6 ак. ч.)

Установка Vue.js. Введение: что такое Vue.js, начало работы, декларативная отрисовка, композиция приложения. Экземпляры приложения & компонента: создание экземпляра, свойства, хуки и диаграмма жизненного цикла. Синтаксис шаблонов: интерполяция, директивы, сокращенная запись. Свойства data и методы. Вычисляемые свойства и методы-наблюдатели. Работа со стилями: связывание CSS-классов, связывание inline-стилей. Условная отрисовка. Отрисовка списков. Обработка событий: прослушивание, обработчики, модификаторы. Работа с формами: основы, привязка значений, модификаторы. Основы компонентов: переиспользование, организация, передача данных в дочерние компоненты.

02Модуль 2. Продвинутая работа с компонентами  (4 ак. ч.)

Регистрация компонентов: именование, глобальная и локальная регистрация, модульные системы. Входные параметры: Указание типа, передача статических и динамических входных параметров, однонаправленный поток данных, валидация входных параметров. Передача обычных атрибутов. Слоты: содержимое слота, область видимости при отрисовке, содержимое слота по умолчанию. Динамические и асинхронные компоненты. Ссылки на элементы в шаблоне.

03Модуль 3. Переходы и анимации  (6 ак. ч.)

Использование классов для анимаций и переходов. Использование привязок стилей для переходов. Производительность. Анимация одиночного элемента/компонента, анимация первоначальной отрисовки, анимация перехода между элементами. Анимация списков: анимации добавления и удаления элементов списка, анимация перемещения элементов списка. Анимация переходов между состояниями.

04Модуль 4. Реактивность, создание сайта  (8 ак. ч.)

Vue и веб-компоненты. Подробнее о реактивности. Механизмы отрисовки и оптимизации. Практика по созданию сайта на Vue.js.

01Модуль 1. Основы Vue.js. Экземпляры, шаблоны, свойства, компоненты  (6 ак. ч.)

Установка Vue.js. Введение: что такое Vue.js, начало работы, декларативная отрисовка, композиция приложения. Экземпляры приложения & компонента: создание экземпляра, свойства, хуки и диаграмма жизненного цикла. Синтаксис шаблонов: интерполяция, директивы, сокращенная запись. Свойства data и методы. Вычисляемые свойства и методы-наблюдатели. Работа со стилями: связывание CSS-классов, связывание inline-стилей. Условная отрисовка. Отрисовка списков. Обработка событий: прослушивание, обработчики, модификаторы. Работа с формами: основы, привязка значений, модификаторы. Основы компонентов: переиспользование, организация, передача данных в дочерние компоненты.

02Модуль 2. Продвинутая работа с компонентами  (4 ак. ч.)

Регистрация компонентов: именование, глобальная и локальная регистрация, модульные системы. Входные параметры: Указание типа, передача статических и динамических входных параметров, однонаправленный поток данных, валидация входных параметров. Передача обычных атрибутов. Слоты: содержимое слота, область видимости при отрисовке, содержимое слота по умолчанию. Динамические и асинхронные компоненты. Ссылки на элементы в шаблоне.

03Модуль 3. Переходы и анимации  (6 ак. ч.)

Использование классов для анимаций и переходов. Использование привязок стилей для переходов. Производительность. Анимация одиночного элемента/компонента, анимация первоначальной отрисовки, анимация перехода между элементами. Анимация списков: анимации добавления и удаления элементов списка, анимация перемещения элементов списка. Анимация переходов между состояниями.

04Модуль 4. Реактивность, создание сайта  (8 ак. ч.)

Vue и веб-компоненты. Подробнее о реактивности. Механизмы отрисовки и оптимизации. Практика по созданию сайта на Vue.js.

Организатор

Автор курса

СпециалистСпециалист
Ведущий компьютерный учебный центр России с высочайшим уровнем качества обучения, сервиса и организации учебного процесса Лучший учебный центр авторизованный Microsoft в России, Центральной и Восточной Европе в 2011-2014 гг Центр «Специалист» — первый в России авторизованный учебный центр по обучению Adobe — Adobe Authorised Training Centre Крупнейший авторизованный учебный центр ведущих IT-компаний мира С 2012 г. Центр «Специалист» входит в «Круг совершенства EC-Council»
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

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

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «JavaScript. Уровень 8. Vue.js – открытый фреймворк на JavaScript для разработки веб - приложений» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:JavaScriptVue.js

Информация обновлена 27 июля 2026 г.

Продолжить выбор

Похожие курсы

Начать без затрат

Бесплатные курсы