Wie einarbeiten in die Webprogrammierung ?

[Bullz]

hi, werde mich beruflich wahrscheinlich in nächster Zeit mehr in diese Richtung entwickeln und würde gerne wissen wie ich das Themengebiet nun angehen soll.
Schlagworte die ich so gelesen habe sind (x)Html, Javascript (jquery), XML... und später dann sql, php..

Natürlich habe ich schon die eine oder andere Homepage in HTML gebaut. Das war aber mehr ein Zusammensetzen von Bausätzen als wirkliche Web Programmierung. Alle Technologien mal gesehen und bisschen damit rumgespielt aber mehr nicht.

Wie sollte ich nun verfahren um mich in die Thematik einzuarbeiten ?

 

[nehalist]

Einfach gesagt: Praxis. Man lernt Webprogrammierung nicht, in dem man sich tonnenweise Theorie gönnt.
Nimm dir kleinere Projekte vor; bastel dir einen Blog, ein Dateiverwaltungssystem, irgendwas was du brauchen könntest. Später dann größere Sachen - ein Forum, einen Blog mit Features (Kommentare, Ratings, ...).

Du wirst bei den Dingen dann wahrscheinlich anfangs mehr googlen wie arbeiten - aber genau so lernst du die Dinge. Es gibt gefühlt eine Milliarde Tutorials für HTML, CSS, jQuery, .... Im Endeffekt brauchst du nicht mal 5% davon - denn irgendwann ergeben die Dinge einen Sinn und du kannst dir Lösungen selbst "zusammenreimen". Dabei solltest du nicht vergessen, dass du nur dann weiterkommst, wenn du deine Lösungen in Frage stellst, überdenkst und verbesserst.

Ich an deiner Stelle würde mit einem Blogsystem anfangen:
- zuerst machst du mit HTML und CSS ein Layout, wie das alles aussehen soll.
- danach mit JS ein paar lustige Spielereien einbauen, muss ja nix tolles sein - aber ein paar "Toggles" oder Effekte reichen für den Lerneffekt
- wenn alles passabel aussieht (und konform ist: The W3C Markup Validation Service) kannst du dich an die Dynamik (Funktionalität) machen

Kurzum: einfach drauf los.

 

[Bullz]

wenn ich bekannte Seiten wie chip.de durch den w3c validation test jage bekommen die 1000 Fehlermeldung... warum ist das so ? Die Homepage funktioniert doch . Danke für den Tipp nebenher.

 

[pointX]

Schau dir auch mal die Neuerungen durch html5 und CSS3 an.
Und bei dem ganzen JS und Jquery-Zeug nicht vergessen, dass es Leute gibt, die JS standardmäßig deaktiviert haben.
Jquery ist für einige Sachen sehr nützlich, allerdings sollte m.M.n. die Grundfunktionalität einer Seite auch ohne JS gewährleistet sein.

Und zu den W3C Fehlermeldungen bei normalen Seiten:
- weil viele Webseiten mit Software erstellt werden, die für einfache Sachen viel "Müll" miteinbaut. Damit kommt man halt schnell zum Ziel, als alles neu aufzubauen
- weil man als Entwickler irgendwann resigniert und sich von 100% validem Code verabschiedet, damit die Seite in allen Browsern (vorallem < IE 8) "richtig" dargestellt wird
- weil auf validen Code keiner (also kein Kunde) Wert legt, wenn es doch auch so "funktioniert". Letztendlich muss es schnell fertig sein, gut aussehen und auch noch billig sein.

 

[nehalist]

Und bei dem ganzen JS und Jquery-Zeug nicht vergessen, dass es Leute gibt, die JS standardmäßig deaktiviert haben.
Jquery ist für einige Sachen sehr nützlich, allerdings sollte m.M.n. die Grundfunktionalität einer Seite auch ohne JS gewährleistet sein.

http://www.golem.de/news/firefox-23-beta-ohne-javascript-wirkt-das-web-kaputt-1306-100078.html
JS ist inzwischen essentieller Bestandteil von Webseiten. Wer es deaktiviert hat, hat - früher oder später - sowieso Pech... Webseiten oder Webapplikationen können ohne JS teilweise gar nicht mehr realisiert werden (ohne das sie nicht wirken, als wären sie aus 1992).

- weil auf validen Code keiner (also kein Kunde) Wert legt, wenn es doch auch so "funktioniert". Letztendlich muss es schnell fertig sein, gut aussehen und auch noch billig sein.

Nicht ganz richtig. Gibt schon Leute, die man mit dem Argument "w3c konform" zum Sabbern bringen kann.

 

[blutsucht]

wenn ich bekannte Seiten wie chip.de durch den w3c validation test jage bekommen die 1000 Fehlermeldung... warum ist das so ? Die Homepage funktioniert doch . Danke für den Tipp nebenher.

Das liegt daran, dass es einige Dinge gibt die im Standard (das Regelwerk nach dem w3c validiert) nicht vorgesehen sind oder entfernt wurden, unsere Browser aber trotzdem in der Lage sind zu verstehen was der Programmierer gemeint hat. Allerdings ist die Chance, dass ein Browser nicht so richtig versteht was er Darstellen soll geringer wenn sich der Author an den w3c Standard gehalten hat. Dafür sind Standards ja da.

Zum Beispiel sollen nach w3c keine Image-Tags ohne alt-Attribut eingesetzt werden. Korrekt wäre also <img src="Bild.jpg" alt="Ein tolles Bild" />
Den Browser stört es aber nicht wenn das Attribut fehlt <img src="Bild.jpg" /> wird genau so angezeigt.

Dann gibt es aber noch unterschiedliche Standards. Es gibt HTML4, XHTML, HTML(5). Als wäre das nicht genug können unterschiedliche HTML Versionen auch noch in unterschiedliche Dialekte unterteilt werden in denen dann unterschiedliche Dinge erlaubt oder verboten sind.
In XHTML 1.0 Strict ist es zum Beispiel nicht erlaubt Hyperlinks ein target-Attribut zu geben um Sie z.B. in einem neuen Fenster zu öffnen. Folgender Code ist also nicht erlaubt:
<a href="tolleSeite.html" target="_blank">Tolle Seite in neuem Fenster öffnen</a>
Der gleiche Code ist in XHTML 1.0 Transitional allerdings wieder erlaubt.

Du siehst da gibt es großen Huddel und deshalb gibt es auch kaum 100% valide Seiten. Grundsätzlich solltest du aber, gerade als Anfänger, darauf achten dass dein HTML Code valide bleibt. Das hilft dir zum einen besser die Sprache zu verstehen und zum anderen versteht dann auch jeder Browser was du möchtest. Du würdest ja auch keinem Engländer Deutsch beibringen indem du Bayrisch sprichst. Sicher fast alle Deutschen würden verstehen was man sagt, aber eben nicht alle.

Ich würde dir empfehlen dich an den XHTML 1.0 Transitional Standard zu halten, oder direkt mit HTML5 einsteigen.