Tage
Stunden
Minuten
Sekunden
🎉 Neujahr-Special 🎉 - 15% Rabatt - nur bis 10.01.2025 ⏰

Was kommt nach HTML? Ein Best-Practice für Anfänger

Irgendwann in deinem Leben hast Du sicherlich mal vorgehabt das Programmieren zu lernen.

Ob Du nun lernst zu coden, weil Du für eine große berufliche Veränderung bereit bist, eine völlig neue Karriere willst, als Freelancer für zusätzliches Geld arbeiten möchtest oder einfach nur etwas Neues zum Spaß lernen willst, ein paar Programmierkenntnisse zu erwerben, ist immer von Vorteil für Dich.

Mit HTML anzufangen ist dafür der ideale Einstieg für Anfänger. Aber was kommt als Nächstes? Bei so vielen Programmiersprachen fällt es vielen Neulingen schwer, den nächsten Schritt zu planen um die eigenen Ziele zu erreichen.

Du bist nicht allein: Diese Frage wird mir von Anfängern immer wieder gestellt. Im Folgenden habe ich mögliche Folgeschritte beschrieben, die für verschiedene Karrierepfade nützlich sind. Sie bieten Dir einen guten Start, wenn Du als Full-Stack-Entwickler in die Arbeitswelt einsteigen möchtest. Weiterhin sind die Skills auch nützlich, wenn Du im Journalismus, Marketing oder Projektmanagement arbeiten möchtest. Das kommt daher, weil diese Bereiche immer mehr nach Technikaffinität verlangen.

Was solltest Du nach HTML als nächstes lernen?

Wenn Du HTML gelernt hast, hast Du im Wesentlichen verstanden, wie Du Inhalte im Web hochlädst. Aber du schaust dir wahrscheinlich deine erste Website an und denkst, warum sie nicht so ausgefallen aussieht wie einige durchgestylte Websites, Online-Magazine sowie Blogs. Vielleicht fehlen Dir die interaktiven Funktionen?

Korrekt. Das liegt daran, dass du ein paar weitere Programmiersprachen in deiner Werkzeugkiste brauchst! Hier sind die Sprachen, die Du nachfolgenden lernen kannst, sortiert nach einer logischen Reihenfolge.

CSS/CSS3

Mit CSS kannst du diesen Inhalt verblüffend in Szene setzen und coole Animationen und Effekte hinzufügen. CSS ist im Grunde die Designsprache des Webs und das wesentliche Gegenstück zu HTML. HTML und CSS sind die ersten beiden Grundfertigkeiten, die du beherrschen solltest, und sie werden sich als praktisch erweisen, egal welchen Berufsweg du einschlägst.

Du kannst Frontend-Entwickler werden oder du kannst die Fähigkeiten im Online-Marketing. anwenden. Oder man könnte einen freiberufliche Side-Hustle (Nebengewerbe) am Wochenende führen und diese Fähigkeiten nutzen, um kleine Projekte für Kunden zu realisieren. Wenn Du dich für das Layouting und Design interessierst, kannst du hier mehr über CSS lernen.

JavaScript und jQuery

JavaScript ist die Programmiersprache, die Du nach dem Beherrschen von HTML und CSS lernen solltest. Es wird Dir ermöglichen, Deine statische HTML- und CSS-Website mit sämtlicher Interaktivität und nützlichen Funktionen auszustatten. Mit JavaScript kannst du alle Arten von Interaktionen durchführen.

jQuery ist eines der beliebtesten Frameworks für JavaScript und ermöglicht es Dir, Plugins zu verwenden, um Deiner statischen Website noch mehr Extras hinzuzufügen. Das Meistern von JavaScript und jQuery trennt die Spreu vom Weizen.


Kostenloser Crashkurs für Anfänger

Jetzt kostenlosen Crashkurs sichern (Online Programmieren, keine Installation nötig)

Dies ist der Moment, in dem die meisten Menschen, die lernen zu programmieren, von der Entwicklung entmutigt werden und ihre Karriere aufgeben. Ich verstehe das - JavaScript und jQuery nicht so leicht zu erlernen sind wie HTML.

