Du bist nicht angemeldet.

Stilllegung des Forums
Das Forum wurde am 05.06.2023 nach über 20 Jahren stillgelegt (weitere Informationen und ein kleiner Rückblick).
Registrierungen, Anmeldungen und Postings sind nicht mehr möglich. Öffentliche Inhalte sind weiterhin zugänglich.
Das Team von spieleprogrammierer.de bedankt sich bei der Community für die vielen schönen Jahre.
Wenn du eine deutschsprachige Spieleentwickler-Community suchst, schau doch mal im Discord und auf ZFX vorbei!

Moderne Webentwicklung (inklusive Geheimtipp!)

  • 1
  • 2

Werbeanzeige

drakon

Supermoderator

  • »drakon« ist der Autor dieses Themas

Beiträge: 6 513

Wohnort: Schweiz

Beruf: Entrepreneur

  • Private Nachricht senden

1

19.07.2013, 15:05

Moderne Webentwicklung (inklusive Geheimtipp!)

Da ich schon lange kein Webzeugs mehr gemacht, aber bin wiedermal dazu gekommen was zu machen (zu sehen gibts die in den nächsten Wochen mal).
Wie auch immer. Bevor ich angefangen habe habe ich mich so gefragt was es jetzt so für Tools gibt, die man so zur Hand nimmt. Nicht nur im Editor Bereich. Für das, was ich mache (statische Webseite) bin ich jetzt bei den folgenden Tools angekommen:

Editor: Aptana Studio für allen Code. HTML, Javascript und CSS kann das Ding recht gut. Highlight und Vervollständigung sind gut (mit Plugins oder so sogar sehr gut?)
javascript: jquery. Ist denke ich ein must-have, sobald man etwas mit JS macht.
CSS: LESS<- Geheimtipp. Kannte ich vorher nicht, macht aber das schreiben von CSS so viel angenehmer!

Was benutzt ihr so (vor allem für die Entwicklung) und was gäbe es sonst noch so um das entwickeln angenehmer/robuster zu machen?


Ein paar Sachen, die mir noch einfallen, aber noch nicht direkt benutzt habe:
960gs. Generelles Framework wie man eine neue Webseite aufbauen kann/sollte.
yslow. Allgemeine Tipps um die Performance einer Seite zu verbessern.
Und natürlich die Entwickler Tools von Chrome. Für Firefox habe ich früher Firebug verwendet. Weiss nicht wie aktuell das noch ist.
Modernizr: Erkennt welche HTML5/CSS3 Features vorhanden sind.
http://www.drakon.ch | Weltweit 31. Bester Solitär Spieler (Standard XP)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »drakon« (24.07.2013, 14:24)

TheBenji

Treue Seele

Beiträge: 182

  • Private Nachricht senden

2

19.07.2013, 15:47

Editor: Da mag jeder was anderes...ich kann den eclipse-kram (fuer frontend) z.b. gar nicht leiden. Kannst ja mal einen blick auf sublime werfen - das ist eig. ein sehr netter (und vor allem leichtgewichtiger) editor.

jQuery: Definitiv eine sehr gutes framework aber kein "must-have" - gibt genug Dinge die man besser nativ macht.

LESS ist aufjedenfall empfehlenswert!

Empfehlenswert ist eig auch twitter bootstrap (wenn du schnell nicht alzu indivduelle Layouts hast) als responsive/layout framework.

DevTools vom Chrome sind meiner Meinung nach die besten, aber eig hat inzwischen jeder Browser recht gute dev-tools (wobei beim firefox zusaetzlich firebug eig nie schaden kann)
Gute Praesentation zu dem Thema: http://www.83rdstasis.net/devtoolsecrets/slides/london-web/

MitgliedXYZ

Alter Hase

Beiträge: 1 369

Wohnort: Bayern

  • Private Nachricht senden

3

19.07.2013, 16:09

Zitat von »LetsGo«

Also ich benutze meist Dreamweaver als Editor und CSS "Tracking" Tool oder wie man es auch nennen mag.
Nur als Schüler hat man von Dreamwaver nicht viel, außer eine 30-Tage Testversion. Ist also kein Geheimtipp. Die hier bisher Diskutierten Programme/Bibiliotheken sind außerdem kostenlos.

WalaWala

Frischling

Beiträge: 44

  • Private Nachricht senden

4

19.07.2013, 16:13

Als Editor kann ich Brackets empfehlen (http://brackets.io/), ist zwar noch in der Beta Phase, aber schon ziemlich gut für umsonst. Ansonsten, wenn du ein paar Euro übrig hast kann ich auch WebStorm empfehlen (http://www.jetbrains.com/webstorm/), ist nicht ganz so leichtgewichtig, aber dafür umso umfassender was debugging und Versionskontrolle und sowas in der UI angeht.

[edit]
Achja: zu JQuery - wenn man das in sehr großem Maße einsetzt und auch verschiedene Devices (z.B. Android WebView und so ein Schmu) ansprechen möchte, nimmt man da schnell Abstand von. Wir haben verschiedene Tablets wo z.B. das Event Binding von JQuery für die touch events nicht 100%ig funktioniert und wir da auf die nativen Sachen vom Browser umgestiegen sind...
[/edit]
Development blog: http://www.walawala.org/blog

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »WalaWala« (19.07.2013, 16:19)

Jack

Treue Seele

Beiträge: 193

  • Private Nachricht senden

5

19.07.2013, 16:16

Ich verwende Notepad++ und arbeite momentan damit auch an einer etwas größeren Website... (kann sie hier allerdings leider nicht vorstellen, da das wahrscheinlich durch den Shop als Werbung durchgehen würde)
Von anderen Editoren halte ich nicht viel, weil ich persönlich viel lieber im Web Bereich mit leichtgewichtigen Editoren programmiere.

Jquery wird meiner Meinung nach auch zu einem must-have, sobald man JS im großen Maß verwendet, allein schon wegen der Kompatibilität.

Und LESS kannte ich nicht, sieht gar nicht schlecht aus. ^^

Was ich empfehlen kann, sind diese Seiten:
Color Picker: http://www.colorpicker.com/ // Wenn man mal schnell eine Farbe und ihren Hex Code braucht
Rounded Corner: http://cssround.com/ // Wenn man schöne abgerundete css3 boxen haben möchte, ein sehr guter Generator
Farbverläufe: http://www.colorzilla.com/gradient-editor/ // Wenn man schöne Farbverläufe haben möchte, ebenfalls ein guter Generator
Mehr tools: http://www.cssmatic.com/ // Sehr gute Seite mit 4 sehr guten Generatoren

DeKugelschieber

Community-Fossil

Beiträge: 2 641

Wohnort: Rheda-Wiedenbrück

Beruf: Software-Entwickler

  • Private Nachricht senden

6

19.07.2013, 17:12

Es ist außerdem noch empfehlenswert sich einen lokalen Server aufzusetzen, natürlich nur wenn etwas Code im Hintergrund werkelt... (xampp)
Grüße, Kugel

GitHub Meine Firma Pirsch Analytics

drakon

Supermoderator

  • »drakon« ist der Autor dieses Themas

Beiträge: 6 513

Wohnort: Schweiz

Beruf: Entrepreneur

  • Private Nachricht senden

7

19.07.2013, 18:18

Brackets sieht schon mal sehr nett aus. Ist mir im Moment noch zu mager und ein wenig zu wackelig, aber Livevorschau finde ich schon sehr nett. (Mit interaktiv LESS geht das aber mit Chrome auch bereits, allerdings muss man noch zusätzlich speichern, damit die Änderung passiert. Gäbe ja noch ein Haufen Plugins für so Zeugs, aber Unterstützung durch den Editor ist das, was man will. ^^)
http://www.drakon.ch | Weltweit 31. Bester Solitär Spieler (Standard XP)

Tobiking

1x Rätselkönig

Beiträge: 1 231

  • Private Nachricht senden

8

19.07.2013, 19:09

Ich find Coffeescript (oder Typescript) statt Javascript sehr angenehm. Neben Objektorientierung über Klassen (statt Prototypen) gibt es auch einige andere Konstrukte, die sich so in Javascript nur sehr umständlich realisieren lassen. Coffeescript lässt sich dabei auch mit Aptana Studio verwenden, Typescript sogar mit Visual Studio.

Codevine

Alter Hase

Beiträge: 994

  • Private Nachricht senden

9

19.07.2013, 19:35

Als Editor benutze ich selbst gerne Visual Studio mit Web EssentialsPlugin (und teils auch anderen). Ansonsten ist Sublime Text oder (Adobe) Brackets sehr zu empfehlen. Für moderne single-page applications AngularJS(Front-End) und NodeJS(Server).

Ansonsten wurden die "Standard"-Tools/Libs/Techniken ja bereits genannt, also LESS oder jQuery. Mehr fällt mir gerade nicht ein.

Chromanoid

Alter Hase

Beiträge: 1 410

  • Private Nachricht senden

10

19.07.2013, 20:40

Ich hab nicht viel mit Webentwicklung am Hut, aber ich versuche mich immer ein bisschen zu informieren.
SASS/SCSS wäre noch eine Alternative zu LESS
Als IDE wäre vielleicht auch NetBeans interessant, da hat sich in den letzten jahren viel getan. Vielleicht taugt das LESS Plugin dazu ja auch was.
Besucht auch mal ZFX + Developia: Forum für Spieleentwicklung & TIGSource Forums: Independent Gaming Discussion

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Chromanoid« (19.07.2013, 20:46)

Werbeanzeige

  • 1
  • 2

Ähnliche Themen