In einem kurzen Interview anl\u00e4sslich des 5. Geburtstags der Codingschule habe ich ein paar Fragen beantwortet bez\u00fcglich Webentwicklung. Die Frage danach, welche F\u00e4higkeiten f\u00fcr die Webentwicklung notwendig sind, konnte ich nat\u00fcrlich nicht in all der Bandbreite beantworten, daher gibt es hier einen ausf\u00fchrlichen Leitfaden:<\/p>\n
Wer denkt, dass Web Development nur aus Code besteht, liegt falsch! Webentwicklung erfordert genauso viel Kreativit\u00e4t wie technisches Know-how. Webseiten, die nicht ansprechend gestaltet sind, wirken schnell veraltet.\u00a0<\/span><\/p>\n Als Webentwicklerin frage ich meine Kunden oft, welche Webseiten ihnen gefallen und was sie sich f\u00fcr ihre eigene Seite w\u00fcnschen. H\u00e4ufig entwickeln sie w\u00e4hrend des Prozesses auch eine Corporate Identity, die sich auf ihrer Website widerspiegelt.<\/span><\/p>\n Ein Gesp\u00fcr f\u00fcr Farben, Formen und Struktur ist daher essenziell. Die Zusammenarbeit mit Designern kann hilfreich sein, doch auch als Entwicklerin sollte man zumindest ein grundlegendes Verst\u00e4ndnis f\u00fcr UI\/UX und gestalterische Elemente haben. Das Ziel ist es immer, eine kreative L\u00f6sung zu finden, sei es bei der Gestaltung oder in der technischen Umsetzung.<\/span><\/p>\n Die absoluten Grundlagen f\u00fcr jede Webentwickler*in sind HTML und CSS. Diese beiden Sprachen sind das Fundament jeder Webseite.<\/span><\/p>\n Tipp:<\/strong> \u00d6ffne eine Webseite deiner Wahl, klicke mit rechter Maustaste auf ein Element und w\u00e4hle “Element untersuchen”. Es \u00f6ffnen sich dann die Entwicklungs Werkzeuge (Developer Tools) des Browsers und du kannst im Browser mit dem CSS “spielen”, also zum Beispiel Farben und Abst\u00e4nde \u00e4ndern, und dir live anschauen, wie sich das Element ver\u00e4ndert!<\/p>\n<\/div>\n F\u00fcr Einsteiger sind Tutorials wie die von <\/span>W3Schools<\/span><\/a> oder <\/span>freecodecamp<\/span><\/a> ideal.\u00a0<\/span>Wenn du lieber in einer Gruppe lernen m\u00f6chtest, kannst du zum Beispiel den Web Basics Kurs der Codingschule<\/a><\/strong> buchen.<\/p>\n Da inzwischen fast 80 % der Webseiten \u00fcber mobile Endger\u00e4te aufgerufen werden, ist es unerl\u00e4sslich, dass Webseiten responsive sind. Das bedeutet, dass sie auf allen Bildschirmgr\u00f6\u00dfen, von Smartphones bis hin zu Desktop-Monitoren, gut aussehen und funktionieren.<\/span><\/p>\n Webentwickler sollten immer testen, wie ihre Seite auf verschiedenen Ger\u00e4ten aussieht. Viele Browser bieten Entwickler-Tools, mit denen sich verschiedene Bildschirmgr\u00f6\u00dfen simulieren lassen, um so schnell Optimierungspotenziale zu erkennen.<\/span><\/p>\n JavaScript<\/a> ist eine der wichtigsten Programmiersprachen f\u00fcr dynamische Webseiten. Mit JavaScript l\u00e4sst sich weit mehr als nur statischer HTML- und CSS-Code umsetzen: Animationen, Interaktionen und komplexe Logik k\u00f6nnen integriert werden. Fr\u00fcher wurden Animationen oft mit Flash erstellt, heute setzt man dazu fast ausschlie\u00dflich JavaScript ein. F\u00fcr Webentwickler*innen ist es unerl\u00e4sslich, die Grundlagen von JavaScript zu beherrschen.<\/span><\/p>\n TypeScript<\/b><\/a> geht noch einen Schritt weiter. Es ist eine auf JavaScript aufbauende Sprache, die es Entwicklern erm\u00f6glicht, typen sicheren Code zu schreiben. W\u00e4hrend JavaScript flexibel und dynamisch ist, gibt TypeScript Entwicklern die M\u00f6glichkeit, den Code pr\u00e4ziser zu definieren. Durch die Typsicherheit lassen sich viele Fehlerquellen bereits w\u00e4hrend des Schreibens vermeiden, was besonders in gr\u00f6\u00dferen Projekten von Vorteil ist.<\/span><\/p>\n Ein weiteres Plus von TypeScript ist, dass es gut mit modernen Frameworks wie Angular und React harmoniert. Wer JavaScript schon kennt, wird TypeScript schnell lernen und von den zus\u00e4tzlichen M\u00f6glichkeiten profitieren.<\/span><\/p>\n Auch wenn Datenbanken oft eher als Backend-Thema angesehen werden, ist es f\u00fcr Webentwickler*innen wichtig, zumindest <\/span>Grundkenntnisse in MySQL<\/a><\/b> und in der Arbeit mit relationalen Datenbanken zu besitzen. Gerade im Zusammenhang mit dynamischen Webseiten ist es hilfreich zu verstehen, wie Daten gespeichert, abgefragt und verwaltet werden.<\/span><\/p>\n Eine weitere unverzichtbare F\u00e4higkeit in der Webentwicklung ist der Umgang mit <\/span>Git<\/b> und Versionskontrollsystemen. Git erm\u00f6glicht es Entwicklern, den Code zu verwalten, \u00c4nderungen nachzuverfolgen und mit anderen Entwicklern effektiv zusammenzuarbeiten.<\/span><\/p>\n Gratulation! Du hast die ersten Schritte geschafft, kannst jetzt Webseiten selbst erstellen und wei\u00dft, worauf es ankommt. Jetzt beginnt aber erst die wirklich spannende Phase! Technik entwickelt sich nunmal st\u00e4ndig weiter, es kommen neue Funktionen dazu, andere fallen weg oder werden durch bessere ersetzt. Als Webentwicklerin lernst du niemals aus. Es gibt st\u00e4ndig etwas Neues zu lernen und genau das ist das Spannende an diesem Job!<\/p>\n Die wichtigste F\u00e4higkeit, die du also als Webentwicklerin brauchst ist, dich st\u00e4ndig weiter entwickeln zu wollen. Dabei kannst du bei jedem neuen Projekt etwas dazu lernen – “learning by doing”. Es gibt kaum eine Zeile Code, die nicht schon einmal von irgendwem geschrieben wurde. Recherchiere einfach nach Beispielen (Stackoverflow oder Github\/Gist ist da sehr hilfreich) oder unterhalte dich mit anderen Entwicklern \u00fcber deine aktuelle Problemstellung. Was du aber nicht tun solltest, ist stumpfes abschreiben und kopieren ohne den Code zu verstehen!<\/p>\n2. HTML & CSS<\/h2>\n
\n
3. Mobile-first, responsive Design<\/b><\/h2>\n
4. JavaScript & TypeScript<\/b><\/h2>\n
5. MySQL und Datenbank-Kenntnisse<\/b><\/h2>\n
\n
6. Git und Versionskontrolle<\/b><\/h2>\n
\n
4. Lernen, weiter lernen und noch mehr lernen!<\/h2>\n
Beispiele, was du aufbauend lernen kannst:<\/h4>\n
\n