Gleich nach „Wo lerne ich am besten?“ Die vielleicht am häufigsten gestellte Frage, die ich von Leuten höre, die sich mit Code beschäftigen, lautet: „Welche Bücher zur Webentwicklung sollte ich lernen?“ Betrachten Sie dies als Antwort auf diese Frage, da ich eine Liste von Büchern zusammengestellt habe, die sich nicht nur hervorragend für den Einstieg in die Front-End-Entwicklung eignen, sondern auch frei verfügbar sind.
Bücher über CSS
Das ist der Großteil dessen, wo wir uns aufhalten werden, denn, nun, das ist eine Seite meist über CSS!
Die Magie von CSS von Adam Schwartz
- Perfekt für: Die nächsten Schritte auf Ihrer CSS-Reise
- Lernniveau: Mittel
- Benötigt: Ein gewisses Grundverständnis von CSS
Adam Schwartz In diesem Buch werden sechs CSS-Konzepte behandelt, darunter Box-Modell, Layout, Tabellen, Farbe, Typografie und Übergänge. Dies sind Dinge, die sogar einige erfahrene CSS-Experten verblüffen, einige dieser Konzepte könnten verwirrend sein. Adam hat sich viel Mühe gegeben, jeden zu entmystifizieren.
Abgesehen davon, dass das Buch eine großartige Einführung in komplexe CSS-Konzepte ist, finde ich es toll, dass jede der CSS-Eigenschaften, die im gesamten Buch erwähnt werden, anklickbar ist, sodass Sie immer darauf klicken können, um zu sehen, wie sie angewendet werden. Es gibt viele anschauliche Beispiele und Empfehlungen für die weitere Lektüre, falls Sie mehr über die einzelnen Kapitel erfahren möchten.
Ich fand das Kapitel über Farben sehr interessant, nicht nur, weil es auf die besten Praktiken für die barrierefreie Verwendung von Farben eingeht, sondern auch, weil es super praktische Anwendungen gibt, wie wenn Adam damit beginnt, CSS zu verwenden, um das Branding einer Organisation zu unterstützen.
Belastbares Webdesign von Jeremy Keith
- Perfekt für: Entwickeln von Strategien zum Schreiben von Code
- Lernniveau: Mittel
- Benötigt: Ein gewisses Grundverständnis von CSS
Direkt aus der Einleitung:
Sie werden hier keinen Code finden, der Ihnen hilft, bessere Websites zu erstellen. Aber Sie werden Ideen und Ansätze finden. Ideen sind robuster als Code. Ich habe versucht, die widerstandsfähigsten Ideen aus der Geschichte des Webdesigns zu einem Ansatz für den Aufbau der Websites der Zukunft zu kombinieren.
Was Jeremy so gut kann, ist die Beschreibung von Soft Skills wie Planung, Gliederung und Ansätzen zum Schreiben von Code. Anstatt also im ganzen Buch Code-Snippets einzufügen, finden Sie hier Details zu Code-Strategien, wie z. B. progressive Erweiterung, die Entscheidung, welche Tools verwendet werden sollen, und die Herausforderungen beim Schreiben von zukunftsfreundlichem Code.
Und für diejenigen unter Ihnen, die nicht das Vergnügen hatten, Jeremy beim Erzählen von Inhalten zuzuhören (wie er es in der Web History-Reihe), steht eine Audiodatei zum Download bereit.
Beginn der CSS-Webentwicklung: Vom Anfänger zum Profi von Simon Collison
- Perfekt für: Die Grundlagen von CSS
- Lernniveau: Absolute Anfänger
- Benötigt: Nichts als Zeit und Motivation
Es mag 2006 geschrieben worden sein, aber Simons Berichterstattung über Webstandards und Zugänglichkeit ist heute zeitlos und relevant. Er vermittelt ein Verständnis der Interoperabilität sowie Ansätze zum Erstellen von Webanwendungen, einschließlich der frühen Planungsphasen, die oft übersehen werden.
Das Buch hat zwei große Teile, die weiter in 16 Kapitel unterteilt sind. Teil 1 behandelt CSS-Themen, wie das Arbeiten mit Text, Links, Listen, Hintergründen, Bildern, Tabellen und Formularen. Auch an den Details wird wirklich nicht gespart.
Teil 2 dreht sich alles um das Layout, 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 hervorhebt, die in dem Kapitel behandelt werden.
In der Tat bietet das Buch unerfahrenen Entwicklern einen soliden Hintergrund in CSS und hilft ihnen schrittweise bei fortgeschritteneren Konzepten. Es wird Ihre CSS-Reise einfacher machen.
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.
Lernen Sie, HTML und CSS zu programmieren von Shay Howe
- Perfekt für: Beginnen Sie Ihre Front-End-Reise
- Lernniveau: Anfänger
- Benötigt: Überhaupt keine Vorerfahrung
Shay bezeichnet dieses Buch als ein einfacher und umfassender Leitfaden, der Anfängern beim Erlernen von HTML und CSS hilft.
Er tut dies, indem er sich auf gemeinsame Elemente des Front-End-Designs und der Entwicklung konzentriert. Einige der behandelten Lektionen sind Box-Modell, Positionierung, Typografie, Hintergrund und Farbverläufe, Listen, Medien, Formulare und Tabellen. Im ersten Kapitel *Erstellen Ihrer ersten Webseite analysierte Shay den Inhalt einer typischen Website, einschließlich Elementen, Attributen und dem Einrichten der HTML-Dokumentstruktur, Code-Validierung, Selektoren und CSS-Resets. Ich finde das Buch sehr lehrreich, zumal es über die Oberfläche hinausging und viele Schlüsselkonzepte mit Codebeispielen ansprach, denen Sie folgen können.
Eine grundlegende Sache an diesem großartigen Buch ist, dass Shay in den 12 Lektionen ein komplettes Projekt von Grund auf neu aufgebaut hat und am Ende jeder Lektion eine Zusammenfassung und Links zum aktuellen Stand dieser Website bereitgestellt hat (damit Sie sie mit Ihrer vergleichen können, wenn Sie folgen mit) und den Quellcode in jeder Phase der Lektionen.
Wenn Sie ein Lernender sind, der durch praktische Übungen lernt, werden Sie dieses Material sehr nützlich finden, und wenn Sie fertig sind, werden Sie eine mehrseitige, funktionale Website entwickelt haben.
Eine fortgeschrittene Fortsetzung des Kurses ist ebenfalls kostenlos über denselben Link verfügbar.
HTML & CSS: Lernen Sie die Grundlagen in 7 Tagen von Michael Knapp
- Perfekt für: Beginnen Sie Ihre Front-End-Reise
- Lernniveau: Anfänger
- Benötigt: Überhaupt keine Vorerfahrung
Können Sie in sieben Tagen alles über HTML und CSS lernen? Wahrscheinlich nicht, aber deshalb konzentriert sich dieses Buch von Michael Knapp aus dem Jahr 2017 direkt auf die Grundlagen. Michael vertieft sich in eine kurze Geschichtsstunde, bevor er sich mit der HTML- und CSS-Struktur, -Logik und -Präsentation befasst. Sie werden sich bis zu dem Punkt auf dem Laufenden halten, an dem Sie sich ziemlich sicher fühlen sollten, eine einfache Webseite zusammenzustellen, plus ein paar Extras auf dem Weg, wenn das Buch SEO und Analytik berührt.
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 bei Apple Books erhältlich, aber es gibt auch eine Kindle-Version, wenn Sie dort bereits ein Abonnement haben.
Die größten CSS-Tricks Vol. 1 von Chris Coyier
- Perfekt für: Staunen darüber, was CSS alles kann
- Lernniveau: Mittel
- Erfordert: Etwas CSS-Erfahrung
Wussten Sie, dass CSS-Tricks auch ein Buch über CSS hat? Es wäre dumm, das aus dieser Liste zu streichen, denn was Sie erhalten, ist eine Sammlung klassischer CSS-Tricks, die von niemand anderem als Chris Coyier erklärt werden. Tatsächlich hat Chris alle in dem Buch behandelten Beispiele aus seinen vielen, vielen (vielen!) Jahren, in denen er diese Seite betreibt, aus der Fülle von Tricks, die seinen Schreibtisch überquert haben, handverlesen.
Jeder Trick löst einen bestimmten Schmerzpunkt. Zum Beispiel die erste „Pin Scrolling to Bottom“-Trickzeigt, wie die overflow-anchor Die CSS-Eigenschaft kann verwendet werden, um die gleiche Chat-ähnliche Oberfläche eines Tools wie Slack zu erstellen, bei dem der Bildschirm so unten verankert ist, dass es sich anfühlt, als würde die Seite für Sie scrollen, wenn neue Elemente hinzugefügt werden.
Bücher zum Prozess
Code ist genauso viel über wie Wir schreiben Code und arbeiten mit anderen an Projekten zusammen, da es um den eigentlichen Code geht, den wir schreiben. Die folgenden Bücher sind großartige Ausgangspunkte für alles, von der Planung und dem Projektmanagement bis hin zur Kommunikation und Zusammenarbeit mit anderen.
Zusammenarbeiten: Bringen Sie Menschen rund um digitale Projekte zusammen von Ellen de Vries
- Perfekt für: Ein besserer Mitarbeiter sein
- Lernniveau: N / A
- Benötigt: Offenheit für eine gute Zusammenarbeit mit anderen!
Ellen spricht in diesem Buch etwas an, womit wir alle zu tun haben: die Zusammenarbeit mit anderen. Und es ist keine Kleinigkeit – das Buch ist in vier Teile unterteilt, die sehr tief in Dinge eintauchen, mit denen wir gut mit anderen zusammenarbeiten können:
- Wissen, wie man den Boden bereitet und die richtigen Bedingungen für die Zusammenarbeit schafft.
- Pflegen Sie die Gruppenkultur in den frühen Stadien der Zusammenarbeit.
- Pflegen Sie einen gesunden kooperativen Prozess.
- Profitieren Sie von einer Zusammenarbeit.
Als Content-Strategin hat Ellen die richtige Art von Erfahrung, um jedem zu helfen, Teil eines kollaborativen Projekts zu sein oder das Beste aus einer Zusammenarbeit herauszuholen.
Der moderne Webdesign-Prozess per Webflow
- Perfekt für: Leitende Designer, Projektmanager
- Lernniveau: N / A
- Benötigt: Ein gewisses Grundverständnis von CSS
Dieses kostenlose E-Book enthält einen siebenstufigen Designprozess, der dabei helfen soll, den Arbeitsablauf für das moderne Webdesign zu definieren.
Dazu gehören:
- Ziele setzen
- Umfang definieren
- Sitemaps und Wireframes
- Arbeiten mit Inhalten
- Umgang mit visuellen Elementen
- Testen
- Versand
Jeder, der ein neues Designprojekt beginnt oder sich mitten in einem Designprojekt befindet, wird die unschätzbaren Einblicke im gesamten Buch finden. Und was am bemerkenswertesten ist, ist, wie dies auf eine Weise geschrieben ist, die sich fast so anfühlt, als würden Sie durch ein gesamtes Projekt vom Konzept bis zur Fertigstellung geführt.
Designen für das Web von Mark Boulton
- Perfekt für: Mit Kunden arbeiten lernen
- Lernniveau: Anfänger
- Erfordert: Ein echtes Interesse an Design
Es scheint, dass viele Unternehmen Design anders angehen. Aber Autor Mark Boulton dokumentiert einen gründlichen Design-Workflow in Designen für das Web das viele Herausforderungen entmystifiziert und alles abdeckt, was Sie wissen müssen.
Das Besondere an diesem Buch ist, dass es wirklich um die Arbeit geht. Sicher, es gibt eine Reihe äußerst wertvoller Informationen zu Best Practices im Design für Dinge wie Typografie, Farbe und Layout, aber was Sie wirklich aus diesem Buch mitnehmen werden, ist wie diese passen in einen Design-Workflow. Es lehrt Sie, wie man recherchiert, welche Technologien wir haben, um Ideen umzusetzen, und schließlich, wie man mit anderen und Kunden zusammenarbeitet – perfektes Futter für Leute wie Designleiter, Projektmanager, Freiberufler oder alle, die am Projektabwicklungsprozess beteiligt sind .
Versionskontrolle mit Git lernen von Turm
- Perfekt für: Git beherrschen
- Lernniveau: Alle Level willkommen
- Erfordert: Überhaupt keine Vorkenntnisse
In diesem Buch ist das Team hinter dem beliebten Tower-Client für Git Führen Sie die Lernenden in den Kern des Versionskontrollsystems mit Git ein. Entwickler, die in Teams arbeiten, werden dies besonders nützlich finden, da es bei der effektiven Zusammenarbeit mit Teammitgliedern hilft, die verschiedene Funktionen eines Projekts erstellen, selbst wenn Sie Tausende von Kilometern voneinander entfernt sind. Das heißt, es ist immer noch wirklich großartig für alle, die sich vor der Befehlszeile scheuen und dort Vertrauen aufbauen möchten.
Und da das Buch vom Hersteller einer Anwendung stammt, die mit Git interagiert, werden Sie neben der direkten Arbeit auf der Befehlszeile auch eine schöne Dosis Tower als GUI verwenden.
Ob Commit, Branching, Merging, Pull-Requests, Forking-Aufgaben oder der Umgang mit Merge-Konflikten, Sie werden viel aus diesem Buch mitnehmen.
Bücher über JavaScript
JavaScript zu lernen scheint immer en vogue zu sein. In der Tat, Jason Rodriguez schrieb 2018 über die JavaScript-Lernlandschaft und stellte eine nette Liste der freien Bücher zur Verfügung. Seitdem ist nicht allzu viel aufgetaucht, aber hier sind meine Gedanken zu den folgenden Büchern.
Beredtes JavaScript von Marijn Haverbeke
- Perfekt für: Besser werden beim Schreiben von JavaScript
- Lernniveau: Fortgeschrittener bis erfahrener Entwickler
- Benötigt: Vorherige JavaScript-Erfahrung
Beredtes JavaScript macht seinem Namen wirklich alle Ehre. Ich persönlich halte dies für eines der am besten geschriebenen JavaScript-Bücher, die mir je untergekommen sind. Marjins Schreibstil ist fesselnd, besonders wie er Programmierkonzepte vorstellt und den Leser mitreißt. In seinen Worten geht es in dem Buch einfach darum Computer anweisen und sie dazu bringen, das zu tun, was Sie von ihnen erwarten.
Das Buch ist ein tiefer Einblick in JavaScript, verteilt auf drei Teile und 21 Kapitel. Sie werden viel über grundlegende Programmierkonzepte wie Werte, Typen, Operatoren und Funktionen bis hin zu fortgeschrittenen Konzepten wie regulären Ausdrücken, Modulen, dem DOM und asynchroner Programmierung lesen. Er beginnt jedes Kapitel mit einem etwas philosophischen Zitat, um den Leser auf das Kommende vorzubereiten, und taucht dann direkt in das Thema ein.
Außerdem gibt es drei Projekte, mit denen Sie Ihre neu erworbenen Fähigkeiten üben können.
JavaScript-Versprechen verstehen von Nicholas C. Zakas
- Perfekt für: Diejenigen, die alles über asynchrone Programmierung mit Versprechungen in JavaScript erfahren möchten.
- Lernniveau: Mittel
- Benötigt: Grundlegende JavaScript-Chops
JavaScript Promises wurden 2015 als Teil der ES6-Spezifikation eingeführt, um asynchrone Funktionen in JavaScript zu handhaben. Laut MDN:
Ein Promise ist ein Objekt, das den eventuellen Abschluss oder Fehlschlag einer asynchronen Operation darstellt
In diesem 51-seitigen Buch erklärt Nicholas das Konzept von Promises in drei Kapiteln: Grundlagen, Verkettung von Promises und Arbeiten mit mehreren Promises. Obwohl die Link zu dem Buch, das wir anbieten ist die kostenlose Community-Version, die Vollversion (verfügbar bei Amazon) enthält zwei weitere Kapitel zu Async-Funktionen und Unhandled Rejection Tracking. Nicholas vereinfachte das Konzept der Promises mit mehreren Illustrationen und Beispielen. Sie werden lernen, wie man es benutzt then(), catch() und finally() und verstehen, wie man mehrere Versprechen miteinander verkettet. Nicholas deckt auch die Zuweisung von Ablehnungs- und Vergleichsbearbeitern ab. Vielleicht möchten Sie das Buch lesen, um Ihr Verständnis des Themas zu festigen.
Nicholas ist ein erfahrener JavaScript-Buchautor, der seit über 15 Jahren über JavaScript schreibt. Seinen Erfahrungsschatz bringt er in dieses Buch ein (so wie er es in seine Arbeit hier bei CSS-Tricks).
Sprechendes JavaScript von Axel Rauschmayer
- Perfekt für: Levelaufstieg vom Anfang von JavaScript
- Lernniveau: Mittel
- Erfordert: Kenntnisse in objektorientierter Programmierung
Dieses Buch ist in vier Kapitel unterteilt, die mehr als 30 Themen behandeln. So gliedert es sich auf:
- Das erste Kapitel ist eine schöne Auffrischung zu Syntax, Variablentypen, Funktionen und Ausnahmebehandlung.
- Das zweite Kapitel bietet eine historische Perspektive auf JavaScript als Auftakt für die Arten von Funktionen, die im Rest des Buches behandelt werden.
- Kapitel 3 ist mehr oder weniger ein Nachschlagewerk mit kurzen, sauberen Beispielen.
- Das letzte Kapitel umreißt Tipps, Tools und Bibliotheken, die dabei helfen, besseres JavaScript zu schreiben und Best Practices zu befolgen.
Geheimnisse des JavaScript-Ninjas von John Resig und Bear Bibeault
- Perfekt für: Erstellen einer browserübergreifenden JavaScript-Bibliothek von Grund auf
- Lernniveau: Mittel
- Erfordert: Etwas vorherige Programmiererfahrung
Es gibt tatsächlich eine neuere Auflage dieses Buches, Aber die Ausgabe 2012 ist diejenige, die kostenlos ist. So oder so, es ist eine gute Gelegenheit, von John Resig zu lernen; Sie wissen schon, der Typ, der erstellt jQuery.
Die hier behandelten Techniken umfassen Closures, Funktionen, das DOM, Objektorientierung mit Prototypen und Cross-Browser-Strategien. Ein netter Vorteil ist, dass auf jedes Kapitel eine kurze Zusammenfassung folgt, die sich perfekt als Nachschlagewerk eignet, wenn Sie das Buch beendet haben.
Lernen von JavaScript-Entwurfsmustern von Addy Osmani
- Perfekt für: Effizienteres JavaScript schreiben lernen
- Lernniveau: Mittel
- Erfordert: Ein anständiges Maß an JavaScript-Erfahrung
Das Konzept des Entwurfsmusters bezieht sich auf eine wiederverwendbare Lösung für ein häufig wiederkehrendes Problem in der Anwendungsentwicklung. In diesem Buch behandelt Addy Osmani die Implementierung gängiger Entwurfsmuster mit ES6 und höher sowie React-spezifische Entwurfsmuster, die bei der Arbeit an komplexen React-Apps, bei denen Wartbarkeit ein Hauptziel ist, sehr praktisch sein können.
Einige der behandelten Muster umfassen Singleton-, Proxy-, Provider-, Prototype- und Observer-Muster. In einigen Fällen enthält Addy Vor- und Nachteile der Verwendung einiger dieser Muster und wie sie sich auf die Leistung Ihrer Anwendung auswirken können.
Sie kennen JS nicht von Kyle Simpson
- Perfekt für: JavaScript beherrschen
- Lernniveau: Anfänger
- Erfordert: Wenig oder keine vorherige Programmiererfahrung
Auch wenn der Titel etwas provokativ sein mag, deutet Kyle hiermit an, dass er dieses Buch unter der Annahme schreibt, dass Sie keinerlei JavaScript-Erfahrung haben.
Kyle beginnt damit, die Grundlagen der Programmierung durch die Linse von JavaScript zu betrachten. In den folgenden Kapiteln führt er dann fortgeschrittenere Konzepte wie Geltungsbereich und Abschluss ein this Stichwort, Objektprototypen, async, und Leistung.
Hier gibt es viele hervorragende Details und Erklärungen, und Kyle macht es super einfach zu verstehen, indem er super Fachjargon vermeidet. Es gibt auch viele Übungen, die darauf ausgelegt sind, Ihr Lernen zu festigen. Dieses Buch wird Sie definitiv mit JavaScript vertraut machen. Eine zweite Auflage des Buches ist in Arbeit die Sie in GitHub verfolgen können.
Das Handbuch für JavaScript-Anfänger von Flavio Copes
- Perfekt für: Eine Referenz für Anfänger
- Lernniveau: Ich fange jetzt an
- Benötigt: E-Mail-Anmeldung, vielleicht etwas Vorerfahrung
Flavio hat eine sehr nützliche JavaScript-Referenz für diejenigen zusammengestellt, die gerade erst anfangen. Es ist eher eine Kurzanleitung als ein Lehrbuch, also sollten diejenigen von Ihnen, die gerade erst anfangen, dies vielleicht als etwas betrachten, das Sie auf Ihrem Schreibtisch behalten, anstatt etwas, mit dem Sie lange Zeit sitzen.
JavaScript für Data Science von Gans, Hodges & Wilson
- Perfekt für: Einstieg in die Datenvisualisierung
- Lernniveau: Mittelstufe bis Fortgeschrittene
- Benötigt: Ein anständiger Umgang mit JavaScript
Die Autoren behandeln Kernfunktionen von modernem JavaScript, darunter Callbacks, Promises, Vererbung, Objekte und Klassen. Sie kommen auch in das Testen mit Mocha, React und Datenvisualisierung, die sich alle hervorragend für alle eignen, die ihren Code und seine Schreibweise verbessern möchten. Das Buch geht nicht so tief in viele Konzepte ein wie einige der anderen Bücher, 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, die den Lesern helfen, mit dem Diskussionsthema Schritt zu halten. Das letzte Kapitel enthält auch ein Abschlussprojekt, das alles zusammenfasst.
Wrapping up
Ich hoffe wirklich, dass diese Büchersammlung Ihnen hilft, egal, ob Sie Ihre ersten Schritte in der Front-End-Webentwicklung machen, ein Dutzend Jahre auf dem Buckel haben oder irgendwo dazwischen liegen. Ich weiß, wie schwer es ist, sich zum ersten Mal auf etwas Neues einzulassen und das Gefühl zu haben, nicht zu wissen, wo man suchen soll. Ich weiß auch, wie es sich anfühlt, ein Plateau zu erreichen und etwas zu brauchen, das mich weiterbringt. Hier sollte für jeden etwas dabei sein, unabhängig davon, wo Sie sich auf Ihrer Lernreise befinden.
Und, hey, wenn Sie noch andere Bücher haben, die Sie online kostenlos ergattern können, teilen Sie sie bitte in den Kommentaren! Ich wette, wir können eine noch größere Liste in Gang bringen.