Das kann dir das Gefühl geben, dass du einfach nicht dafür geschaffen bist. Ich habe mir JavaScript vor einigen Jahren selbst beigebracht. Von daher weiß ich, dass es machbar ist. Es dauert lange für den Einzelnen und wird immer besser: Du bist kein Außenseiter, wenn du JavaScript nicht in zwei Wochen meisterst. Durchhaltevermögen ist das Stichwort. Wenn Du HTML, CSS, JavaScript und jQuery durchgearbeitet hast und dich einigermaßen selbstbewusst im Umgang mit deinem Code fühlst, gehörst Du zu den Top 10% der Frontend-Entwickler (aus meiner subjektiven Sicht).

Konzepte und Techniken

Responsive Webdesign

Du wirst RWD als Teil deiner HTML/CSS-Fähigkeiten lernen wollen. Im Wesentlichen geht es bei Responsive Web Design darum, sicherzustellen, dass das, was du erstellst, geräteunabhängig ist und mit allen Browsern auf jedem Gerät funktioniert. Insbesondere bei Laptops, Tablets, Smartphones und allen anderen gängigen Geräten.

Agile und Scrum

Wenn Du in Design- oder Entwicklungsteams arbeiten möchtest, ist es eine gute Idee, Dich mit dem agilen Denken vertraut zu machen. Schau Dich zunächst im "Agile Manifesto" um. Im Anschluss kannst Du dir die Details von SCRUM anschauen. Zu verstehen, wie ein Projektablauf funktioniert und wie moderne Teams miteinander arbeiten, ist unerlässlich, wenn Du im Geschäftsleben aktiv werden möchtest.

Zusätzliche Fähigkeiten

Git und Github

Bei der Web-Entwicklung geht es darum, mit diversen Entwicklerteams zusammenzuarbeiten. Teams, die an den gleichen Projekten arbeiten, benötigen Funktionen für Versionskontrolle, Remote-Speicherung, Backup, Freigabe und Kommentierung.

Git und Github ermöglichen es dir, deinen Computer mit der Cloud zu verbinden, wo du deinen Code mit deinem Team teilen, zusammenarbeiten, kommentieren und Änderungen an deinen Projekten vornehmen kannst. Du kannst jederzeit auf alte Versionen zurückgreifen und alles wird durch ein Backup gesichert. Ich kenne Leute, die keinen Hauch von Quellcode kennen, aber Github aktiv für die Durchführung ihrer Projekte einsetzen. Github ist mittlerweile weltweit bekannt und verbreitet.

Bootstrap

Während du tiefer in die Entwicklung einsteigst, wirst du alles über Frameworks wie Angular, Ember und React erfahren. Frameworks sind Systeme, die Sprachen wie HTML, CSS und JavaScript verwenden, damit Sie alle Arten von mächtigen Websites und Applikationen erstellen und skalieren können.

Bootstrap ist das derzeit populärste Framework für den Aufbau responsiver, mobiler Websites. Es ist Open-Source und hat eine gute Community. Bootstrap wird in vielen populären Webapplikationen benutzt.

SASS und LESS

Sass und Less sind beides CSS-Präprozessoren, mit denen du deine Stylesheets vereinfachen und deine Website skalieren kannst. Mehr über Sass and Less kannst du hier erfahren.

Was ist der nächste logische Schritt?

Der Aufbau eines Portfolios von Projekten ist das Wichtigste, worauf du dich konzentrieren solltest, wenn du einen Job suchst. Wenn dein Portfolio nicht gut ist, kannst Du deine Fähigkeiten schwerer unter Beweis stellen. Mit einem durchdachten Programmier-Portfolio z.B. auf Github, schindest Du bei deinem nächsten Arbeitgeber oder Kunden mächtig Eindruck.

Programmierer-Crashkurs für Anfänger...kostenlos!
Baue echte Apps, ohne Vorwissen, ohne Installation!
toolbox 1
Email eintragen und sofort loslegen: