Großartige (und kostenlose!) Bücher zur Webentwicklung, die Sie online erhalten können

Direkt nach „Wo ist der beste Ort zum Lernen?“ ist die am häufigsten gestellte Frage, die ich von Leuten höre, die mit dem Programmieren anfangen: „Welche Bücher zur Webentwicklung sollte ich zum Lernen kaufen?“ Nun, betrachten Sie dies als Antwort auf diese Frage, denn ich habe eine Liste von Büchern zusammengestellt, die nicht nur großartig für den Einstieg in die Frontend-Entwicklung sind, sondern auch kostenlos verfügbar sind.

Bücher über CSS

Hier werden wir uns am meisten aufhalten, denn naja, diese Seite handelt *hauptsächlich* von CSS!

The Magic of CSS von Adam Schwartz

• Perfekt für: Nächste Schritte auf Ihrer CSS-Reise
• Lernniveau: Fortgeschrittene
• Erforderlich: Grundlegendes Verständnis von CSS

Adam Schwartz behandelt in diesem Buch sechs CSS-Konzepte, darunter das Box-Modell, Layout, Tabellen, Farbe, Typografie und Übergänge. Dies sind Dinge, die selbst einige erfahrene CSS-Entwickler ins Stocken bringen, einige dieser Konzepte können verwirrend sein. Adam hat große Anstrengungen unternommen, jedes davon zu entmystifizieren.

Zusätzlich dazu, dass das Buch ein großartiger Leitfaden für komplexe CSS-Konzepte ist, liebe ich es, dass jede der im Buch erwähnten CSS-Eigenschaften klickbar ist, sodass Sie jederzeit darauf klicken können, um zu sehen, wie jede angewendet wird. Es gibt viele illustrierte Beispiele und Empfehlungen für weiterführende Lektüre, falls Sie mehr über jedes Kapitel erfahren möchten.

Ich fand das Kapitel über Farben sehr interessant, nicht nur, weil es auf die Best Practices für die barrierefreie Verwendung von Farben eingeht, sondern auch, weil es super praktische Anwendungen gibt, wie zum Beispiel, wenn Adam auf die Verwendung von CSS zur Unterstützung des Brandings einer Organisation eingeht.

Resilient Web Design von Jeremy Keith

• Perfekt für: Entwicklung von Strategien zum Schreiben von Code
• Lernniveau: Fortgeschrittene
• Erforderlich: Grundlegendes Verständnis von CSS

Direkt aus der Einleitung

Hier finden Sie keinen Code, der Ihnen hilft, bessere Websites zu erstellen. Aber Sie finden Ideen und Ansätze. Ideen sind widerstandsfähiger als Code. Ich habe versucht, die widerstandsfähigsten Ideen aus der Geschichte des Webdesigns zu kombinieren, um einen Ansatz für den Aufbau der Websites der Zukunft zu entwickeln.

Was Jeremy so gut macht, ist die Beschreibung von Soft Skills wie Planung, Gliederung und Ansätzen zum Schreiben von Code. Anstatt also Code-Schnipsel im ganzen Buch zu präsentieren, finden Sie hier Details zu Code-Strategien wie progressive enhancement, Entscheidungen über die zu verwendenden Werkzeuge und die Herausforderungen beim Schreiben von zukunftssicherem Code.

Und für diejenigen unter Ihnen, die noch nicht das Vergnügen hatten, Jeremy beim Vortragen von Inhalten zuzuhören (wie in der Web History-Serie), gibt es eine Audiodatei zum Herunterladen.

Beginning CSS Web Development: From Novice to Professional von Simon Collison

• Perfekt für: Die Grundlagen von CSS
• Lernniveau: Absolute Anfänger
• Erforderlich: Nichts als Zeit und Motivation

Auch wenn es 2006 geschrieben wurde, sind Simons Ausführungen zu Webstandards und Barrierefreiheit zeitlos und heute noch relevant. Er vermittelt ein Verständnis für Interoperabilität sowie Ansätze zum Erstellen von Webanwendungen, einschließlich der frühen Planungsphasen, die oft übersehen werden.

