[Sammelthread] Websprachen-Tutorials

[PseudoPsycho]

Da häufig nachgefragt wird, wo man gute Tutorials für Websprachen finden kann, hier ein Sammelthread für eben solche.
Wenn euch weitere einfallen, könnt ihr sie gerne posten, damit ich sie in die Liste aufnehmen kann.

Since there are many questions on where to find good tutorials for web development I choosed to start a new thread about it. Post your tutorial if you know another one.

Auszeichnungssprachen / Markup languages
Auszeichnungssprachen strukturieren Webdokumente und machen sie für Menschen und/oder Maschinen lesbar.
Markup languages structure web documents and make them readable for humans and/or robots.

 Spoiler

(X)HTML
HTML steht für Hypertext Markup Language und ist eine Auszeichnungssprache, mit welcher Webseiten strukturiert und aufgebaut werden.
HTML stands for Hypertext Markup Language and is a markup language which is used to structure and establish websites.

 Spoiler

• 
• ()
• 

XML
XML steht für Extensible Markup Language ist eine Auszeichnungssprache, welche sowohl menschen- wie auch maschinenlesbar sein soll. XML wird u.a. für Feeds und Sitemaps verwendet.
XML stands for Extensible Markup Language and is a markup language which is readable by humans and robots. As an examlpe: It is used for creating feeds and sitemaps.

 Spoiler

• 
• 
• 
• 

CSS
CSS steht für Cascading Style Sheets und ist eine Designsprache, mit welcher man HTML-Dateien gestalten kann.
CSS stands for Cascading Style Sheets and is a design language which is used to style HTML-files.

 Spoiler

• 
• 
• 

Clientseitige Skriptsprachen / client-sided script languages
Clientseitige Skriptsprachen werden verwendet, um eine geladene Seite zu verändern und auf Nutzerinteraktionen zu reagieren.
Client-sided languages are used to manipulate an already loaded page and to react to the user's interations with the page.

 Spoiler

JavaScript (recommended)
JavaScript (JS) ist die beliebteste clientseitige Skriptsprache. Mit dieser lassen sich dynamische Inhalte innerhalb von HTML-Dateien erstellen und mit modernen API's sogar 3D-Grafiken darstellen.
JavaScript (JS) is a script language on the client side which is used to create dynamic contents within HTML-files from asynchronous loaded texts to 3D rendered graphics using modern technologies.

 Spoiler

JavaScript allgemein / JavaScript in general

 Spoiler

• 
• 
• 
• 
• (en)

jQuery
jQuery ist ein JavaScript-Framework, welches die DOM-Manipulation vereinfacht.
jQuery is a JavaScript framework which simplifies DOM manipulation.

 Spoiler

• (en)
• 
• (en)

CoffeeScript
CoffeeScript ist eine Bibliothek, die eine alternative Schreibweise für JS ermöglicht. Der CoffeeScript-Code wird dann automatisch in JavaScript umgewandelt.
CoffeeScript is a library which allows an alternative notation of JS-code. The script will be compiled into JavaScript automatically.

 Spoiler

• (en)
• 

Google Dart

 Spoiler

• 

Serverseitige Sprachen / server-sided languages
Serverseitige Sprachen werden verwendet, um dynamische Webinhalte zur Verfügung zu stellen.
Server-sided languages are used to create dynamic contents.

 Spoiler

PHP
PHP steht für PHP Hypertext Preprocessor und ist eine serverseitige Skriptsprache, bzw. Programmiersprache (da gehen die Meinungen auseinander), mit welcher man u.a. Nutzereingaben verarbeiten und speichern kann.
PHP stands for PHP Hypertext Preprocessor and is a server-sided script language which is used to process or save user based content.

 Spoiler

PHP allgemein / PHP in general

 Spoiler

• 
• 
• 
• 
• 
• 

MySQLi und MySQL-Extension
MySQLi als Nachfolger der alten MySQL-Extension stellt eine Schnittstelle zwischen PHP und einer MySQL-Datenbank dar.
MySQLi is the replacement for the obsolete MySQL extension and acts a an interface between PHP an a MySQL database.

 Spoiler

• 
• 
• (en)

PDO
PDO steht für PHP Data Objects und erweitert PHP um Zugriff auf verschiedene Datenbank-Systeme.
PDO stands for PHP Data Objects and extends PHP with access on different database systems.

 Spoiler

• 

node.js
node.js wurde als serverseitiges JavaScript-Programm entwickelt, welches zugleich Server und Skriptsprache darstellt. Je nach Anwendungsbereich macht es Sinn, entweder PHP oder node.js zu verwenden. node.js bietet sich besonders bei Echtzeit-Anwendungen an.
node.js was introduced as a server-sided JavaScript program which is used as a server and a script language at the same time. Node.js is especially useful within realtime applications.

 Spoiler

