Zwischen Dutzenden von Lernplattformen, hunderten von Blogs und YouTube gibt es eine endlose Anzahl von Webdesign-Kursen und Lernmaterialien, die online verfügbar sind.

Aber es ist nicht alles von der gleichen Qualität. Wenn du am falschen Ort anfängst, verschwendest du am Ende deine Zeit und dein Geld.

Wir haben das Internet nach den besten und aktuellsten Webdesign-Kursen durchsucht, sowohl kostenlose als auch kostenpflichtige, und eine Auswahlliste mit den besten Optionen zusammengestellt.

Wenn es also nicht dein Ding ist, jeden Morgen ins Büro zu pendeln und jeden Tag auf dem Heimweg durch den Nachmittagsstress zu müssen, lies weiter.

Wir decken alle Kurse ab, die du brauchst, um deine neue Karriere als Webdesigner zu starten.

Welche Qualifikationen sind nötig, um Webdesigner zu werden?

Im Webdesign haben traditionelle harte Qualifikationen wie Universitätsabschlüsse nicht so viel Gewicht wie in anderen Branchen.

Es ist eine sich schnell verändernde Industrie, also bedeutet ein 10 Jahre alter Abschluss noch lange nicht, dass du heute ein großartiger Webdesigner bist.

Stattdessen werden Webdesigner typischerweise anhand ihrer Referenzen beurteilt, die auf ihrer Webseite präsentiert werden.

Und es sind nicht nur die früheren Projekte in deinem Portfolio, die deine Fähigkeiten hervorheben.

Mit der Webseite selbst kannst du potenzielle Kunden davon überzeugen, dass du über die nötigen Design- und Entwicklungsfähigkeiten verfügst.

Um dich von echten Portfolio-Seiten inspirieren zu lassen, die topaktuelle Elemente des Frontend-Designs und der Entwicklung verwenden, kannst du frühere preisgekrönte Projekte auf Awwwards ansehen.

Awwwwards Portfolio Webseiten
Awwwwards Portfolio Webseiten

Sieh dir an, wie jeder Designer Typografie, Weißraum, Animationen, Icons und andere Designelemente nutzt, um das Beste aus sich herauszuholen.Du kannst auch in anderen kreativen Communities wie Dribble oder Behance Inspiration finden.

Meistere die notwendigen Tools und Soft Skills für den Erfolg

Fangen wir damit an, einen Blick auf einige der Tools zu werfen, die du vielleicht benutzen wirst.

  • Grundlegende Tools zur Illustration und Fotobearbeitung: Illustrator, Photoshop, Skizze oder GIMP.
  • Tools für Interaktionsdesign: Adobe XD oder Invision Studio.
  • Lokale Entwicklungsumgebung (wenn du Prototypen entwickelst oder mit einem CMS arbeitest): DesktopServer, XAMPP, etc. (Lerne, wie man WordPress lokal installiert, um neue Designs zu testen)

Es gibt auch eine Reihe von beliebten Frameworks und CSS, die dir helfen können, dich hervorzuheben.

  • Animationsbausätze:css, Bounce.js und mehr.
  • jQuery-Bibliotheken und Plugins: Lazy Loading, Parallaxen-Scrollen und mehr.
  • Vertrautheit mit Bootstrap, React und anderen beliebten Frameworks für die Frontend-Entwicklung ist entscheidend.
  • Kenntnisse in WordPress und wie man ein Template erstellt, können auch ein wichtiges Verkaufsargument für potenzielle Kunden sein, die mit dem CMS

Du wirst auch eine Reihe von Soft Skills benötigen, wenn du Erfolg haben willst.

  • Ein Verständnis der Verbraucherpsychologie und des menschlichen Verhaltens auf Webseiten. Zu den grundlegenden Konzepten gehören die Entscheidungslähmung, der Wert des sozialen Beweises und die Farbpsychologie.
  • Als Freiberufler musst du lernen, wie man Preise für Projekte festlegt und grundlegende Verhandlungstaktiken anwendet.
  • Du musst auch lernen, wie man Angebote erstellt und einen Kunden an Land zieht. Dies ist eine wertvolle Fähigkeit, sogar innerhalb einer Agentur oder Firma.

Die 20 besten Online-Webdesign-Kurse (kostenlos vs. kostenpflichtig)

Im Folgenden werden wir einige der besten Online-Kurse für Webdesign hervorheben, die sowohl als kostenlose als auch als kostenpflichtige Ressourcen verfügbar sind.

Damit du schneller findest, was du suchst, haben wir sie in die folgenden Kategorien unterteilt.

Kostenlose Online-Videokurse für Webdesign

Wenn du es vorziehst, durch Videos zu lernen, mit jemandem, der dich durch den neuen Code oder die neue Technik führt, gibt es viele kostenlose Optionen online.

1. WebFlow University: Ultimate Web Design Course

WebFlow University Web-Design Kurs
WebFlow University Web-Design Kurs

Ultimate Web Design Kurs ist ein kostenloser Kurs, der von der WebFlow University angeboten wird, einer Online-Lernplattform, die von dem CMS und Design Tool WebFlow gehostet und entwickelt wird.

Es beinhaltet über 5 Stunden Video-Lektionen und ist eine großartige Einleitung in alle Dinge des Webdesigns.

Die Themen:

  • HTML & CSS-Grundlagen
  • Web-Struktur
  • Schaltflächen
  • Typografie
  • Medienelemente
  • Bestandteile
  • Styling-Grundlagen
  • Layout-Grundlagen
  • Erweiterte Layouts
  • Responsives Design
  • CMS & dynamische Inhalte
  • SEO

Länge: 5 Stunden (des Videos)

Zertifikate: Nicht verfügbar

Vorteile:

  • Aktuelle, topaktuelle Einleitung zum Webdesign.
  • Einfach zu befolgende Anweisungen.
  • Über 5 Stunden Videoinhalt (viel länger, wenn du mitmachst).

Nachteile:

  • Obwohl es ein guter Crashkurs ist, gibt es dir nicht das beste Grundverständnis für alle Konzepte.

2. BYOL: Beginner Web Design Using HTML5, CSS3 & Visual Studio Code

Anfängerkurs Webdesign
Anfängerkurs Webdesign

Webdesigner und YouTuber Bring Your Own Laptop hat einen kostenlosen 4-stündigen Kurs mit dem Titel Beginner Web Design using HTML5, CSS3 & Visual Studio Code erstellt.

Das Format ist ein einzelnes 4-Stunden-Video auf YouTube, komplett mit einem Bündel von Übungsdateien, die kostenlos heruntergeladen werden können.

Während des Kurses lernst du, wie man drei verschiedene Webseiten mit zunehmender Komplexität und Schwierigkeitsgrad erstellt und schließlich, wie du deine Webseite responsiv machen kannst.

Die Themen:

  • HTML & CSS-Grundlagen
  • Kopf und HTML-Tags
  • CSS-Klassen
  • Webstruktur und Verschachtelung
  • Medienelemente
  • Externes CSS
  • Teste deine Webseite
  • Styling-Grundlagen
  • Layout-Grundlagen
  • Erweiterte Layouts
  • Responsives Design
  • CMS & dynamische Inhalte
  • SEO

Länge: 4 Stunden (des Videos)

Bescheinigung: Nicht verfügbar

Vorteile:

  • Unterhaltsame und verdauliche Anweisungen (die meisten YouTube-Kommentare heben hervor, wie einfach es ist, mitzumachen).
  • Fast 4 Stunden Videoinhalt kostenlos auf YouTube verfügbar, zur besseren Übersicht in Abschnitte unterteilt.

Nachteile:

  • Ziemlich einfach, um den kompletten Kurs (16 Stunden) zu absolvieren, musst du dich für eine Bring Your Own Laptop Mitgliedschaft für $12/Monat anmelden

3. freeCodeCamp: Introduction To Responsive Web Design – HTML & CSS Tutorial

freeCodeCamp YouTube-Kurs
freeCodeCamp YouTube-Kurs

2019 veröffentlichte freeCodeCamp auf seinem YouTube-Kanal einen 4-stündigen Einführungskurs zum Thema responsive Design.

In diesem Kurs lernst du, wie man eine einzelne, 3-seitige responsive Webseite erstellt, sowie die Grundlagen von responsive Design, CSS und HTML5.

Die Themen:

  • Responsive Design-Grundlagen
  • Mobile-first Design
  • CSS-Einheiten
  • Em vs px vs rems
  • Flexbox
  • CSS-Stile
  • Responsive Container
  • Fragen der Medien
  • Responsive Navigation
  • Struktur der Seite
  • Widgets

Länge: 4 Stunden (des Videos)

Zertifikat: Nicht verfügbar

Vorteile:

  • Bekomme ein tieferes Verständnis dafür, wie man mit HTML und CSS im Jahr 2020 ein richtig responsive Design erstellt.
  • Lerne wichtige CSS-Einheiten und fortgeschrittene HTML-Tags kennen.
  • Über 4 Stunden sauber gegliedertes Videomaterial, das kostenlos (ohne Anmeldung) auf YouTube verfügbar ist.