Das Buch hat zwei Hauptteile, die weiter in 16 Kapitel unterteilt sind. Teil 1 behandelt CSS-Themen wie die Arbeit mit Text, Links, Listen, Hintergründen, Bildern, Tabellen und Formularen. Es geizt wirklich nicht mit Details.

Teil 2 befasst sich vollständig mit Layout und beleuchtet Usability und Layout-Manipulation sowie eine praktische Fallstudie. Die Kapitel sind so angeordnet, dass ein Kapitel natürlich in das nächste übergeht. Jedes Kapitel enthält auch einen abschließenden Abschnitt, der alle wichtigen Konzepte des Kapitels hervorhebt.

Tatsächlich bietet das Buch Anfängern einen soliden Hintergrund in CSS und hilft ihnen schrittweise mit fortgeschritteneren Konzepten. Es wird Ihre CSS-Reise erleichtern.

Bücher über HTML & CSS

CSS und HTML werden oft zusammen unterrichtet, was besonders hilfreich sein kann, wenn Sie Ihre ersten Codezeilen schreiben und wissen möchten, wie die beiden Sprachen miteinander interagieren.

Learn to Code HTML & CSS von Shay Howe

• Perfekt für: Den Beginn Ihrer Frontend-Reise
• Lernniveau: Anfänger
• Erforderlich: Keine Vorkenntnisse erforderlich

Shay bezeichnet dieses Buch als einen einfachen und umfassenden Leitfaden, der Anfängern helfen soll, HTML und CSS zu lernen. Er tut dies, indem er sich auf gängige Elemente des Frontend-Designs und der Entwicklung konzentriert. Einige der behandelten Lektionen sind Box Model, Positioning, Typography, Background and Gradients, Lists, Media, Forms und Tables. Im ersten Kapitel *Building Your First Web Page* analysiert Shay die Inhalte einer typischen Website, einschließlich Elementen, Attributen und der Einrichtung der HTML-Dokumentstruktur, Code-Validierung, Selektoren und CSS-Resets. Ich finde das Buch sehr lehrreich, insbesondere da es über die Oberfläche hinausgeht, um viele Schlüsselkonzepte mit Codebeispielen zu behandeln, denen Sie folgen können.

Eine tiefgreifende Sache an diesem großartigen Buch ist, dass Shay über 12 Lektionen hinweg ein komplettes Projekt von Grund auf erstellt hat und am Ende jeder Lektion eine Zusammenfassung und Links zum aktuellen Stand dieser Website (damit Sie vergleichen können, wenn Sie mitmachen) sowie den Quellcode in jeder Phase der Lektionen bereitstellt.

Wenn Sie ein Lerner sind, der durch Ausprobieren lernt, werden Sie dieses Material sehr nützlich finden, und wenn Sie fertig sind, werden Sie eine funktionierende mehrseitige Website entwickelt haben.

Eine erweiterte Fortsetzung des Kurses ist über denselben Link ebenfalls kostenlos verfügbar.

HTML & CSS: Learn the Fundamentals in 7 Days von Michael Knapp

• Perfekt für: Den Beginn Ihrer Frontend-Reise
• Lernniveau: Anfänger
• Erforderlich: Keine Vorkenntnisse erforderlich

Kann man in sieben Tagen alles über HTML und CSS lernen? Wahrscheinlich nicht, aber deshalb konzentriert sich dieses Buch von Michael Knapp aus dem Jahr 2017 auf die Grundlagen. Michael taucht in eine kurze Geschichtsstunde ein, bevor er sich mit HTML- und CSS-Struktur, Logik und Präsentation beschäftigt. Sie werden alles auf den neuesten Stand bringen, sodass Sie sich ziemlich sicher fühlen sollten, wenn Sie eine einfache Webseite zusammenstellen, plus ein paar Extras unterwegs, da das Buch auf SEO und Analytik eingeht.

Das Buch besteht aus einfachen Programmen, die Sie auf Ihrem Computer ausführen können, wenn Sie mitmachen möchten.