• (en)
• 

Python

 Spoiler

• (de)
• (en)

Python frameworks

 Spoiler

• (en)
• (en)

Ruby on Rails

 Spoiler

• (en & de)
• (en)
• (en)
• (en)

Lua

 Spoiler

Lua allgemein / Lua in general

 Spoiler

• (de)
• (en)
• (en)

Lua Erweiterungen & Bibliotheken / Lua extensions and libraries

 Spoiler

• 

SQL
SQL ist eine Datenbanksprache, mit welcher Daten in Tabellen gespeichert werden können.
SQL is a database language which is used to fill tables with data.

 Spoiler

• 
• 

Sonstiges / miscellanous

 Spoiler

Gemischte Tutorialseiten / mixed tutorial pages

 Spoiler

• (en)

W3C-Validatoren / W3c validators
Nutze diese Tools, um deinen HTML oder CSS-Code auf Fehler zu überprüfen.
Use this tools to check your HTML and CSS code.

 Spoiler

• 
• 

Serverkonfigurationsdateien / server configuration files (.htaccess, etc.)
.htaccess dient der Steuerung eines Apache-Servers innerhalb spezifischer Ordner. Damit lassen sich beispielsweise Passwortschutz oder Weiterleitungen einrichten.
.htaccess is used to control an Apache server within a specific directory. You are able to create password protected areas or header redirections with this technology.

 Spoiler

• (en)
• 
• 
• 

Weitere Referenzen / other credentials

 Spoiler

• (en & de)
• 
• 
• 

[StylezZxDmg]

Hier kann man PHP, JavaScript, jQuery, Html & CSS, Python, Ruby und noch ein paar sachen mehr in Tutorialform durcharbeiten. Vieles davon ist zwar auf Englisch, dannoch is die Seite sehr gut zum lernen. Man arbeitet sich in den jeweiligen Kategorien von den Grundsachen nach oben. Man muss Lektionen praktisch bearbeiten und behält vieles somit besser im Kopf. Kann diese Seite sehr empfehlen.

vielleicht könnte man es auch noch bisschen aufteilen, für wen die Tutorials geeignet sind. (Anfänger, Fortgeschrittene)

mfg. StylezZxDmg

[boxxiebabee]

Solange w3schools in der Liste ist, auf keinen Fall.
->
Ansonsten ganz nett.

[Synatex]

Lol.. W3Schools ist mittlerweile so groß und bietet eine sehr gute Dokumentation über HTML und CSS an. Wenn in der Fülle der Informationen mal 10-20 Sachen falsch sind, ist das noch lange kein Grund die Seite als so dumm darzustellen. Ich kenne keine vergleichbare Ressource die wirklich alles auf einmal liefert, man muss sich immer durch unterschiedliche Seiten schlagen.

[Mikesch01]

PHP OOP von Peter Kropff ->

[Newbielein]

Vieleicht wäre es noch sinnvoll zu den Sprachen eine Kurzbeschreibung zu schreiben?
Eventuell welche Sprache, welche Möglichkeiten hat?
Vieleicht wie schwer die Sprache gemessen an anderen ist?

Halt damit man, wenn man sich als totaler Neuling dazu entscheidet, dass man etwas in der Richtung erlernen möchte, anhand dieses Topics auch entscheiden kann womit man anfängt und welche Sprachen überhaupt für einen relevant werden.

Ist nur so ne Idee

[PseudoPsycho]

Originally Posted by Newbielein

Vieleicht wäre es noch sinnvoll zu den Sprachen eine Kurzbeschreibung zu schreiben?
Eventuell welche Sprache, welche Möglichkeiten hat?

Hab's zumindest mal grob skizziert...

Vieleicht wie schwer die Sprache gemessen an anderen ist?

Naja, hängt von der Person ab. Ich persönlich finde CSS z.B. deutlich schwerer als PHP. Die meisten Designer sehen das anders

[Synatex]

Da haste aber auch 2 Sprachen gewählt.. Ich kann mich auch nicht entscheiden ob Äpfel oder Bananen besser schmecken, oh stimmt ja, sind ja gar nicht die gleichen Obstsorten!

Bei CSS3 hast du mittlerweile etwas Logik, alles andere darunter gar keine. Sowas kannst du auch nicht vergleichen. Vom Schwierigkeitsgrad her liegt CSS bei ~ 5% im Vergleich zu Script- oder Programmiersprachen da du einfach nur einigermaßen räumliches Denken brauchst und die Befehle auswendig drauf haben musst.

[PseudoPsycho]

