10 YouTube-Kanäle zum Erlernen der grundlegenden Frontend-Entwicklung

Programmieren zu lernen ist jetzt einfacher als je zuvor.

Hier finden Sie unzählige kostenlose Tutorials zu den Grundlagen der Frontend-Entwicklung. Und das läuft wirklich auf nur 3 Sprachen hinaus: HTML, CSS und JavaScript.

Und neben schriftlichen Tutorials finden Sie auch viele kostenlose Video-Tutorials auf YouTube. Diese sind meistens auf großartigen Kanälen versteckt, die Sie suchen müssen, um sie zu finden.

Alle Kanäle, die ich unten aufgelistet habe, konzentrieren sich auf die Entwicklung und sollten Ihnen einen hervorragenden Ausgangspunkt bieten. Sie sind alle völlig kostenlos und decken eine Vielzahl von Sprachen ab, einige gehen sogar über Frontend-Themen hinaus, sodass Sie auf ganzer Linie ein vielseitiger Programmierer werden können.

Entwicklertipps

Fragen Sie in den Webentwickler-Communities nach, und Sie werden immer Erwähnungen des DevTips-Kanals sehen.

Es ist vollgepackt mit langen Tutorials, die eine Reihe von Frontend-Themen abdecken. Einige davon beinhalten Grundlagen wie Vanilla JS oder neuere CSS3-Eigenschaften.

Andere Tutorials befassen sich jedoch mit fortgeschritteneren Frameworks wie Vue, React und Ember.

Ich empfehle dringend, sich hier als erste Station Ihres YouTube-Abenteuers anzumelden. Diese Videos sind erstklassig und es lohnt sich, sie anzusehen, wenn Sie Themen finden, auf die Sie neugierig sind.

LearnCode.academy

Hier ist ein weiterer Tutorial-Kanal, von dem ich wirklich denke, dass er vor allem Frontend-Programmierern zugute kommt.

LearnCode.academy hat eine der höchsten Videoqualitäten, die ich je gesehen habe, mit sehr klaren Anweisungen. Sie machen viel mit JS-Scripting und verwandten Bibliotheken, aber es gibt auch viele Videos über die Verwaltung Ihres Web-Entwickler-Setups.

Dazu gehören Tutorials zur Paketverwaltung wie npm & Bower sowie serverorientierte Themen mit Tools wie Docker & AWS.

Alles großartige Sachen mit einer Menge Abwechslung und Videos, die über vier Jahre zurückreichen.

LevelUpTuts

Ich bin ein großer Fan von Schritt-für-Schritt-Tutorials, weil sie dir genau zeigen, was zu tun ist und warum du es tust.

Das finden Sie auf LevelUpTuts. Es ist ein kostenloser Kanal für Entwicklerthemen und konzentriert sich hauptsächlich auf die Webentwicklung.

Alle YouTube-Tutorials von LevelUpTuts sind vollständige Anleitungen von Anfang bis Ende und für immer kostenlos.

Der Netz-Ninja

The Net Ninja ist ein riesiger Kanal, der eine breite Palette von Frontend-Entwicklungsthemen anbietet. Es spornte eine Ableger-Website mit kuratierten Listen kostenloser Tutorials an, die nach Themen geordnet sind.

All diese kostenlosen Videos bleiben ein Leben lang kostenlos und eignen sich hervorragend, um in die Frontend-Codierung einzusteigen.

Sie können TypeScript, Angular, Vue, ES6 und Bootstrap schnell von einem Ort aus abrufen.

Die Videos sind auch von hoher Qualität mit einem großartigen Erzählstil, sodass Sie sich nie langweilen werden.

Traversy Media (TechGuyWeb)

Der YouTube-Kanal von Traversy Media ist zweifellos einer der besten für Entwickler.

Mit über 350.000 Abonnenten gibt es an diesen Videos viel zu lieben. Zugegeben, sie decken viele Backend-Themen zu Sprachen wie PHP und Python ab, es geht also nicht nur um Frontend.

Denken Sie daran, dass es auch viele solide Videos zu Frontend-Techniken gibt. Dazu gehören einige Videos, die Frontend + Backend mit Frameworks wie Angular verschmelzen.

Wenn Sie professionell in der Webentwicklung arbeiten möchten, schadet es nie, etwas Backend-Codierung zu lernen.

