Ressourcen
Zum Weiterentwickeln nach dem Workshop findest du hier eine Übersicht über die verwendeten Tools sowie weiterführende Anleitungen und Nachschlagewerke rund um die Webentwicklung.
Tools aus dem Workshop
- Git ist die in der Programmier-Community wahrscheinlich am weitesten verbreitete Software zur Versionsverwaltung. Sie lässt sich aber nicht nur mit Quelltext verwenden. Viele Menschen verwenden sie auch, um wissenschaftliche Aufsätze, Dokumentationen (oder auch Einkaufslisten) zu versionieren. Wer einmal mit ProgramiererInnen zusammenarbeitet, wird mit hoher Wahrscheinlichkeit auch in Kontakt mit Git kommen.
- GitHub ist ein soziales Netzwerk – aber für die Zusammenarbeit an Quelltext. Über eine einfache Webanwendung stellt GitHub viele praktische Kollaborationstools bereit, die die gemeinsame Arbeit an mit Git verwalteten Softwareprojekten vereinfachen.
- Die Firefox Developer Tools und die Chrome Developer Tools sind in jeder aktuellen Firefox- und Chrome-Version enthalten. Die Developer Tools sind ein unerlässliches Werkzeug bei der Entwicklung von Webseiten und Webanwendungen. Sie ermöglichen es u. a., den Quelltext von Webseiten und alle Dateien, die eine Webseite lädt, einzusehen, den Quelltext zu ändern und die Auswirkungen der Änderungen zu beobachten, Webanwendungen in verschiedenen Displaygrößen zu testen, Fehler in Javascript-Programmen zu finden und vieles mehr.
- SublimeText ist der im Workshop verwendete Text-Editor. Sublime Text bringt hilfreiche Tools für zahlreiche Programmiersprachen (darunter HTML, CSS und JavaScript) mit und sorgt damit für mehr Effizienz und weniger Fehler beim Programmieren.
Zum Weiterlernen
- Scratch ist eine besondere Programmiersprache. Die meisten Sprachen – so auch HTML, CSS und JavaScript – sind textbasiert. Scratch hingegen ist eine visuelle Programmiersprache. Mit der Maus können einzelne Programmbausteine in eine Reihenfolge gebracht werden. Das erleichtert das Kennenlernen grundlegender Programmierkonzepte, ohne dabei auf Feinheit wie die genaue Syntax einer Programmiersprache achten zu müssen. Scratch wird vom MIT entwickelt und kann auf dessen Webseite direkt im Browser verwendet werden.
- Der WDR entwickelt das auf Scratch basierende Lerntool „Programmieren mit der Maus”. (Macht auch für Erwachsene Spaß!)
- Mozilla, das Unternehmen, das den Firefox-Browser entwickelt, hat nicht nur für viele Webtechnologien eine umfangreiche Referenz zusammengestellt, sondern bietet für Einsteiger auch ein Tutorial an, das Schritt für Schritt und mit interaktiven Beispielen in die Details einführt: Getting started with the web.
- Ebenfalls von Mozilla stammt die Referenz für Web-Technologien. Hier finden sich für jeden HTML-Tag, für jede CSS-Eigenschaft und jede JavaScript-Funktion genaue Erklärungen und meist auch mehrere Beispiele.
- Der CSS Zen Garden zeigt, warum es so schlau ist, Inhalt/Semantik und Gestaltung zu trennen. Das Projekt versammelt eine Reihe von ganz unterschiedlichen Layouts. Der Cloud: Jedes dieser Layouts basiert auf dem gleichen HTML-Code. Die unterschiedliche Gestaltung wird lediglich durch anderen CSS-Code erreicht.