Freecodecamp: Erleichtern Sie die Navigation bei der Herausforderung "Erfahren Sie, wie FCC funktioniert" (UX).

Ich denke auch, dass diese Herausforderung einige UX-Verbesserungen vertragen könnte. Zu Beginn denke ich, dass all diese Herausforderungen über die Pfeiltasten gesteuert werden können sollten. Das Problem mit dem Scrollen ist auch ärgerlich. Die Bilder könnten wahrscheinlich kleiner gemacht werden.

cc / @ FreeCodeCamp / Issue-Moderatoren

@atjonathan @oalhait ja - wir planen, die Länge dieser deutlich zu reduzieren. Wenn wir eine feste Höhe für die Bilder und ihren Text verwenden würden, könnten wir einen Großteil der Variabilität in der Höhe beseitigen.

Ich denke, die unmittelbarste Verbesserung wäre, mit den Pfeilen nach links und rechts zur nächsten Herausforderung zu gehen.

Ich werde das Problem mit dem Pfeil nach links / rechts übernehmen! Eine Frage: Wo finde ich das HTML / CSS / JS der spezifischen Herausforderung?

Hallo @oalhait, danke, dass mitgeholfen hast .

Die Herausforderungen betreffen jetzt die Reaktionsinfrastruktur, die meisten Ansichten / Controller befinden sich im Verzeichnis /common/app , Herausforderungen sind JSON-Dateien, die sich im Verzeichnis /seed .

Die Ansichten sind alle JSX, Stile sind WENIGER

Schauen Sie sich die Richtlinien für Beiträge an . Viel Spaß beim Reparieren!

Und wenden Sie sich an den Chatraum der

@oalhait - Problembeschreibung der Probleme verweist auf localhost;)

@raisedadead danke für die Tipps, ich bin jetzt dabei!
und @iamrudra HAHAHA oops, wurde auf meiner lokalen Instanz angezeigt

Vorschläge benötigt für -

• Was tun, wenn am Ende der Herausforderung? Zur nächsten Herausforderung gehen
• Was tun, wenn der Benutzer einen Link öffnen soll, bevor er zur nächsten Herausforderung übergeht?
• Was tun für den Text, der die Nummerierung der Schritte zeigt ... dh .. (4/12)
  @QuincyLarson @atjonathan

@sachinmour Oh - als ich Pfeiltasten sagte, meinte ich auf der Tastatur - keine zusätzlichen UI-Elemente hinzufügen.

Anstatt zusätzliche Schaltflächen hinzuzufügen, ist es meiner Meinung nach besser sicherzustellen, dass sich die Schaltflächen für den nächsten Schritt und die Schaltflächen für den vorherigen Schritt immer an derselben Stelle befinden (indem Sie die Höhe der Bilder / Texte einschränken), damit Sie sie einfach wiederholt anklicken können.

Aber wir möchten einige Hotkeys hinzufügen. Die Hotkeys befinden sich in main.js

Was Ihre Frage betrifft, was passieren soll, wenn sie auf einen Schritt stoßen, bei dem sie einen Link öffnen müssen, bevor sie fortfahren. Wenn Sie auf die Pfeiltaste klicken, werden sie einfach nicht weitergeschaltet und stattdessen wird die Schaltfläche "Link in neuem Tab öffnen" verschoben Machen Sie darauf aufmerksam und benachrichtigen Sie den Benutzer, dass er erst fortfahren kann, wenn er darauf klickt.

@ QuincyLarson hat es verstanden ..

@ QuincyLarson

Ist die Herausforderung gelöst?

Das funktioniert noch nicht ?? Benötigt es Hilfe?

Dieses Problem ist geöffnet als help wanted @ktajpuri , @ anush6533

Wir sind in der Beta auf eine kleinere Navigationsgruppe umgestiegen . Ich denke, wir könnten diese

@raisedadead Ja - ich denke nicht, dass es sich an dieser Stelle lohnt, sich zu verbessern. Wir verwenden nur einige dieser Folienherausforderungen und sie sind kurz - ich denke, die längste ist wie 4 Folien.