Die Frage, wie und wo man HTML & CSS lernt, ist sehr berechtigt. Die Antwort hängt von allen möglichen Faktoren ab: wie ernst es Ihnen ist, was Ihre aktuelle Grundlage ist, welche anderen Ressourcen Ihnen zur Verfügung stehen, was Sie mit dem Gelernten vorhaben und wie viel Zeit Sie haben, neben wahrscheinlich einer Zillion anderer Dinge.
Werfen wir einen Blick auf eine Reihe von Optionen, und Sie können diejenigen auswählen, die sich für Sie richtig anfühlen.
Sie könnten ein Buch lesen.
Es gibt eine Menge Bücher, die HTML und CSS behandeln (oft auch zusammen). Sie alle sind wahrscheinlich gut. Es gibt keinen Bedarf, hier alle Optionen aufzulisten. Diese beiden sind meine persönlichen Empfehlungen. Wahrscheinlich brauchen Sie nicht einmal beide.
Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics
Jennifer Robbins’ deckt etwas mehr ab und ist so konzipiert, dass sie sowohl zum persönlichen Lesen als auch als Lehrbuch für den Unterricht nützlich ist.
Sie könnten einen kostenlosen Online-Kurs oder Leitfaden absolvieren.
Frontend Masters
Frontend Masters hat einen sehr ausführlichen Bootcamp, den sie kostenlos anbieten. Es sind 21 Stunden hochwertiges Videotraining! Wenn es Ihnen zusagt, können Sie sich für die fortgeschritteneren kostenpflichtigen Kurse anmelden.
freeCodeCamp
freeCodeCamp ist ebenfalls (warten Sie ab) kostenlos und bietet einen schrittweisen Prozess, bei dem Sie nicht nur zuschauen, sondern auch Aufgaben zu erledigen haben.
Khan Academy
Khan Academy hat einen Kurs namens „Intro to HTML/CSS: Making webpages“, der in einem supercoolen Format verpackt ist. Es ist wie ein Video, bei dem Sie den Ausbilder hören, der Sie durch das Lernen führt, aber was Sie sehen, ist ein echter Live-Texteditor und eine echte Live-Ausgabe. Manchmal steuert der Lehrer den Code, und dann bricht er für Herausforderungen ab, bei denen Sie übernehmen und den Code selbst bearbeiten.
Don't Fear the Internet
Jessica Hisches und Russ Maschmeyers Don’t Fear the Internet ist eine achtteilige Serie, die Sie mit HTML & CSS vertraut macht – sie behandelt sogar das überaus wichtige Thema Typografie.
Mithilfe kurzer Tutorial-Videos lernen Sie, wie Sie einen einfachen WordPress-Blog bearbeiten und das CSS, HTML (und sogar etwas PHP!) an Ihre Ästhetik anpassen.
Interneting is hard
Oliver James hat einen wunderbaren Online-Kurs namens Internetting is Hard (But it doesn’t have to be).
Wir haben HTML & CSS Is Hard so konzipiert, dass es die einzige Einführung in HTML und CSS ist, die Sie jemals brauchen werden. Wenn Sie sich die Mühe machen, jeden Abschnitt zu lesen und jeden Code-Snippet zu schreiben, hat dieses Tutorial das Potenzial, Hunderte oder sogar Tausende von Dollar an Online-Kursen und Live-Schulungen zu ersetzen.
Scrimba / Intro to HTML
Eric Tirado hat einen Intro to HTML Kurs auf Scrimba, was ebenfalls eine tolle Plattform ist, da Eric's Stimme Sie durch den Kurs führt, visuell ist es jedoch eine Kombination aus Folien mit einem echten Code-Editor und Vorschau.
Sie könnten alle Beiträge in unserem Anfängerleitfaden durchlesen.
Wir haben einen Leitfaden (eine Sammlung von Artikeln, Videos und Links) namens Just Starting Out with CSS & HTML. Ich hoffe, es gibt darin Dinge, die Ihnen beim schnellen Einstieg oder zur Ergänzung Ihres frühen Lernens helfen können, denn das ist die Absicht.
Sie könnten einen kostenpflichtigen Online-Kurs finden und belegen.
Ich trete oft Fitnessstudios bei, weil die Rechenschaftspflicht für das Bezahlen mich dazu bringt, es zu tun. Ich weiß, dass ich Liegestütze, Kniebeugen und Joggen kostenlos machen kann, aber die Fitnessstudio-Mitgliedschaft macht etwas daraus. Nun, dasselbe könnte man über das Bezahlen für einen HTML- und CSS-Kurs sagen.
Dies sind *allgemeine* Verallgemeinerungen, aber gute Ausgangspunkte
- Anfänger: Treehouse, Lynda.com
- Fortgeschrittene: Design+Code, Udemy, Udacity, Pluralsight, Coursera
- Experten: Frontend Masters, Wes Bos
Sie könnten eine Präsenz-Codeschule oder ein Coding Bootcamp besuchen.
Wenn Sie noch mehr ins Spiel bringen wollen, könnten Sie darüber nachdenken, buchstäblich zur Schule zu gehen. Wenn Sie keinen Hochschulabschluss haben, ist das eine Option, obwohl Sie sich dann mit einer breiten Bildung beschäftigen, anstatt nur mit einem Sprungbrett für die Verbesserung Ihrer Webdesign- und Entwicklungsfähigkeiten. Ich bin ein Fan davon, einfach wegen der allgemeinen Erweiterung des Horizonts, die es mit sich bringt.
Aber vorausgesetzt, Sie gehen zu einer codespezifischen Schule…
- Es gibt Optionen, die in einzelnen Städten existieren. Ich kenne jemanden, der das rein weibliche Coding-Bootcamp Hackbright in San Francisco besucht hat. Es gibt Orte wie Actualize in Chicago, Center Centre in Tennessee und HackerYou in Toronto.
- Es gibt größere Organisationen wie Flatiron School (mit Standorten in den gesamten USA) und General Assembly (mit Standorten auf der ganzen Welt).
Es gibt wahrscheinlich Dutzende – wenn nicht Hunderte – mehr, also dient dies eher dazu, Sie über die Möglichkeit des Schulbesuchs zu informieren. Sie müssen nicht einmal eine physische Schule besuchen, da viele davon auch Online-Kurse anbieten (aber mit dem Vorteil von Live-Unterricht und Kohorten). Zum Beispiel hat LambdaSchool die Neuheit, kostenlos zu starten und später in Form davon zu bezahlen, dass sie einen Teil Ihres Gehalts erhalten, nachdem Sie einen Job in der Branche gefunden haben.
Sie könnten auf CodePen üben.
Nicht jede Sekunde Ihres Lernens sollte strikt einem Kurs folgen, der von einem Buch, einem Kurs oder einem Lehrer vorgegeben wird. Es wäre nicht einmal so, wenn Sie es versuchen würden. Machen Sie sich das am besten zu eigen. Wenn etwas Ihre Muse kitzelt, spielen Sie herum!
Ich hoffe, CodePen ist ein lohnender Ort dafür, sowohl einfach als auch nützlich, und bietet einen Ort, um sich mit anderen Leuten in diesem Bereich zu vernetzen.
Sie könnten eine persönliche Website erstellen und lernen, was Sie brauchen, um sie fertigzustellen.
So haben unzählige Entwickler ihre ersten Erfahrungen gesammelt, mich eingeschlossen. Ich wollte vor Jahren eine persönliche Website und habe mich durch das Einrichten einer selbstgehosteten WordPress-Site gekämpft, damit ich die volle Kontrolle über alles hatte und sie nach Belieben anpassen konnte. Sobald Sie eine tatsächliche Website online haben und wissen, dass sie zumindest einige Leute sehen, gibt Ihnen das die Motivation der Welt, weiterzumachen und sich weiterzuentwickeln.
Ebenso üblich: Bauen Sie eine Website für Ihre Band. Oder für einen Freund, den Freund eines Freundes oder das Geschäft der Schwester des Geschäftspartners Ihrer Mutter. Wenn Sie ein echtes Projekt haben (eine echte Website im Live-Internet), haben Sie das Gefühl, für etwas Reales verantwortlich zu sein, das echte Leute sehen werden, und Sie müssen es fertigstellen und gute Arbeit leisten. Das funktioniert für manche Leute enorm gut.
Sie lernen tatsächlich durch eine Kombination all dieser Dinge.
Leute fragen sich *besessen*, ob Musiker "autodidaktisch" sind. Als ob sie es wären, würde ihre Erhabenheit sich verdreifachen, weil es bedeutet, dass ihr kreatives Genie von einem Blitzschlag bei der Geburt kam. Sie brauchen niemanden sonst zum Lernen; sie schauen nur auf diese Gitarrensaiten oder Klaviertasten und *wissen*, was zu tun ist.
Und wenn sie von einem Lehrer unterrichtet wurden, dann ist das alles weg. Wenn sie überhaupt gut sind, dann nur, weil der Lehrer ihnen das übermittelt hat.
Totaler Unsinn.
Menschen lernen alles – Musik und Webentwicklung eingeschlossen – in einem Wirbelsturm von Einflüssen. Bleiben wir noch einen Moment bei der Musik. Das Spielen lernen kommt in vielen Formen. Man lernt, indem man viel Musik hört. Man kann grundlegende Übungen machen, wie Fingerübungen und Tonleitern rauf und runter. Man kann lernen, Akkorde auf einer Tafel zu transponieren. Man kann den ganzen Tag YouTube schauen. Man kann sich für Online-Kurse anmelden. Man kann zu lokalen Jams gehen, um zuzuschauen und mitzuspielen. Man kann einer Band beitreten. Man kann Unterricht bei jemandem nehmen, der auf Craigslist wirbt. Man kann zu einer lokalen Musikschule gehen. Man kann Bücher über Musik lesen.
Sie verstehen, worum es geht.
Sie können und werden all das tun. Beim Erlernen von Webdesign und -entwicklung wird es viele verschiedene Wege geben, um irgendwohin zu gelangen. Es gibt keine einfache Lösung. Es erfordert, dass man auf viele verschiedene Arten daran arbeitet. Es gibt keine finanzielle Verpflichtung, aber Sie brauchen mehrere Winkel, Zeit und Motivation.
Diese Seite hat viel zu lesen und anzusehen!
#58: HTML & CSS – Die GRUNDLAGEN
Anfängerkonzepte: Wie CSS-Selektoren funktionieren
Der Moment, als CSS "Sinn" machte
CSS Grundlagen: Fallback-Schriftarten für robustere Web-Typografie
CSS Grundlagen: Links wie ein Boss stylen
CSS Grundlagen: Das zweite "S" in CSS
CSS Grundlagen: Der Syntax, der zählt & der Syntax, der nicht zählt
CSS Grundlagen: Fallback-Farben verwenden
Ein lustiges Ding ist passiert auf dem Weg zum Erlernen von JavaScript
Absolut, Relativ, Fest positioniert: Wie unterscheiden sie sich?
CSS Basics: Multiple Backgrounds verwenden
Lernen zu lernen
Der Schneeballeffekt der Übung
Web-Technologien, die zusammenhängen
Web-Technologien und Syntax
Geh hinaus und baue Websites, das alte ShopTalk-Mantra!
Ich liebe die Inhalte, die dieses Jahr erstellt werden.
https://www.freecodecamp.org/ ist mit Abstand einer der besten Online-Kurse, auf die ich bisher gestoßen bin.
Ja, natürlich! Lassen Sie mich diesen Beitrag aktualisieren, denn das verdient einen prominenten Platz.
Ich stimme dem zu. Es ist auch ein schönes, herausforderndes Format.
Für russischsprachige (und diejenigen, die Neugierde halber Websites besuchen) gibt es anständige interaktive Lektionen auf „HTML Academy“. Aber Sie sollten die Originalsprache zumindest ein wenig kennen. Ebenso muss jeder, der wirklich programmieren lernen will, Englisch einigermaßen beherrschen.
Ich habe mit Büchern und Geocities angefangen. Habe die Tutorials im Buch befolgt und gelernt, wie man Code per FTP auf einen Server überträgt.
Ich kann auch Khan Academy nur empfehlen. Meine Töchter nutzen es, um programmieren zu lernen, und lieben es.
Ich möchte auch YouTube erwähnen. Ich bin voreingenommen gegenüber YouTube, weil das (zusammen mit Codepen) meine bevorzugte Lehrplattform ist. Ich nutze es aber auch ständig zum Lernen. Ich bin ein visueller Lerner und es hat mein Verständnis für viele Projekte/Themen/Sprachen beschleunigt.
Ich habe kürzlich einen Kanal namens The Stack gestartet, um ein Bildungskanal für Webentwicklung zu sein: https://www.youtube.com/channel/UCzDpCbn_eCsor93LHFSIGFA. Der Schwerpunkt liegt auf HTML, CSS und JavaScript. Ich denke, das könnte für viele Leute hilfreich sein. Hoffentlich entwickelt sich das in Zukunft von kuratierten Inhalten zu originellen Inhalten.
Dies ist ein großartiger Beitrag und ein großartiges Thema. Mach weiter so, Chris!
Tolle Liste von Ressourcen und Taktiken!
Ich habe Frontend Mentor erstellt, falls jemand Projekte mit vorgegebenen Designs üben möchte.
Ich hoffe, es hilft!
Ist jemand anders ein Produkt von Neopets? Ich habe damit angefangen, Pet Pages zu bauen, und ich weiß, dass es auch andere gibt, die das getan haben! Es gab eine riesige Community von Leuten, die bereit waren, dir beizubringen, wie man das macht, und die Anleitungen und Tutorials zum Thema Coding geschrieben haben.
Hallo Chris, was ist mit https://internetingishard.com/ passiert?
Ich weiß es nicht! Ich schwöre, es hat funktioniert, als ich das geschrieben habe. Ich habe mir notiert, es in einer Woche zu überprüfen, und wenn es dann immer noch offline ist, werde ich es entfernen.
Hey Chris, der Kurs "Learn HTML and CSS Correctly" ist hier erwähnenswert.
https://ilovecoding.org/courses/htmlcss2
Volle Transparenz, ich habe diesen Kurs erstellt
Team Tree House ist <3 Tolle Pädagogen und ihre Art zu lehren. Quiz und Code-Herausforderungen machen das Lernen unterhaltsam. Ich empfehle es fast jedem, der mich fragt, wie man Front-End-Entwicklung professionell lernt.
Das ist ein großartiger Artikel – gut organisiert und gut präsentiert. Ich bin ein zertifizierter Lehrer und Professor für Kunst, der Webdesign für Anfänger unterrichtet und einen Hintergrund in der Branche hat… der bis vor der grafischen Sensation des Webs zurückreicht.
Tipp für Lernende UND Lehrende
Achten Sie auf Ihre Annahmen. Jeder hat Annahmen (UX 101). Kennen Sie Ihre. Sie denken vielleicht, dass Ihr Freund John, dem Sie helfen, den Unterschied zwischen dem Web und dem Internet kennt, aber das tut er vielleicht nicht, und ja, solche Dinge sind wichtig.
Heute finde ich das besonders wahr bei vielen Studenten (einschließlich meiner College-Studenten), die oft nicht einmal wissen, was der Unterschied zwischen IE und Chrome ist, eine Webanwendung und eine Website, ein Betriebssystem und ein Browser, oder sogar die Idee einer 'Klasse' usw. Von einem größeren Bild der Dinge auszugehen, macht einen riesigen Unterschied für die Fähigkeit eines Studenten, ausreichende Fähigkeiten und Kenntnisse zu erwerben, um sowohl für das Web zu entwickeln und zu gestalten… als auch für alles andere.
Aus meiner Arbeit in der Branche in Design- und Engineering-Teams, zu denen immer Psychologen gehörten, kannte ich die Theorie dazu, aber jetzt als Lehrer erlebe ich dies in der Praxis noch direkter. Danke für diesen großartigen, prägnanten Artikel.
Danke für den Rat
Ich habe meine Kurse bisher auf kostenlosen Plattformen gelernt. Wie Google, YouTube.
Es gab viele Leute, die ihr Wissen über wunderbare kostenlose Plattformen mit anderen geteilt haben. Ich hoffe, dass viele Leute nach vorne kommen und ihr Wissen ebenfalls teilen.
Ich hoffe, ich komme mit Frontend zurecht
Ich denke, du solltest auch den MDN-Lernbereich hinzufügen. :)
Eine gute Kombination ist dieses kostenlose Online-Buch mit Videos und interaktiven Übungen: https://htmlandcssguidebook.com
MDN Web Docs sind mein Favorit: https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer
Hallo Chris,
Vielen Dank, dass Sie diese großartige Sammlung zusammengestellt haben.
Ich habe diese Seite als Lesezeichen markiert.
Ich bin mir nicht sicher, ob Sie die folgende Website kennen
https://learn.shayhowe.com/html-css/
Ich habe die obige Website genutzt, um Praktikanten und neue Mitarbeiter in meinem Unternehmen zu schulen.
Ich vertraue darauf, dass Sie dies hilfreich finden werden.
Ich suche auch nach praktischen Workshops, um HTML und CSS zu lernen (Learning by Doing).
Lassen Sie es mich wissen, wenn Sie von einem solchen Programm wissen?
Ich verfolge Sie und habe viele CSS-Tricks von Ihrer Website gelernt. Also ein Lob an Sie und Ihr Team.
Hey Chris, der Kurs "Learn HTML and CSS Correctly" ist hier erwähnenswert.
https://www.behelpme.com/learn/
Volle Transparenz, ich habe diesen Kurs erstellt
Ich bin froh, auf so wichtige und produktive Inhalte gestoßen zu sein. Ich schätze Ihre Bemühungen sehr und werde sie auf jeden Fall teilen.
Ein neuer und unterhaltsamer Weg, CSS zu lernen – https://cssbattle.dev/learn