Демо презентация приложения при первом логине юзера?

Question

[KuzmenkoArtem]

Какие есть хорошие инструменты для того что бы сделать демо призентацию при первом логине бзера.
Типо - "Кликните сюда, что бы сделать это. Перейдите сюда что бы увидить то"
Желательно под vue.js
Спасибо!

Answer 1

[Алексей Ярков]

https://pulsardev.github.io/vue-tour/

Answer 2

[Rikonardo]

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

1. Использовать возможность из notify.js показывать сообщение возле элемента.
   
2. Использовать Popovers из Shards вместе с затемнением фона из Modals от туда же. Вместо Shards можно использовать Bootstrap, где есть поддержка vue.js.
   

Comments

[Александр Кондаков]

Мне кажется, что необходимо стараться делать интерфейсы максимально простыми и понятными. Это в идеале, конечно же.

[Rikonardo]

Ну а что тут сложного? Пользователь авторизируется впервые, после чего выскакивает предложение пройти обучение. Если он нажал да, затемняем фон, подсвечиваем элемент, про который рассказываем, выводим рядом Popover с пояснением и кнопками "Далее" и "Закончить обучение". И так далее. Тем более что у Shards и Bootstrap очень красивые и простые элементы (лично мне больше нравится Shards).
Если же вы про то, что интерфейс должен быть понятен интуитивно, я полностью за. Но если проект нацелен на широкую аудиторию, лучше всё же сделать обучение.