Wo kann ich Ratschläge bekommen, wie man komplette ajax Web Apps erstellt?

Question

Ich baue eine komplette Ajax-Web-App (das ist die erste Web-App, die ich jemals erstellt habe). Ich bin mir nicht ganz sicher, ob ich den richtigen Weg gehe. Irgendwelche Vorschläge oder Orte, wo ich hingehen kann, um Vorschläge zu finden?

Update:

ich derzeit jQuery benutzen. Ich arbeite daran, das vollständig zu lernen. Ich habe ein UI fast vollständig entworfen. Ich habe Probleme damit, ein gutes UX auszubalancieren, ein gutes Design und alle Optionen, die ich darin einbauen möchte.

Ich habe mit dem Design begonnen. Ich kämpfe derzeit mit ob absolute Positionierung oder nicht und wenn nicht wie verwende ich float etc., um die gleiche Art von Sache zu tun. Ich versuche, ein flüssiges Layout zu erstellen (ich hasse Seiten mit festem Layout) und versuche herauszufinden, was ich verwenden sollte, damit es in den meisten Bildschirmgrößen gleich aussieht.

Answer 1

1. JavaScript verstehen. Wissen, was eine Schließung ist, wie die JavaScript-Ereignisbehandlung funktioniert, wie JavaScript mit dem DOM interagiert (über die einfache Verwendung von jQuery hinaus), die prototypische Vererbung und andere Dinge. Es hilft Ihnen, wenn Ihr Code nicht funktioniert und Sie ihn reparieren müssen.

2. Benutzerfreundlichkeit beibehalten. All die AJAX-Magie, die du hinzufügst, ist nutzlos, wenn Benutzer nicht herausfinden können, wie man sie benutzt. Halten Sie die Dinge einfach, überladen Sie den Benutzer nicht, indem Sie ihm Informationen geben, die er nicht wissen muss (verstecken Sie weniger wichtige Informationen, erlauben Sie dem Benutzer, auf einen Link zu klicken, um ihn anzuzeigen) und testen Sie Ihre App nach Möglichkeit mit den tatsächlichen Benutzern stellen Sie sicher, dass die Schnittstelle für sie intuitiv ist.

3. Sicher codieren. Erlauben Sie nicht, dass Ihr Server gehackt wird. Es gibt viele verschiedene types of security flaws in Web-Anwendungen, einschließlich Cross-Site-Scripting (XSS), Cross-Site Request Forgery (CSRF) und SQL-Injektion. Sie müssen sich dieser und anderer Fallstricke bewusst sein und wissen, wie Sie diese vermeiden können.

Answer 2

Ein Ausgangspunkt ist die Javascript-Bibliotheken suchen und entscheiden, welche zu benutzen:

http://code.google.com/apis/libraries/
http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

Sie wollen wahrscheinlich nicht ohne Bibliothek raw Javascript-Code zu tun. Sobald Sie sich für eine Bibliothek entschieden haben, können Sie sich online Dokumentationen oder die Bücher über deren Verwendung ansehen. jQuery hat ziemlich gute Dokumentation.

Answer 3

Definieren Sie "richtigen Weg." Es gibt viele "richtige Wege", um eine App zu programmieren.

Dinge zu beachten, versuchen, eine nette Schnittstelle zu entwerfen. Die Schnittstelle kann eine Anwendung machen oder brechen und Studien zeigen, dass es sogar schneller scheinen kann, wenn Sie es richtig machen. jQuery ist dafür gut.

Eine andere Sache in Betracht zu ziehen ist, welche Browser möchten Sie unterstützen? Firefox geht es wirklich gut und der Marktanteil von Google Chrome wächst, sodass Sie sicher sein werden, dass Sie diese unterstützen. IE ist schwierig, da es nicht die beste Unterstützung für Standards bietet, aber wenn Sie ein Produkt verkaufen, werden Sie das wirklich wollen.

Answer 4

Einer der besten Artikel, die ich jemals über die Struktur einer Ajax-Webanwendung gestoßen bin, ist this one. Ein wenig veraltet, weil es sich auf XML als primäres Datenaustauschformat bezieht, jetzt JSON. jQuery, ein JavaScript-Framework, enthält ausgezeichnete Funktionalität für die Manipulation von DOM und AJAX-Aufrufe. Beide sind ein Muss in jeder AJAX-gesteuerten Web-App.