Die E-Book-Version ist kostenlos auf Apple Books erhältlich, aber es gibt auch eine Kindle-Version, wenn Sie dort bereits ein Abonnement haben.

The Greatest CSS Tricks Vol. 1 von Chris Coyier

• Perfekt für: Staunen über das, was CSS kann
• Lernniveau: Fortgeschrittene
• Erforderlich: Etwas CSS-Erfahrung

Wussten Sie, dass CSS-Tricks auch ein Buch über CSS hat? Es wäre albern, das von dieser Liste zu streichen, denn Sie erhalten eine Sammlung klassischer CSS-Tricks, die von niemand geringerem als Chris Coyier erklärt werden. Tatsächlich hat Chris alle im Buch behandelten Beispiele aus seinen vielen, vielen (vielen!) Jahren der Führung dieser Website aus der Fülle von Tricks ausgewählt, die ihm über den Schreibtisch gelaufen sind.

Jeder Trick löst ein bestimmtes Problem. Zum Beispiel demonstriert der erste Trick „Pin Scrolling to Bottom“, wie die CSS-Eigenschaft overflow-anchor verwendet werden kann, um die gleiche Chat-ähnliche Oberfläche eines Tools wie Slack zu erstellen, bei der der Bildschirm unten verankert ist, sodass es sich anfühlt, als würde die Seite für Sie scrollen, wenn neue Elemente hinzugefügt werden.

Bücher über den Prozess

Beim Programmieren geht es genauso darum, *wie* wir Code schreiben und Projekte mit anderen zusammenarbeiten, wie um den eigentlichen Code, den wir schreiben. Die folgenden Bücher sind hervorragende Ausgangspunkte für alles, von der Planung und Projektverwaltung bis hin zur Kommunikation und Zusammenarbeit mit anderen.

Collaborate: Bring People Together Around Digital Projects von Ellen De Vries

• Perfekt für: Ein besserer Mitarbeiter sein
• Lernniveau: N/A
• Erforderlich: Ein offener Geist, um gut mit anderen zusammenzuarbeiten!

Ellen thematisiert in diesem Buch etwas, mit dem wir uns alle auseinandersetzen müssen: die Zusammenarbeit mit anderen. Und das ist keine Kleinigkeit – das Buch ist in vier Teile unterteilt, die tief in Dinge eintauchen, mit denen wir gut mit anderen zusammenarbeiten können

• Wissen, wie man den Boden vorbereitet und die richtigen Bedingungen für die Zusammenarbeit schafft.
• Die Gruppenkultur in den frühen Phasen der Zusammenarbeit pflegen.
• Einen gesunden kollaborativen Prozess aufrechterhalten.
• Die Früchte einer Zusammenarbeit ernten.

Als Content-Strategin verfügt Ellen über die richtige Erfahrung, um jedem zu helfen, Teil eines kollaborativen Projekts zu sein oder das Beste aus einer Zusammenarbeit herauszuholen.

The Modern Web Design Process von webflow

• Perfekt für: Erfahrene Designer, Projektmanager
• Lernniveau: N/A
• Erforderlich: Grundlegendes Verständnis von CSS

Dieses kostenlose E-Book stellt einen siebenschrittigen Designprozess vor, der den Workflow für die heutige Webdesign-Branche definieren soll.

Dazu gehört

• Ziele setzen
• Umfang definieren
• Sitemaps und Wireframes
• Mit Inhalten arbeiten
• Visuelle Elemente verarbeiten
• Testen
• Ausliefern

Jeder, der ein neues Designprojekt beginnt oder sich mitten in einem Designprojekt befindet, wird die unschätzbaren Einblicke im gesamten Buch finden. Und das Bemerkenswerteste ist, wie es so geschrieben ist, dass man das Gefühl hat, durch ein ganzes Projekt von der Konzeption bis zur Fertigstellung geführt zu werden.

Designing for the Web von Mark Boulton

• Perfekt für: Lernen, mit Kunden zu arbeiten
• Lernniveau: Anfänger
• Erforderlich: Ein echtes Interesse an Design