Nachteile:

  • Begrenzte grundlegende Informationen über responsive Design hinaus (gut, wenn du bereits grundlegende HTML- und CSS-Kenntnisse hast

4. OpenClassrooms Course: Build Your First Web Pages With HTML and CSS

OpenClassrooms Einführungskurs
OpenClassrooms Einführungskurs

OpenClassrooms bietet einen kostenlosen Einführungskurs mit dem Titel Build Your First Web Pages with HTML and CSS.

Es fängt ganz am Anfang an und wird dir ein großes Grundverständnis von sowohl HTML5 als auch CSS3 vermitteln. Wenn du keinerlei Erfahrung mit Webentwicklung oder Design hast, ist dies ein guter Ort, um anzufangen.

Die Themen:

  • HTML5 und CSS3-Grundlagen
  • HTML-Struktur
  • CSS-Styling
  • Seitenstruktur und SEO
  • Bildoptimierung
  • Block- und Inline-Elemente
  • Farbtheorie
  • Schriften (Bitte schau dir unsere Anleitung zum Ändern von Schriften in WordPress an)

Dauer: 10 Stunden

Zertifikat: Verfügbar (mit einer $20/Monat Mitgliedschaft)

Vorteile:

  • Tolle Einleitung in das Webdesign, mit den neuesten HTML- und CSS-Kenntnissen.
  • Sammlung von Codepen-Einträgen, um hervorzuheben, wie unterschiedlicher Code in der realen Welt funktioniert.
  • 10 Stunden kostenloses Lernen, einschließlich interaktiven Quizzes und Video-Lektionen.

Nachteile:

  • Hält an der Basis an und gibt dir ein begrenztes, oberflächliches Verständnis für viele verschiedene Konzepte

Kostenpflichtige Online Webdesign Video-Kurse

Wenn du das Geld zum Investieren hast, gibt es auch eine Reihe von qualitativ hochwertigen kostenpflichtigen Kursen zum Thema Webdesign, die online verfügbar sind und die einen Blick wert sind. Wenn du vorhast, es zum Beruf zu machen, sollte es kein Problem sein, in deine Ausbildung zu investieren.

5. Udemy Course: Web Design for Beginners: Real World Coding in HTML & CSS

Udemy Webdesign-Kurs
Udemy Webdesign-Kurs

Udemy ist eine der beliebtesten Premium-Lernplattformen im Internet. Es gibt Kurse für alles, von Webseitendesign bis hin zu Freelance und Produktivität.

Aber der beste Ort, um anzufangen, ist das Webdesign für Anfänger: Real World Coding in HTML & CSS Online-Kurs.

Die Themen:

  • HTML-Layout und Grundlagen
  • Medien
  • Schriften und Typografie
  • Struktur der Seite
  • Navigation
  • Formulare
  • CSS-Grundlagen
  • Hintergründe
  • Flexbox
  • CSS3-Animationen
  • JavaScript-Frameworks
  • Bootstrap

Länge: 11 Stunden (Videos)

Preis: $16.99 (Der Preis von $100+ ist eine Verkaufstaktik)

Zertifikat: Verfügbar

Vorteile:

  • Gut strukturierter Einführungskurs, der alle Grundlagen des responsive Designs im Jahr 2020 abdeckt.
  • Aktuelle Informationen (zuletzt aktualisiert im Juli 2020).
  • Interagiere mit einer Community und stelle dem Kursleiter Fragen.
  • Einmalige Gebühr (statt monatlicher Zahlungen).

Nachteile:

  • Für einen kostenpflichtigen Kurs ist es nicht der tiefgreifendste Kurs, der verfügbar ist.

6. TreeHouse: Web Design Track

treehouse web design track
TreeHouse web design track

TreeHouse ist eine abonnementbasierte Online-Lernplattform, die sowohl für Designer als auch für Programmierer geeignet ist. Die Webdesign-Schiene bietet 43 Stunden Video und interaktive Lektionen über HTML, CSS, Layouts und andere Webdesign-Grundlagen.

Es beinhaltet auch grundlegende Fähigkeiten für angehende Grafikdesigner, wie zum Beispiel ein SVG-Tutorial.

Themen:

  • HTML & CSS-Grundlagen
  • Webdesign-Prozess
  • Erweiterte HTML-Formulare
  • Tabellen
  • Typografie
  • CSS-Layouts
  • Responsives Design
  • Flexbox
  • Stiefelschlaufe 4
  • Drahtgitter
  • CSS-Animationen
  • CSS-Raster-Layout

Länge: 43 Stunden (des Videos)

Preis: $25/Monat für Kurse und $49/Monat für Kurse plus.

Zertifikat: Nicht verfügbar für Kurse (nur verfügbar für die $199/Monat Techdegree-Programme).

Vorteile:

  • Großartige, tiefgehende Einleitung in das Webdesign mit über vierzig Stunden interaktivem Lernen.
  • Eine aktive Gemeinschaft, mit der du interagieren und von der du lernen kannst.
  • Schaffe dir ein solides Fundament mit über 15 Stunden Lernen allein an HTML- und CSS-Grundlagen.

Nachteile:

  • Wenn du einen Vollzeitjob machst und wenig Freizeit hast, könnte TreeHouse teuer werden, wenn du dein Studium weiter hinauszögerst.

7. Frontend Masters: CSS Grids/Flexbox Course

FM - CSS-Gitter & Flexbox-Kurs
FM – CSS-Gitter & Flexbox-Kurs

Frontend Masters ist eine großartige Lernplattform für Anfänger und fortgeschrittene Webdesigner gleichermaßen. In diesem Kurs lernst du genau, wie du moderne CSS-Techniken einsetzen kannst, um ein responsive Layout für deine Webseite zu erstellen.

Es wird dir helfen, die Lücke zwischen einem einfachen HTML Wireframe Designer und jemandem, der funktionale Prototypen und Templates erstellen kann, zu schließen.

Die Themen:

  • Responsive Design-Grundlagen
  • CSS-Float
  • Flexbox-Grundlagen und Implementierung
  • Responsive Bilder
  • CSS-Gittergrundlagen und Implementierung

Länge: 5+ Stunden (des Videos)

Preis: $39/Monat

Zertifikat: Verfügbar

Vorteile:

  • Stellare Video-Lektionen von einem hochkarätigen professionellen Design-Lehrer.
  • Bringt dir bei, wie modernes, responsives Design funktioniert, was selbst für Wireframe- und Layout-Designer ein Muss ist.
  • FM hat noch andere großartige Kurse, um grundlegende Webdesign- und Entwicklungsgrundlagen zu lernen.

Nachteile:

  • Wie bei anderen Online-Kursen kann es ein bisschen teuer werden, wenn du mehr Zeit brauchst (Monate summieren sich schnell).

8. Skillcrush: Frontend Development Course

Skillcrush - Frontend-Entwicklungskurs
Skillcrush – Frontend-Entwicklungskurs

Skillcrush bietet einen tiefgehenden Einführungskurs in die Frontend-Entwicklung, perfekt für Anfänger. Aufgrund seines Preises und des Zeitrahmens hat es mehr Gemeinsamkeiten mit einigen der eher standardmäßigen MOOCs, aber die Struktur ist frei formatiert, und du kannst so schnell lernen, wie du willst.

Die Themen:

  • HTML-, CSS- und JS-Grundlagen
  • Medienanfragen und responsive Design
  • Responsive Bilder
  • Git & GitHub
  • Flexbox-Grundlagen und Implementierung
  • jQuery

Dauer: 3 Monate (durchschnittliche Zeit bis zur Fertigstellung)

Preis: $549 Einmalzahlung oder $199/Monat für drei Monate

Zertifikat: Verfügbar

Vorteile:

  • Tolle, ausführliche Einleitung in die Frontend-Entwicklung und das Webdesign als Ganzes.
  • Lerne an Beispielen, während du zusehen kannst, wie andere Schüler Aufgaben erledigt haben.

Nachteile:

  • Es ist ein bisschen auf der teuren Seite und die Rückerstattungspolitik scheint ein bisschen schwach zu sein.

9. Envato Tuts+: Responsive Web Design for Beginners

Tuts+ - Responsive Webdesign-Kurs
Tuts+ – Responsive Webdesign-Kurs

Der Tuts+ responsive Webdesign-Kurs für Anfänger ist eine schnelle Einleitung in die Grundlagen von responsive Design, HTML, CSS, Medienanfragen und mehr.

Alleine scheint es vielleicht nicht die bestbezahlte Wahl zu sein, da es etwas mehr als 3 Stunden dauert. Aber Tuts+ premium beinhaltet mehr als 20 Kurse über Webdesign, von der Benutzung spezieller Software wie Sketch oder Adobe XD bis hin zu einem vertiefenden Kurs über Webtypografie.

Die Themen:

  • HTML-, CSS- und JS-Grundlagen
  • Medienanfragen und responsive Design
  • Responsive Bilder
  • Fragen zu Medienangeboten
  • Gitter-Layout

Länge: 3 Stunden (Video )

Preis: $16.50/Monat

Zertifikat: N/a

Vorteile:

  • Lerne den Umgang mit Design-Software wie Adobe XD und Sketch aus anderen Kursen.
  • Lerne topaktuelle CSS & HTML Tricks aus speziellen Kursen.
  • Erhalte Zugang zu Millionen von Stockfotos, Web Templates und mehr mit der gleichen Mitgliedschaft.

Nachteile:

  • Ihr Einführungskurs selbst ist einfach und leicht veraltet.

10. Paul Boag – Encouraging Clicks Masterclass

encouraging clicks course
Encouraging Clicks Masterclass

Paul Boag ist ein führender Pädagoge und Autor auf dem Gebiet der Konversionsoptimierung und des UX-Designs. Er hat mehrere Bücher über Web- und UX-Design für Smashing Magazine geschrieben und ist ein wiederkehrender Kolumnist für viele führende Webdesign-Publikationen.

Seine „Encouraging Clicks Masterclass“ ist ein assistierter Videokurs, in dem du direkten Zugang bekommst, um Paul selbst während des Kurses zu fragen. Du lernst die Grundlagen des Designs von Webseiten, die Aktionen und Conversions vorantreiben, ohne auf zwielichtige Tricks oder dunkle Muster zurückzugreifen.

Die Themen:

  • Grundlagen der Conversion-Optimierung
  • Die richtigen Metriken messen
  • Grundlegende Verbraucherpsychologie und wie man es bei Designentscheidungen nutzen kann
  • Bessere CTA’s erstellen
  • A/B-Tests & laufende Optimierung

Länge: 4 Stunden und 30 Minuten Video

Preis: $267 einmalige Gebühr

Zertifikat: N/a

Vorteile:

  • Lerne, wie du Designs erstellen kannst, die die Conversions für deine Kunden steigern Nachteile:
  • Nur ein paar Mal im Jahr verfügbar

Online-Programme und -Diplome für Webdesign an Universitäten (MOOC)

Über riesige Online-Plattformen für offene Kurse (MOOC) wie Coursera bieten einige Universitäten ihren kompletten Webdesign-Lehrplan kostenlos online an.

Allerdings sind nicht alle Kurse gleich, deshalb stellen wir hier nur die Besten der Besten heraus.

11. Coursera: Web Design for Everybody: Basics of Web Development & Coding Specialization

Coursera U-M Webdesign-Kurs
Coursera U-M Webdesign-Kurs

Web Design for Everybody von der University of Michigan ist einer der beliebtesten Entwicklungskurse über Coursera.

Es behandelt die Grundlagen von HTML, CSS und JS, sowie responsives Webdesign und Webzugänglichkeit.

Wenn du das Zertifikat oder die Credits nicht brauchst oder willst, kannst du den Kurs kostenlos prüfen.

Die Themen:

  • Web-Entwicklung
  • Cascading Style Sheets (CSS)-Grundlagen
  • HTML5-Grundlagen
  • JavaScript-Grundlagen
  • Responsives Webdesign
  • Web-Zugänglichkeit
  • Dokument Objektmodell (DOM)
  • Bootstrap

Dauer: 70 Stunden Lernen (einschließlich Wiederholungen und Experimente).

Preis: Kostenloser Kurs zur Prüfung.

Zertifikat: $49/monatige Mitgliedschaft erforderlich, um das Zertifikat zu erhalten.

Vorteile:

  • Großartig, um eine solide Grundlage als Webdesigner zu entwickeln, mit über 30 Stunden Lernen der HTML-, JS- und CSS-Grundlagen.
  • Interagiere mit einer blühenden Online-Gemeinschaft von anderen eifrigen Lernenden.
  • Vervollständige Reviews, Experimente und mehr, um alles, was du lernst, besser zu verinnerlichen.

Nachteile:

  • Wenige Beschwerden darüber, dass das Lernmaterial unterdurchschnittlich ist (Tippfehler, Fehler in den Quizzes, etc.

12. EdX: W3CX Frontend Developer Program

w3cx course front end development
W3CX Frontend Web Developer program

Das W3CX Frontend Developer Program von edX ist perfekt für absolute Anfänger, die solide Grundlagen in allen Kernsprachen der Frontend-Entwicklung aufbauen wollen.

Die Themen:

  • HTML-, CSS- und JS-Grundlagen
  • Fortschrittliches responsive Design, CSS-Raster und Flexbox
  • Navigation
  • Moderne HTML5-APIs wie zeitgesteuerte Textspur und Geräteorientierung

Dauer: 140 Stunden Lernen (einschließlich Wiederholungen und Experimente).

Preis:  Frei, einzelne Kurse unabhängig.

Zertifikat: $895.50 einmalige Gebühr, um das Zertifikat zu erhalten.

Vorteile:

  • Extrem tiefgehende Informationen direkt von der Quelle (W3C).
  • Ausbilder sind hochqualifizierte Entwickler, die bei Microsoft arbeiten.
  • Interaktiv mit einer aktiven Online-Community, um Hilfe zu bekommen und gemeinsam zu lernen.

Nachteile:

  • Die zweite Hälfte des Kurses konzentriert sich mehr auf die Entwicklung von Webanwendungen.

13. Udacity: Frontend Development Nanodegree

udacity frontend developer nanodegree
Frontend dev nanodegree

Der Udacity-Frontend-Webentwicklungs-Nanodegree wird dir die Grundlagen von HTML, CSS und responsivem Webdesign beibringen, und noch viel mehr.

Obwohl es sich technisch gesehen nicht um ein universitäres Angebot handelt, entsprechen Struktur, Format, Ausbildungstiefe und Preis eines Udacity-Nanodegree den Standardprogrammen des MOOC.

Die Themen:

  • HTML-, CSS- und JS-Grundlagen
  • Fortschrittliches responsive Design, CSS-Raster und Flexbox
  • Erstelle eine dynamische Landingpage für Marketinginhalte
  • Moderne Web-APIs
  • Automatisiere sich wiederholende Aufgaben mit Webpack und anderen Workflow-Tools

Dauer: über 100 Stunden Lernen (einschließlich Wiederholungen und Experimente).

Preis: $1356 einmalige Gebühr für 4 Monate Zugang, oder $399/Monat

Zertifikat: Erhältlich zum Nano-Grad-Preis.

Vorteile:

  • Beinhaltet professionelle Projekt- und Aufgabenüberprüfungen und Feedback.
  • Interaktion mit engagierten technischen Mentoren.
  • Gegen Ende des Studiums erhältst du echte 1:1-Ratschläge von einem persönlichen Karriere-Coach.

Nachteile:

  • Das kostenlose Lernen ist auf eine 7-tägige kostenlose Probezeit beschränkt.

14. Future Learn: User Experience (UX) Design and Research

Future Learn - UX Design Kurs
Future Learn – UX Design Kurs

Das User Design and Research Programm von Future Learn und der University of Michigan ist perfekt für angehende Webdesigner, die mehr über UX-Design lernen wollen.

Die Themen:

  • Design-Heuristik
  • Grundlagen der User Experience-Forschung (UX-Interviews, Umfrageprotokolle, Datenextraktion)
  • Wände der Affinität
  • Entwurfsprozess & Prototyping
  • Implementierung von datengesteuertem UX-Design

Dauer: 88 Stunden Lernen (einschließlich Wiederholungen und Experimente).

Preis:  Kostenloses Audit der einzelnen Kurse

Zertifikat: $345 einmalige Gebühr, um das Zertifikat und lebenslangen Zugang zu jedem Kurs zu erhalten.

Vorteile:

  • Toller Kurs, um ein besseres Verständnis dafür zu entwickeln, wie Benutzer mit Webseiten und Apps interagieren.
  • Kann die Fähigkeiten nutzen, um umfassendere Dienste anzubieten, die über ein grundlegendes Website-Design hinausgehen.

Nachteile:

  • Kein Kurs, der speziell auf Webdesign zugeschnitten ist.

15. OpenHPI: Human-Centered Design Course

open hpi human centered design
Human-centered design course

Wenn du deine Design-Grundlagen verbessern möchtest, ist dieser Kurs über menschenzentriertes Design ein großartiger Ort, um anzufangen.

Es kann dir helfen, deine Ideenfindungs- und Recherchefähigkeiten zu verbessern, und gibt dir einen stärkeren Werkzeugkasten, mit dem du als Webdesigner arbeiten kannst.

Die Themen:

  • Ziele definieren
  • Idee
  • Synthese

Dauer: 10-11 Stunden Lernen (einschließlich Wiederholungen und Experimente).

Preis:  Kostenlos

Zertifikat: Basiszertifikat für den Abschluss erhältlich.

Vorteile:

  • Toller Kurs, um schnell (in 10 Stunden) deine grundlegenden Fähigkeiten als Designer aufzubauen.
  • Kann die Konzepte über die Bereiche des Webdesigns hinaus verwenden.

Nachteile:

  • Deckt Webdesign nicht direkt ab

Interaktive Webdesign-Kurse

Wenn du versuchst, mehr über die Frontend-Entwicklung und das praktische Programmieren als über die Grafikdesign-Elemente zu lernen, gibt es eine Reihe von interaktiven Webdesign-Kursen online.

16. Free: freeCodeCamp

freecodecamp responsive web design
freeCodeCamp web design certification

freeCodeCamp bietet einen Mammutkurs über responsive Webseiten Design an, mit über 300 Stunden kostenlosem Lernen.

Das Interface ist zwar etwas eintönig, aber intuitiv und spielerisch zu bedienen, um Code zu lernen.

Um den Kurs fortsetzen zu können, musst du jede neue Information in die Praxis umsetzen, was sich gut zum Festhalten eignet.

Die Themen:

  • HTML5 und CSS3-Grundlagen
  • Responsives Design
  • Flexbox
  • Web-Zugänglichkeit
  • Angewandtes visuelles Design

Dauer: über 300 Stunden interaktive Lektionen.

Preis:  Kostenlos

Zertifikat: Verfügbar (kostenlos)

Vorteile:

  • Großartige grundlegende Informationen.
  • Lerne in deinem eigenen Tempo.
  • Behalte Informationen besser, indem du jedes Stück Code, das du lernst, sofort verwendest.

Nachteile:

  • Die Lernoberfläche ist nicht die ansprechendste.

17. Free: W3Schools

W3Schools-Startseite
W3Schools-Startseite

W3Schools ist eine der größten verfügbaren Ressourcen, um Webentwicklung online zu lernen.

Es verfügt über hunderte von Stunden Tutorials und Kurse zu den wichtigsten Sprachen und Frameworks, die für den Aufbau des Webs verwendet werden.

Das Interface kann ein wenig klobig sein, aber die unglaubliche Menge an qualitativ hochwertigen kostenlosen Lektionen machen das wieder wett. Du brauchst dich nicht einmal mit deiner Emailadresse anmelden, um anzufangen.

Die Themen:

  • HTML5, JavaScript, CSS3-Grundlagen
  • Leinwand und SVG
  • Bootstrap
  • Grafiken
  • Farben
  • Ikonen

Dauer: Hunderte von Stunden interaktiver Lektionen.

Preis:  Kostenlos

Zertifikat: Verfügbar (ab $95 pro Sprache).

Vorteile:

  • Tolle grundlegende Informationen zu allen Sprachen.
  • Lerne wie du gehst, indem du den riesigen Katalog durchblätterst, während du deine erste Webseite aufbaust.
  • Keine E-Mail-Anmeldung erforderlich.

Nachteile:

  • Die Lernoberfläche ist nicht so glatt wie andere interaktive Kurse.

18. Free: Codecademy

web design courses — Codecademy
Codecademy

Codecademy ist eine interaktive Lernplattform für Programmierer und Webdesigner. Es bietet einige kostenlose Kurse an, die dir den Einstieg erleichtern werden.

Es hat eine fantastische, spielerische Oberfläche, die das Erlernen von neuem Code zum Kinderspiel macht.

Leider ist der Inhalt des kostenlosen Plans recht begrenzt, da er sich nur auf die Basissprachen konzentriert und eine einfache Webseite erstellt.

Die Themen:

  • HTML5, JavaScript, CSS3-Grundlagen
  • Wie man seine erste Webseite erstellt

Dauer: 10-20 Stunden interaktive Lektionen.

Preis: Grundkurse kostenlos (kostenpflichtige Version unten)

Zertifikat: Nicht verfügbar

Vorteile:

  • Großartige Lernoberfläche.
  • Aktive und engagierte Gemeinschaft zum Lernen.

Nachteile:

  • Kostenlose Kurse sind sehr begrenzt

19. Kostenpflichtige Version: Codecademy Pro

Mit Codecademy Pro erhältst du die Plattform und die Community, die im kostenlosen Plan enthalten sind, sowie vollen Zugang zu allen Kursen und dem Webentwicklungspfad.

Du kannst auch kürzere Wege gehen, wie zum Beispiel lernen, wie man Webseiten erstellt.

CA - Pfad zum Erstellen von Webseiten
CA – Pfad zum Erstellen von Webseiten

Mit den Vorteilen der Pro-Version erhältst du Zugang zu hunderten von Stunden interaktiver Lektionen und ein Zertifikat am Ende der Kurse.

Preis: $39.99/Monat ($19.99/Monat wird jährlich in Rechnung gestellt).

20. Kostenlos: Dash by General Assembly

web design course — Dash by General Assembly
Dash by General Assembly

General Assembly ist in erster Linie eine Campus- oder persönliche Bootcamp-basierte Bildungseinrichtung für Designer und Programmierer.

Aber ihr kostenloser interaktiver Online-Kurs Dash ist eine großartige Möglichkeit, HTML-, CSS- und JavaScript-Grundlagen zu lernen, während du aktiv deine eigene Webseite von Grund auf entwirfst und erstellst.

Die Themen:

  • HTML5, CSS3, JavaScript-Grundlagen
  • HTML-Tags
  • Medienanfragen und responsive Design
  • Bilder und Medien
  • jQuery
  • Ein grundlegendes interaktives Spiel mit JS erstellen

Dauer: 10+ Stunden interaktive Lektionen

Preis:  Kostenlos

Zertifikat: N/a

Vorteile:

  • Großartige grundlegende Informationen über die Sprachen der Frontend-Entwicklung.
  • Behalte Informationen besser, indem du jedes Konzept und jede Zeile Code, die du lernst, sofort verwendest.

Nachteile:

  • Begrenzte Menge an Informationen, die im kostenlosen Kurs enthalten sind (bezahlte Optionen beginnen bei $3.950)

Webdesign Business-Kurse vs Webdesign mit WordPress

Der aktuelle Marktanteil von WordPress liegt bei +38% aller Webseiten im Internet. Folglich gibt es einen fast ebenso großen Marktplatz für WordPress Seiten und die damit verbundenen Entwicklungsfähigkeiten, wie allgemeine Frontend-Entwickler.

Die Spezialisierung auf WordPress kann dir helfen, dich schnell zu etablieren und dein Portfolio aufzubauen. Aber du kannst es nicht einfach mit grundlegenden Webdesign-Fähigkeiten beginnen.

Notwendige Fertigkeiten als WordPress Designer/Entwickler

Zuerst einmal brauchst du die Fähigkeit, WordPress Themes zu bearbeiten/erstellen. Das heißt, du brauchst ein klares Verständnis dafür, wie WordPress funktioniert, und die Grundlagen der WordPress-Entwicklung:

  • The Loop (die grundlegende PHP-Funktion, die WordPress-Beiträge und Seiteninhalte anzeigt)
  • Der Gutenberg-Blockeditor (und wie die Blöcke auf einer Live-WP-Webseite angezeigt werden)
  • WordPress Template Hierarchie (welche Templates du bearbeiten musst und wie man Child Themes erstellt
  • CSS-Spezifität (wie man CSS korrekt optimiert und überschreibt)

Du brauchst auch:

  • Beherrschung von HTML und CSS und Webdesign-Grundlagen
  • Ein grundlegendes Verständnis von PHP
  • Die Möglichkeit, mit beliebten Page Buildern (Elementor, Divi, etc.) zu arbeiten.
  • Vertrautheit mit beliebten Themes

Um dir zu helfen, diese Fähigkeiten zu entwickeln, schau dir unseren speziellen Leitfaden über 13 Orte an, an denen du WordPress online lernen kannst.

Zusammenfassung

Von YouTube über kostenpflichtige und kostenlose Lernplattformen für Programmierer bis hin zu Online-Universitätskursen ist für jeden etwas dabei. Die Informationen in kostenlosen Webdesignkursen sind zwar nicht überall gleich, aber die Informationen in den kostenlosen Webdesignkursen können mehr veraltet sein als die kostenpflichtigen Alternativen.

Das liegt einfach daran, dass das Geld der Mitglieder oder Studenten das Budget für die Aktualisierung des Lehrplans und der Videos der Lehrkräfte bietet.

Bezahlte Webdesignkurse geben dir oft auch die Möglichkeit, mit Ausbildern und nicht nur mit anderen Kursteilnehmern zu interagieren.

Es gibt keinen Grund, Zeit mit einem Kurs oder Lehrer zu verschwenden, mit dem du nicht zufrieden bist. Wähle den Webdesignkurs aus, der zu deinem aktuellen Niveau und deinen Zielen passt, und halte dich an es.

Die perfekten Tools zum Trainieren und Entwickeln deiner Fähigkeiten als Webdesigner gibt es da draußen.

Jetzt bist du dran: Hast du irgendeinen Kurs belegt, um deine Webdesign-Fähigkeiten zu verbessern? Wie war deine Erfahrung? Teile es in den Kommentaren mit!

Matteo Duò Kinsta

Chefredakteur bei Kinsta und Content Marketing Berater für WordPress Plugin-Entwickler. Verbinde dich mit Matteo auf Twitter.