Freecodecamp: Упростите задачу "Узнайте, как работает FCC" (UX)

Я также думаю, что эту проблему можно решить с помощью некоторых улучшений UX. Для начала я думаю, что по всем этим задачам можно будет перемещаться с помощью клавиш со стрелками. Также раздражает проблема с прокруткой. Возможно, изображения можно было бы уменьшить.

cc / @ FreeCodeCamp / модераторы проблемы

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

Я думаю, что самым быстрым улучшением было бы перейти к следующей задаче с помощью стрелок влево и вправо.

Я займусь проблемой стрелки влево / вправо! Один вопрос: где мне найти html / css / js конкретной задачи?

Привет, @oalhait, спасибо за помощь в UX.

Проблемы теперь связаны с инфраструктурой реагирования, большинство представлений / контроллеров находятся в /common/app , проблемы - это файлы json, которые находятся в каталоге /seed .

Представления - все JSX, стили МЕНЬШЕ

Обязательно посмотрите Руководство по участию , удачного исправления!

И обратитесь в чат для

@oalhait - Кстати - ссылка в описании проблемы указывает на localhost;)

@raisedadead спасибо за советы, я сейчас на нем!
и @iamrudra HAHAHA упс, просматривал в моем локальном экземпляре

предложения, необходимые для -

• что делать, когда в конце испытания .. перейти к следующему испытанию
• что делать, когда мы хотим, чтобы пользователь открыл ссылку, прежде чем перейти к следующему испытанию
• что делать с текстом, который показывает нумерацию шагов ... т.е. .. (4/12)
  @QuincyLarson @atjonathan

@sachinmour О, когда я сказал клавиши со стрелками, я имел в виду клавиатуру, а не добавление дополнительных элементов пользовательского интерфейса.

Вместо того, чтобы добавлять дополнительные кнопки, я думаю, было бы лучше убедиться, что кнопка следующего шага и кнопки предыдущего шага всегда находятся в одном и том же месте (путем ограничения высоты изображений / текста), чтобы вы могли просто нажимать их несколько раз.

Но мы хотим добавить несколько горячих клавиш. Горячие клавиши находятся в main.js

Что касается вашего вопроса о том, что должно произойти, если они столкнутся с шагом, на котором они должны открыть ссылку, прежде чем продолжить, что ж, нажатие клавиши со стрелкой просто не продвинет их, а вместо этого заставит кнопку «открыть ссылку в новой вкладке» каким-то образом переместиться на привлечь к нему внимание и уведомить пользователя, что он не может продвигаться, пока не щелкнет по нему.

@QuincyLarson понял ..

@QuincyLarson

Проблема решена?

Это еще не работает ?? Нужна ли помощь?

Эта проблема открыта как help wanted @ktajpuri , @ anush6533.

Мы перешли на меньший набор навигации в бета-версии, я думаю, мы могли бы закрыть этот @QuincyLarson ?

@raisedadead Да, я не думаю, что сейчас стоит улучшать. Мы используем только несколько из этих заданий на слайды, и они короткие - я думаю, что самый длинный - это как 4 слайда.