Курсы
Уроки
Vue
Vue превращает HTML-шаблоны и немного JavaScript в веб-приложения, которые обновляются сами. Вы создадите приложение для заказа в кафе: с меню, заказом и итоговой суммой.
Уроки
Уроки
Vue превращает HTML-шаблоны и немного JavaScript в веб-приложения, которые обновляются сами. Вы создадите приложение для заказа в кафе: с меню, заказом и итоговой суммой.
Уроки
Урок 1
Разберитесь с файлами приложения на Vue и частями файла .vue, выводите данные и исправляйте ошибки.
За урок вы получите 75 XP
Урок 2
Вставляйте выражения в шаблоны через фигурные скобки и задавайте атрибуты, классы и стили из данных.
За урок вы получите 95 XP
Урок 3
Меняйте страницу с помощью ref() и .value, обрабатывайте клики, ввод и клавиши, обновляйте массивы и объекты.
За урок вы получите 120 XP
Урок 4
Выбирайте, что показать, с помощью v-if и v-show и превращайте массивы в списки с v-for, с фильтрацией и сортировкой.
За урок вы получите 100 XP
Мини-проект
Соберите список вещей в дорогу: складывайте вещи в рюкзак, считайте их, скрывайте собранное и удаляйте лишнее.
За урок вы получите 35 XP
Урок 6
Свяжите с v-model текстовые поля, списки и флажки, отправьте форму и покажите сообщения об ошибках.
За урок вы получите 100 XP
Урок 7
Считайте суммы и отфильтрованные списки через computed() и запускайте код при изменении данных через watch().
За урок вы получите 80 XP
Мини-проект
Создайте учёт бюджета: проверку новых трат, суммы по категориям и сохранение месяца.
За урок вы получите 35 XP
Урок 9
Разделите страницу на компоненты .vue, свяжите их через import и export и передавайте им данные через пропсы.
За урок вы получите 85 XP
Урок 10
Отправляйте события вверх через emit, храните данные в одном месте и применяйте v-model к своим компонентам.
За урок вы получите 70 XP
Урок 11
Передавайте содержимое в компоненты через слоты, задавайте запасное содержимое и заполняйте именованные слоты.
За урок вы получите 60 XP
Мини-проект
Соберите фотогалерею: плитки, большое фото в лайтбоксе и кнопки для следующего и предыдущего снимка.
За урок вы получите 35 XP
Урок 13
Загружайте данные в onMounted, сообщайте об ошибке загрузки, останавливайте таймеры и сохраняйте избранное.
За урок вы получите 85 XP
Урок 14
Выносим логику в композаблы для повторного использования: реф, который сам сохраняется, и реф, что грузит данные.
За урок вы получите 65 XP
Урок 15
Соберите трекер привычек: он загружает привычки, показывает прогресс, сохраняет отметки и считает дни подряд.
За урок вы получите 75 XP
Vue — популярный фреймворк для создания веб-приложений, известный тем, что с ним легко начать. Курс охватывает шаблоны, реактивное состояние и события, списки и условия, формы с v-model, вычисляемые значения и наблюдатели, компоненты с пропсами, событиями и слотами, загрузку данных и композаблы.
Курс рассчитан на тех, кто знает HTML, CSS и JavaScript. Шаг за шагом вы создадите приложение для заказа в кафе, список вещей в дорогу, учёт бюджета и фотогалерею, а итоговый проект — трекер привычек, который запоминает ваш прогресс.