Es scheint, dass viele Organisationen Design unterschiedlich angehen. Aber Autor Mark Boulton dokumentiert in Designing for the Web einen gründlichen Design-Workflow, der viele Herausforderungen entmystifiziert und alles abdeckt, was Sie wissen müssen.

Das Einzigartige an diesem Buch ist, dass es wirklich um Arbeit geht. Sicher, es gibt eine Menge äußerst wertvolle Informationen zu Design-Best Practices für Dinge wie Typografie, Farbe und Layout, aber was Sie aus diesem Buch wirklich mitnehmen werden, ist, *wie* diese in einen Design-Workflow passen. Es lehrt Sie, wie Sie recherchieren, die Technologien, die uns zur Verfügung stehen, um Ideen umzusetzen, und letztendlich, wie Sie mit anderen und mit Kunden zusammenarbeiten – perfekte Kost für Leute wie Design Leads, Projektmanager, Freiberufler oder jeden, der am Projektlieferprozess beteiligt ist.

Learn Version Control with Git von Tower

• Perfekt für: Git meistern
• Lernniveau: Alle Niveaus willkommen
• Erforderlich: Keine Vorkenntnisse erforderlich

In diesem Buch stellt das Team hinter dem beliebten Tower Client für Git Lernenden das Wesentliche eines Versionskontrollsystems mithilfe von Git vor. Entwickler, die in Teams arbeiten, werden dies besonders nützlich finden, da es dabei hilft, effektiv mit Teammitgliedern zusammenzuarbeiten, die verschiedene Features eines Projekts entwickeln, selbst wenn Sie Tausende von Kilometern voneinander entfernt sind. Davon abgesehen ist es immer noch großartig für jeden, der vielleicht Scheu vor der Kommandozeile hat und dort Selbstvertrauen aufbauen möchte.

Und da das Buch vom Hersteller einer Anwendung stammt, die mit Git interagiert, erhalten Sie zusätzlich zur direkten Arbeit auf der Kommandozeile auch eine gute Dosis der Nutzung von Tower als GUI.

Ob also Committing, Branching, Merging, Pull Requests, Forking von Arbeit oder das Behandeln von Merge-Konflikten – Sie werden viel aus diesem Buch lernen.

Bücher über JavaScript

Das Erlernen von JavaScript scheint immer im Trend zu liegen. Tatsächlich hat Jason Rodriguez 2018 über die Lernlandschaft von JavaScript geschrieben und eine gute Liste kostenloser Bücher bereitgestellt. Seitdem ist nicht mehr viel Neues dazugekommen, aber hier sind meine Gedanken zu den folgenden Büchern.

Eloquent JavaScript von Marijn Haverbeke

• Perfekt für: Besser im Schreiben von JavaScript werden
• Lernniveau: Fortgeschrittene bis erfahrene Entwickler
• Erforderlich: Vorkenntnisse in JavaScript

Eloquent JavaScript macht seinem Namen wirklich alle Ehre. Persönlich halte ich dies für eines der am besten geschriebenen JavaScript-Bücher, auf die ich je gestoßen bin. Marjins Schreibstil ist fesselnd, insbesondere wie er Programmierkonzepte einführt und den Leser mitnimmt. In seinen Worten geht es in dem Buch einfach darum, Computer zu instruieren und sie dazu zu bringen, das zu tun, was man von ihnen will.

Das Buch ist ein tiefer Einblick in JavaScript, aufgeteilt in drei Teile und 21 Kapitel. Sie werden viel über grundlegende Programmierkonzepte lesen, wie Werte, Typen, Operatoren und Funktionen, bis hin zu fortgeschrittenen Konzepten wie regulären Ausdrücken, Modulen, dem DOM und asynchroner Programmierung. Er beginnt jedes Kapitel mit einem eher philosophischen Zitat, um den Leser auf das Kommende vorzubereiten, und taucht dann direkt in das Thema ein.

Außerdem gibt es drei Projekte, die Ihnen helfen, Ihre neu gewonnenen Fähigkeiten zu üben.

Understanding JavaScript Promises von Nicholas C. Zakas