Aus diesem Grund sollte Traversy Media ein Muss für alle sein, die sich mit Webcodierung beschäftigen, unabhängig vom Kenntnisstand.

Codekurs

Der Codecourse-Kanal bietet unzählige kostenlose Videos, genau wie andere in dieser Liste erwähnte.

Was mir an Codecourse gefällt, ist, wie sie Videos über ihre Hauptseite finanzieren. Das bedeutet, dass Sie auf YouTube viele kostenlose Inhalte mit optionalen Upgrades finden, wenn Sie diese wünschen.

Ich denke, allein auf YouTube gibt es viel zu entdecken, also ist das wirklich der beste Ausgangspunkt.

Wenn Sie jedoch ganz neu im Programmieren sind, können diese Videos eine Herausforderung darstellen, da hier viele fortgeschrittene Tools erwähnt werden, wie zum Beispiel Git und Laravel.

Wes Bos

Entwickler Wes Bos hat sich mit einer Menge toller Online-Tutorials einen Namen gemacht.

Einige sind kostenlos, andere kosten Geld, aber selbst die kostenlosen bieten eine Menge Wert.

Genau das finden Sie auf seinem YouTube-Kanal, der kostenlose Frontend-Coding-Videos für alle Zielgruppen anbietet. Und wirklich, das sind zu 99 % alle Frontend-Codes.

Aber bei diesen Videos konzentrieren Sie sich auf CSS-Layouts und JS-Manipulationstechniken. Es ist wirklich wertvoll, beide Themen zu meistern, und es werden ständig neue Funktionen veröffentlicht.

Ich mag besonders seine Videos zur CSS-Grid-Eigenschaft, da dieses Thema schnell sehr detailliert werden kann.

LearnWebCode

Ziemlich einfacher Kanal hier, der ein Abo wert ist, wenn Sie unkomplizierte Entwickler-Tutorials wollen.

LearnWebCode spricht ausschließlich über Frontend-Codierung. Dazu gehören einige detaillierte Themen wie Git-Projektmanagement und benutzerdefinierte Codierung von SVG-Objekten mit dem Canvas-Element. Aber viele Tuts sind Anfänger, was schön ist.

Wenn Sie nach einer Mischung aus Videos suchen, die mit den sich ändernden Gezeiten im Entwicklungsbereich Schritt halten, dann wird Ihnen dieser Kanal wirklich gefallen.

Großartig für alle mit unterschiedlichem Hintergrund, da selbst professionelle Entwickler auf ein Thema stoßen können, das sie noch nie zuvor studiert haben.

Code The Web (Garrett Love)

Garrett Loves YouTube-Kanal „CodeTheWeb“ ist klein, wächst aber schnell.

Sie können sich die Videoseite ansehen, um zu sehen, was er anbietet und welche Qualität Sie hier erwarten können.

Insgesamt bin ich sehr zufrieden mit dieser Seite, weil sie einfach so fantastisch ist. Es befasst sich mit Themen außerhalb der Frontend-Codierung, spricht aber auch viel über die HTML/CSS/JS-Seite der Dinge.

Außerdem gibt es eine gute Mischung aus längeren Tutorials (20-60 Minuten) zusammen mit kürzeren Ratgebervideos zu Freiberuflern und Landing-Jobs.

Empfehlen Sie dringend, diese Videobibliothek zu überfliegen, wenn Sie das Programmieren zu Ihrem Beruf machen möchten.

Fun Fun-Funktion

Zuletzt ist ein persönlicher Favorit von mir mit 144.000 Abonnenten: Fun Fun Function.

Ihr Kanal-Moderator Mattias Petter Johansson veröffentlicht ausführliche Videos zur JavaScript-Codierung von Grund auf. Dies ist wirklich ein kompletter Anfängerkurs zum Erlernen von JavaScript bis hin zu fortgeschrittenen Niveaus. Alles kostenlos.

Es gibt Material zum Testen von Komponenten und Üben mit TypeScript sowie allgemeinere Anfängerthemen wie grundlegende Funktionen und Variablenbereich.

Sie werden hier nicht viele HTML/CSS-Tutorials finden, aber dies ist perfekt für alle, die den Sprung in JavaScript für das Web wagen.