проект in HTML Skill Tree

Приложение для желаний в виде наклеек с использованием Vue.js

Начинающий

В этом проекте вы узнаете, как создать приложение 'Желания в виде наклеек' с использованием Vue.js и библиотеки Element-UI. Цель проекта - предоставить анонимную и удобную платформу для людей, чтобы они могли выражать свои цели, идеалы и стремления в безопасной и конфиденциальной обстановке.

HTMLVue.js

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом проекте вы научитесь создавать приложение "Желание на заметке" с использованием Vue.js и библиотеки Element-UI. Цель проекта - предоставить анонимную и удобную платформу для людей, чтобы они могли выражать свои цели, идеалы и мечты в безопасной и конфиденциальной форме.

👀 Предварительный просмотр

При несоответствии условиям проверки полей будет отображаться следующая ошибка:

Сообщение об ошибке валидации формы

После выполнения условий и публикации желания результат будет выглядеть так:

Завершенный результат

🎯 Задачи

В этом проекте вы научитесь:

  • настраивать структуру проекта и готовить необходимые файлы и папки;
  • отображать заполненную форму на стене желаний;
  • реализовывать проверку формы, чтобы убедиться, что поля ввода соответствуют требуемым критериям;
  • обрабатывать отправку формы и функцию сброса;
  • реализовывать загрузку и предварительный просмотр изображений.

🏆 Достижения

После завершения этого проекта вы сможете:

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

Преподаватель

labby

Labby

Labby is the LabEx teacher.