Hab' mal entsprechend Galileo Computing mit in die Liste unter >Sonstiges< aufgenommen.

[マルコ]

Originally Posted by boxxiebabee

Solange w3schools in der Liste ist, auf keinen Fall.
->
Ansonsten ganz nett.

Ich persönlich würde vorschlagen, w3fools ebenfalls als weiterführende Ressource aufzunehmen.
w3schools + w3fools ist wahrscheinlich die beste und vollständigste Möglichkeit, aus dem Internet zu lernen.

Außerdem was ist mit Perl? Auch mit Perl können Websites gemacht werden. Perl ist immernoch die führende Sprache, um Verwaltungstools zu erstellen. Zum Beispiel zur Hardwareverwaltung auf Unix Servern (z.B. NappIt), oder auch zum Verwalten von Code Management Systemen in Ticketing Tools (s. z.B. RT)

Python wird für letzteres auch gerne verwendet, wo ist also Python? Z.B. Trac basiert auf Python

Perl Tuts gibts auch auf SelfHTML.

Und unter keinen Umständen sollte in dieser Liste die komerzielle Lösung, ASP(X).NET fehlen! Auch hier in der Community gibt es Leute mit Windows Servern, die diese Technologie einsetzen.

Zu Datenbanken: Hier fehlen Resourcen für SQLite, Postgre, OracleDB (es gibt hier auch eine kostenlose Variante). Auch MongoDB würde ich nicht verschweigen.

Als nächstes würde ich gerne die JS Frameworks Prototype und Dojo, evtl. auch ExtJS ansprechen. Wieso sind die nicht aufgelistet?
Tutorials und Doku gibt es auf den offiziellen Seiten.

Wenn du nun aber JS Frameworks hier auflistest, dann solltest du auch PHP Frameworks anführen! CakePHP zum Beispiel. CodeIgniter. Zend. Und viele mehr!

Und das war noch lange nicht das Ende. Es gibt inzwischen eine Technologie namens WebGL. Auch diese gehört zum Web Development dazu. Und hier gibt es einige Grafik Engines, Physics Engines, Sound Engines,...

Nicht zu vergessen ältere Technologien wie Flash.
Und natürlich Java. Java sieht man auch hier und da auf Websites.

Nja, schließlich fällt mir noch auf, dass du zwar für htaccess Tutss anbietest, aber was ist, wenn ich NGINX verwende? Wie wäre es mit Tutorials hierfür?

Leider kann ich keine Ressourcen empfehlen, außer den offiziellen Seiten. An deiner Stelle würde ich deshalb zumindest die aufnehmen. Oder eine leere Kategorie anlegen - der Vollständigkeit halber.

PS.: RSS und ATOM.... sollten auch in die Liste!

[MrPuschel]

Ich persönlich würde vorschlagen, w3fools ebenfalls als weiterführende Ressource aufzunehmen.
w3schools + w3fools ist wahrscheinlich die beste und vollständigste Möglichkeit, aus dem Internet zu lernen.

Das musst du etwas genauer ausführen.

[マルコ]

Originally Posted by MrPuschel

Das musst du etwas genauer ausführen.

Was soll ich da genauer ausführen. Lies beides. Dann weißt du relativ viel Wissen richtig.

[MrPuschel]

Originally Posted by マルコ

Was soll ich da genauer ausführen. Lies beides. Dann weißt du relativ viel Wissen richtig.

Das ist trotzdem kein Argument für w3schools. Es ist falsch einem Lernenden zu sagen er solle sich etwas durchlesen. Das könnte zwar falsch sein, aber er könne es ja woanders nochmal nachlesen. Ich habe w3schools auch oft genug als Referenz besucht, aber ich weis in der Regel was ich möchte. Ein Anfänger weis das nicht. Und deshalb sollte man ihn keinesfalls zu w3schools schicken.

[マルコ]

Originally Posted by MrPuschel

Das ist trotzdem kein Argument für w3schools. Es ist falsch einem Lernenden zu sagen er solle sich etwas durchlesen. Das könnte zwar falsch sein, aber er könne es ja woanders nochmal nachlesen. Ich habe w3schools auch oft genug als Referenz besucht, aber ich weis in der Regel was ich möchte. Ein Anfänger weis das nicht. Und deshalb sollte man ihn keinesfalls zu w3schools schicken.

w3schools ist großteils richtig. Aber natürlich hast du Recht.
Aber alleine zur Vollständigkeit würde ich es aufschreiben.

Evtl sollte man eine Unterscheidung machen... gut für Anfänger und gut als Referenz.

[Der-Eddy]

Bevor man im Titel sagt dass das Thema angeheftet gehört sollte man lieber eine Englische Übersetzung einfügen