• Perfekt für: Alle, die alles über asynchrone Programmierung mit Promises in JavaScript lernen möchten.
• Lernniveau: Fortgeschrittene
• Erforderlich: Grundlegende JavaScript-Kenntnisse

JavaScript Promises wurden 2015 als Teil der ES6-Spezifikation eingeführt, um asynchrone Funktionen in JavaScript zu verarbeiten. Laut MDN

Ein Promise ist ein Objekt, das den endgültigen Abschluss oder das Scheitern einer asynchronen Operation darstellt

In diesem 51-seitigen Buch erklärt Nicholas das Konzept von Promises in drei Kapiteln: Basics, Chaining Promises und Working with Multiple Promises. Obwohl der Link zum Buch, den wir bereitstellen, die kostenlose Community-Version ist, enthält die Vollversion ( auf Amazon erhältlich) zwei weitere Kapitel zu Async Functions und Unhandled Rejection Tracking. Nicholas hat das Konzept der Promises mit mehreren Illustrationen und Beispielen vereinfacht. Sie lernen, wie Sie then(), catch() und finally() verwenden und wie Sie mehrere Promises verketten. Nicholas behandelt auch die Zuweisung von Fehlerbehandlern und Abwicklungsbehandlern. Sie sollten das Buch vielleicht lesen, um Ihr Verständnis des Themas zu festigen.

Nicholas ist ein erfahrener Autor von JavaScript-Büchern, der seit über 15 Jahren über JavaScript schreibt. Er bringt seinen reichen Erfahrungsschatz in dieses Buch ein (genauso wie in seine Arbeit hier bei CSS-Tricks).

Speaking JavaScript von Axel Rauschmayer

• Perfekt für: Von anfängerhaftem JavaScript zu höherem Niveau aufsteigen
• Lernniveau: Fortgeschrittene
• Erforderlich: Kenntnisse der objektorientierten Programmierung

Dieses Buch ist in vier Kapitel unterteilt, die mehr als 30 Themen abdecken. So ist es aufgeteilt

1. Das erste Kapitel ist eine gute Wiederholung von Syntax, Variablentypen, Funktionen und Exception Handling.
2. Das zweite Kapitel bietet einen historischen Einblick in JavaScript als Vorbereitung auf die Arten von Features, die im Rest des Buches behandelt werden.
3. Kapitel 3 ist mehr oder weniger als Referenzbuch mit kurzen, klaren Beispielen gestaltet.
4. Das letzte Kapitel umreißt Tipps, Werkzeuge und Bibliotheken, die Ihnen helfen, besseres JavaScript zu schreiben und Best Practices zu befolgen.

Secrets of the JavaScript Ninja von John Resig und Bear Bibeault

• Perfekt für: Erstellen einer plattformübergreifenden JavaScript-Bibliothek von Grund auf
• Lernniveau: Fortgeschrittene
• Erforderlich: Etwas Programmiererfahrung

Es gibt tatsächlich eine neuere Ausgabe dieses Buches, aber die Ausgabe von 2012 ist die kostenlose. In jedem Fall ist dies eine gute Gelegenheit, von John Resig zu lernen; Sie wissen schon, der Typ, der jQuery *erfunden* hat.

Die hier behandelten Techniken umfassen Closures, Funktionen, das DOM, objektorientierte Programmierung mit Prototypen und plattformübergreifende Strategien. Ein schöner Vorteil ist, dass jedem Kapitel eine kurze Zusammenfassung folgt, die perfekt als Referenz dient, sobald Sie das Buch beendet haben.

Learning JavaScript Design Patterns von Addy Osmani

• Perfekt für: Lernen, effizienteres JavaScript zu schreiben
• Lernniveau: Fortgeschrittene
• Erforderlich: Ein angemessenes Maß an JavaScript-Erfahrung

Das Konzept des Design Patterns bezieht sich auf eine wiederverwendbare Lösung für ein häufig auftretendes Problem bei der Anwendungsentwicklung. In diesem Buch behandelt Addy Osmani die Implementierung gängiger Design Patterns mit ES6 und darüber hinaus sowie React-spezifische Design Patterns, die bei der Arbeit an komplexen React-Apps, bei denen die Wartbarkeit ein Hauptziel ist, sehr nützlich sein können.

