Lernleitfäden und Webseiten

Als Lernleitfäden oder Tutorial bezeichnet man Webseiten, die strukturiert Inhalte vermitteln. Dabei liegt die Qualität oft in der Art, wie Lernende zum Selbstlernen aktiviert werden. Ein gutes Tutorial zeigt an einem klar umrissenen Problem, wie es gelöst werden kann.

Tutorials sind oft auch als Blogbeiträge zu finden, im Folgenden sind komplexere Konstrukte zusammengestellt.

HTML und CSS allgemein

• https://www.html-seminar.de/einsteiger.htm | Tipp!, erklärende Texte, Codebeispiele, Projekte
• http://learn.shayhowe.com/html-css/ | Tipp!, erklärende Texte, Codebeispiele, in Form eines Kurses.
• https://developer.mozilla.org/de/Learn | Die Mozilla Foundation engagiert sich für ein offenes und freies Web. Sie betreibt daher auch eine große mehrsprachige Website zu den Themen des Webs. Für den Einstieg ist besonders die Unterseite Learning the Web zu empfehlen.
• http://www.afterhoursprogramming.com/tutorial/HTML/Introduction/ | Erklärende Texte, Codebeispiele, Testoberfläche

Layout

• http://de.learnlayout.com/ | Tipp!, ganz hervorragende Seite in Form eines kleinschrittigen Tutorials. Das Box-Modell wird dort auf sehr verständliche Weise erklärt. Auch die etwas trickreiche Positionierung mit float wird besprochen. Was fehlt, ist die neue Layouttechnik mit Flexbox.
• http://learn.shayhowe.com/html-css/positioning-content/ | Sehr gute und ausführliche Einführung in die Positionierung von Inhalten mit float.

Listen, Menüs und Navigationen

• Listamatic | Tipp!, systematisches Onlinetutorial zur Gestaltung von Listen als Menüs und Navigationselemente. Veraltet, in den Grundlagen der Formatierung von HTML-Listen immer noch gültig.
• CSS Navigation Bar | Erstellung horizontaler und vertikaler Navigationsleisten mit CSS

Nur CSS

• http://www.westciv.com/style_master/academy/css_tutorial/
• http://www.cssbasics.com/
• http://www.vogella.com/tutorials/CSS/article.html
• http://html.net/tutorials/css/

Python mit dem Fokus auf Webdevelopment

• https://www.fullstackpython.com/ Tipp!, sehr gute Übersicht allgemeiner Entwicklungsansätze und Differenzierung bekannter Frameworks wie Django und Flask
• http://www.python-kurs.eu/python3_kurs.php | guter deutschsprachiger Kurs mit großem Tiefgang. Kann eine gute Ergänzung zu Büchern oder Videos sein.