Im Internet gibt es viele freie verfügbare Quellen, damit man die ersten Schritte bei der Internetentwicklung gehen kann. Dabei ist hier jeder in seinem Lerntyp ein wenig unterschiedlich. Der eine nutzt lieber ausgedrucktes in einem Buch und der andere schaut sich einfach ein Youtube Video zu dem Thema an. Ein wahres Highlight für die ersten Schritte der Webentwicklung hält dabei Codecademy bereit. Es handelt sich hierbei um ein interaktives HTML Tutorial. Man klickt sich hierbei durch die einzelnen Kapitel.
Auf der linken Seite wird jeweils der Inhalt des Kapitels und die Aufgabenstellung erläutert , auf der rechten Seite muss man dann selber in einem Webeditor ausprobieren, wie alles geht. Dabei ist schon Beispiel Quellcode vorgegeben, den man einfach erweitern kann.
Der große Vorteil von diesem online HTML Tutorial ist das Fehler im Quellcode von der Software erkannt werden und der User eine sehr aussagekräftige Fehlermeldung mit einer Lösungshilfe bekommt. Das ist wesentlich besser und innovativer, als wenn man alleine mit einem HTML Editor und einem Browser kämpft. Die einzelnen Kapitel sind dabei kurzweilig hintereinander aufgebaut. Der Einsteiger erhält einen schnellen Überblick über die Funktionsweise von HTML.
Die HTML Tutorial Kapitel im einzelnen sind
- HTML Aufbau Und Funktionsweise Mit Absätzen
- Das erste eigene HTML Gerüst
- Überschriften
- Links
- Bilder
- Kombination von Bildern und Links
- Wie geht es weiter
Das gute an diesem interaktiven HTML Tutorial ist das es für jedes neue Kapitel ein einfaches und anschauliches HTML Beispiel gibt. Zusätzlich bekommt man auch eine schnelle Beispiel Hilfe. Die zeigen den richtigen HTML Code. Als User wird man dabei die ganze Zeit unterstützt und bleibt so bei seinen ersten Schritten nicht allein. Nachdem man erfolgreich durch dieses erste Tutorial gegangen ist kann man in den Praxistest.
Dieses Tutorial richtet sich vor allem an User die noch nichts mit dem Thema zu tun gehabt haben und einfach einmal einsteigen wollen. Es ist dabei sehr nett aufgebaut und mit schnellen Ergebnissen hält es einen User bei Laune.
Weiterführende Links:
Das online HTML Tutorial
http://www.codecademy.com/courses/html-one-o-one/
Der HTML Praxistest
http://www.codecademy.com/courses/week-3-html-project/0#!/exercises/0