Einige der behandelten Patterns sind Singleton, Proxy, Provider, Prototype und Observer Patterns. In einigen Fällen enthält Addy Vor- und Nachteile der Verwendung einiger dieser Patterns und wie sie die Leistung Ihrer Anwendung beeinflussen können.

You Don’t Know JS von Kyle Simpson

• Perfekt für: JavaScript meistern
• Lernniveau: Anfänger
• Erforderlich: Wenig bis keine Programmiererfahrung

Während der Titel etwas provokativ sein mag, impliziert Kyle hier, dass er dieses Buch so schreibt, dass Sie keinerlei Vorkenntnisse in JavaScript haben.

Kyle beginnt mit den Grundlagen der Programmierung aus der Perspektive von JavaScript. Anschließend führt er in späteren Kapiteln fortgeschrittenere Konzepte wie Scope und Closure, das this-Schlüsselwort, Object Prototypes, async und Performance ein.

Es gibt viele exzellente Details und Erklärungen hier, und Kyle macht es super einfach zu verstehen, indem er auf übermäßig technischen Jargon verzichtet. Es gibt auch viele Übungen, die Ihr Lernen verstärken sollen. Dieses Buch wird Sie definitiv mit JavaScript vertraut machen. Es gibt eine zweite Auflage des Buches in Arbeit, die Sie auf GitHub verfolgen können.

Das JavaScript-Handbuch für Anfänger von Flavio Copes

• Perfekt für: Eine Referenz für Anfänger
• Lernniveau: Gerade erst angefangen
• Erfordert: E-Mail-Anmeldung, möglicherweise etwas Vorerfahrung

Flavio hat eine sehr nützliche JavaScript-Referenz für Anfänger zusammengestellt. Es ist eher ein schnelles Nachschlagewerk als ein Lehrbuch. Wenn Sie gerade erst anfangen, sollten Sie dies eher als etwas betrachten, das Sie auf Ihrem Schreibtisch griffbereit haben, anstatt sich lange damit zu beschäftigen.

JavaScript für Data Science von Gans, Hodges & Wilson

• Perfekt für: Einstieg in Datenvisualisierungen
• Lernniveau: Mittelstufe bis Fortgeschrittene
• Erfordert: Gutes Verständnis von JavaScript

Die Autoren behandeln Kernfunktionen von modernem JavaScript, darunter Callbacks, Promises, Vererbung, Objekte und Klassen. Sie gehen auch auf Tests mit Mocha, React und Datenvisualisierung ein, was alles großartig ist für alle, die ihren Code und dessen Schreibweise verbessern möchten. Das Buch geht bei vielen Konzepten nicht so tief wie einige andere, aber es glänzt wirklich, wenn es um Data Science geht.

Das Buch verwendet Data-Forge, eine JavaScript-Bibliothek, die für die Arbeit mit tabellarischen Daten entwickelt wurde. Es gibt zahlreiche Übungen, um den Lesern zu helfen, auf dem neuesten Stand zu bleiben. Das letzte Kapitel enthält auch ein Abschlussprojekt, das alles zusammenführt.

Zusammenfassung

Ich hoffe wirklich, dass Ihnen diese Sammlung von Büchern hilft, egal ob Sie Ihre ersten Schritte in der Frontend-Webentwicklung machen, seit einem Jahrzehnt dabei sind oder irgendwo dazwischen liegen. Ich weiß, wie schwer es ist, sich auf etwas Neues einzulassen und das Gefühl zu haben, nicht zu wissen, wo man anfangen soll. Ich weiß auch, wie es sich anfühlt, auf ein Plateau zu stoßen und etwas zu brauchen, um mich zu verbessern. Hier sollte für jeden etwas dabei sein, unabhängig davon, wo Sie sich auf Ihrer Lernreise befinden.

Und, hey, wenn Sie andere Bücher haben, die kostenlos online verfügbar sind, teilen Sie sie bitte in den Kommentaren! Ich wette, wir können eine noch größere Liste zusammenstellen.