Computerprogrammierung ist ein weites und komplexes Gebiet. Für diejenigen, die Programmieren und Webentwicklung lernen möchten, kann es erstaunlich entmutigend sein, einen Weg zu finden, um alle relevanten Informationen zu lernen.
Sie benötigen nicht nur spezielle Geräte wie die bester Monitor zum Programmieren Das können Sie sich leisten, ebenso wie Mäuse, Tastaturen und ergonomische Stühle, um sich um Ihre Gesundheit zu kümmern. Gleichzeitig müssen Sie sich auf einen bestimmten Bereich oder eine bestimmte Programmiersprache konzentrieren, da es viel mehr Informationen gibt, als Sie beherrschen können, wenn du willst alles abdecken.
Neuankömmlinge verkünden oft: "Ich weiß nicht einmal, wo ich anfangen soll!"
Dieser Leitfaden soll Ihnen Anweisungen geben und Ihnen helfen, die richtigen Wege zum Erlernen der Webentwicklung zu finden.
Der Kreis des Wissens
Bevor wir beginnen, wollen wir kurz besprechen, was ich das gerne nenne Wissenskreis (beide bekannt als die verallgemeinerte Art, wie ich über den Erwerb von Wissen nachdenke). Betrachten Sie das folgende Bild:
Angenommen, Sie möchten in diesem Beitrag lernen, wie Sie Ihre erste Website im Kreis erstellen des Wissens, die Außenkante definiert weitgehend das Thema der Entwicklung Web. Innere Kreise definieren Ihre Vertrautheit mit den spezifischeren Unterthemen des allgemeinen Themas. Diese inneren Kreise unterteilen Ihr Verständnis des größeren Themas in drei Abschnitte: Themen, die Sie kennen (oder zu kennen glauben), Themen, die Sie gehört haben, und Themen, von denen Sie nicht einmal wissen, dass sie es gibt.
Anfangs ist der innerste Kreis wahrscheinlich ziemlich klein, da Sie anfangen, sich mit dem auseinanderzusetzen, was Sie brauchen, um die Webentwicklung kennenzulernen. Vielleicht wissen Sie, wie man einen Computer einschaltet; verstehe, dass etwas genannt wird Browser ermöglicht Ihnen den Zugriff auf das Internet (von dem Sie wissen, dass einige Leute gleichzeitig anrufen das Netz); Sie können nach interessanten Themen suchen und die Suchergebnisse durchsuchen, um festzustellen, welches die Antworten auf Ihre Fragen genau wiedergibt.
Es mag nicht nach viel klingen, aber dies ist ein guter Ausgangspunkt. Sie haben bereits etwas mit der überwiegenden Mehrheit der Computerprogrammierer auf der Welt gemeinsam: Wenn wir etwas nicht wissen, suchen wir danach.
Deine erste Suche
Angenommen, Sie suchen nach dem Ausdruck "Wie erstelle ich eine Website?" Und finden die folgenden Ergebnisse:
Sie haben gerade das mittlere Segment Ihres Wissenskreis. Auch wenn Sie möglicherweise nicht verstehen, was sie bedeuten, mögen Begriffe wie Domain, Unterkunft, Wix und E-Commerce ist es so jetzt auf deinem Radar. Dann klicken Sie auf den Link So erstellen Sie eine Website: Punkt-zu-Punkt-Leitfaden für Anfänger (2018) und sie werden mit einer zusätzlichen Zusammenstellung von Begriffen begrüßt: WordPress, Content-Management-System, HTML, CSS, Drupal, usw.
Vor jedem Klick besetzten alle diese Begriffe Ihren äußersten Kreis (Themen, von denen Sie nicht einmal wussten, dass sie existieren), aber durch das Forschungsverfahren verschieben Sie sie nacheinander in den mittleren Kreis - Themen, von denen Sie gehört haben. Das ist ein ausgezeichneter Fortschritt!
Der Prozess des Lernens - Webentwicklung, Backen, Laufen für den Kongress - kann in diese Schritte unterteilt werden. Beginnend mit einer einzelnen Suche lernen Sie eine neue Reihe von Begriffen und Benachrichtigungsmustern (Domain und Unterkunft erschien mehrmals in unserer ersten Quest), und Sie werden beginnen, das Puzzle zusammenzusetzen. Das Ziel Ihres Kreises des Wissens ist Wachsen Sie den inneren Kreis - die Dinge, die Sie kennen - so weit wie möglich. Dazu müssen Sie zuerst das mittlere Segment erweitern, indem Sie neue Konzepte entdecken und dann diejenigen auswählen, auf die Sie sich konzentrieren möchten.
"Das ist großartig, aber wohin gehe ich von hier aus?"
Ich gebe Ihnen einen Vorsprung: Die 100% aller Websites bestehen aus der HyperText Markup Language, die am einfachsten an ihrem Initialismus zu erkennen ist: HTML. Diese Sprache legt die Struktur des Inhalts einer Website fest und zeigt Ihrem Browser die Unterschiede zwischen Titeln, Abschnitten, Absätzen, Bildern, Listen mit Aufzählungszeichen, nummerierten Listen usw. an. Gut strukturiertes HTML kann sowohl von Browsern als auch von Geräten gelesen werden, die sehbehinderten Webbenutzern helfen. Es ist die Basis des Internets. Gleichzeitig ist es die wichtigste Sprache, die Sie lernen können, früh in Ihrer Webentwicklungskarriere gut zu schreiben.
Natürlich werden Websites von mehr als gut strukturierten Inhalten angetrieben. Einige sind wunderschön gestaltet. Einige haben extrem dynamische Interaktionen, andere fungieren als native Computeranwendungen. Manchmal findet man eine Seite, die alles kann.
Wenn Sie sich mit HTML vertraut machen, stellen Sie möglicherweise einige neue Fragen:
- Wie kann ich das besser aussehen lassen?
- "Muss ich nur dieses Navigationsmenü in jeder Datei erstellen?"
- "Kann ich die von mir eingegebenen Informationen in einem Formular speichern?"
- "Ist meine Gewinnspanne erreichbar?"
Wieder einmal ist die Suche dein Freund; Indem Sie Ihre Forschungsfähigkeiten nutzen, lernen Sie neue Informationen. Möglicherweise stellen Sie fest, dass CSS für das Erscheinungsbild einer Website verantwortlich ist. Mit Sprachen wie PHP können Sie wiederverwendbare Vorlagen erstellen, um verschiedene Inhalte wie die Navigation zu unterteilen. Mit Datenbanksprachen wie MySQL können Sie Formulardaten speichern. Gleichzeitig trägt das Schreiben von semantischen Markierungen wesentlich dazu bei, dass Ihre Inhalte erreichbar sind.
Die Weggabelung
Sie werden beginnen, neue Lernpfade zu sehen, wenn Sie weiterhin mehr Wissen erwerben. Und wo es Straßen gibt, gibt es Optionen. Unabhängig davon, ob Sie mehr Wert darauf legen, wie eine Website aussieht und wie Benutzer mit ihr interagieren, oder wie eine Website Ihre Daten speichert und verfügbar macht, wird dies Ihre Entscheidung beeinflussen, spezifisches Wissen in diesen Bereichen zu suchen. Wir definieren das Erscheinungsbild einer Website und die Sammlung von Benutzeroberflächen als Frontend und ihre Datenstrukturen und Anwendungslogik als Backend.
Mein Freund und Kollege Justin Foell hat zuvor einen Beitrag veröffentlicht, in dem er gefragt wurde, ob er zuerst JavaScript oder PHP lernen soll. Eine alternative Frage könnte sein: "Soll ich zunächst lernen, wie man Benutzeroberflächen oder Systeme erstellt?" Das ist der Hauptunterschied zwischen Frontend- und Backend-Entwicklung.
VORDERE ENTWICKLUNG
Die Oberfläche einer Website umfasst den öffentlich sichtbaren Inhalt, den regelmäßige Besucher sehen. Wie Sie erfahren haben, stellt HTML die Struktur für diesen Inhalt bereit, aber die Verantwortung für das visuelle Erscheinungsbild dieses Inhalts liegt bei Cascading Style Sheets (CSS). Gleichzeitig einige Verhaltensweisen Ihrer Website, die auf Benutzereingaben reagieren, z. B. das Aktivieren Eine Diashow oder die Verwendung von Tastaturbefehlen zum Aktivieren verschiedener Einstellungen wird in einer Sprache namens JavaScript geschrieben. Das Entwickeln von HTML-, CSS- und JavaScript-Befehlen ist wichtig, um ein Frontend-Webingenieur zu werden.
Frontend-Entwicklung: Vorlagen, Präsentationsstile, Animationen, Benutzerinteraktionsverwaltung.
Kampagnenressourcen
Eine meiner Lieblingsbuchreihen für eine Einführung in die Frontend-Entwicklung ist Webdesign mit HTML, CSS, JavaScript und jQuery Set, geschrieben von Jon Duckett. Diese Bücher sind eine wunderbare Einführung in jede der drei Hauptsprachen der Benutzeroberfläche und gleichzeitig wunderschön.
Für die CSS-Entwicklung bietet CSS Tricks eine großartige Anleitung für Anfänger zum Erlernen von HTML und CSS. Sobald Sie Ihre Sammlung dieser Posts erschöpft haben, legen sie mehr Wert auf die allgemeinere Frontend-Entwicklung.
A Book Apart veröffentlicht in der Regel Bücher zu einer Reihe von Themen von renommierten Experten auf diesem Gebiet. Sie könnten an ihrer Front-End Fundamentals-Reihe interessiert sein. Schauen Sie sich bald darauf sowohl die onResponsive Design-Serie als auch Front-End Next Steps an.
Das Smashing Magazine ist eine weitere großartige allgemeine Ressource für die Front-End-Entwicklung. Smashing veröffentlicht unzählige Beiträge, Tutorials und Bücher kostenlos und bietet Mitgliedschaften, die tiefe Rabatte auf diese Inhalte bieten. Gleichzeitig organisieren sie das ganze Jahr über mehrere Live-Events.
ENTWICKLUNGS-BACKEND
Das Backend (manchmal auch als "serverseitig" bezeichnet) einer Site besteht normalerweise aus:
- Ein Mechanismus zum dauerhaften Speichern von Daten
- Eine Sammlung von Dateien, die ein Webserver versteht
Die Daten können in Dateien gespeichert werden, es ist jedoch wahrscheinlicher, dass Sie stattdessen eine Datenbank verwenden. Das Open-Source-Content-Management-System WordPress verwendet eine Kombination aus MySQL (Datenbanksprache) und PHP (beide bekannt als Pre-HyperText PHP, eine serverseitige Sprache), um HTML-Inhalte dynamisch zu generieren.
Backend: Datenbanken, serverseitige Sprachen, Anwendungslogik, Anwendungsprogrammierschnittstellen.
Wenn Sie lernen möchten, wie man eine dynamische Website erstellt, empfehlen wir Ihnen, PHP unmittelbar nach dem Erlernen von HTML zu lernen.
PHP begann als Vorlagensprache. Als solches können Sie HTML-Vorlagen erstellen, die PHP verwenden, um Ihre dynamischen Daten anzuziehen. Dies macht es wunderbar vielseitig für die Erstellung der Struktur Ihrer Site, da Sie wiederverwendbare Inhalte wie Navigationsmenüs in separate Dateien aufteilen können. Wenn sich dieser Teil Ihrer Website ändert, kann er auf diese Weise überall dort aktualisiert werden, wo dieser Teil verwendet wird.
Die wahre Stärke von PHP liegt natürlich in der Anwendungsentwicklung. Da es sich um eine Backend-Sprache handelt, erzeugt der größte Teil Ihres PHP-Codes keine Vorlagen. Stattdessen wird eine Verbindung zu Datenquellen wie einer Datenbank oder einer Anwendungsprogrammierschnittstelle hergestellt, um diese Daten abzurufen, zu bearbeiten und zu aktualisieren. Sobald Sie gelernt haben, wie Sie PHP für Vorlagen verwenden, ist das Einfügen einer Datenbank in den Mix und das Schreiben von Abfragen der nächste logische Pfad.
Kampagnenressourcen
Meiner Meinung nach gibt es zwei definitive Ressourcen zum Erlernen von PHP. Zuallererst hat PHP ein großartiges Online-Handbuch, das Ihnen bei Fragen zur Verfügung steht. Zweitens ist PHP The Right Way ein Online-Buch, das alles von Vorlagen über Server bis hin zur Implementierung abdeckt, sodass Sie sich auf einen Bereich der Sprache konzentrieren können, der Ihrem Kenntnisstand entspricht.
Als ich bei der Recherche nach diesem Beitrag nach anderen Ressourcen gesucht habe, habe ich gerade erfahren, dass Jon Duckett ein neues Buch über die serverseitige Entwicklung mit PHP und MySQL veröffentlicht. Ich besitze das nicht, aber da ich weiß, wie gut die Bücher der Frontend-Serie sind, bestelle ich heute vor!
Meiner Meinung nach, gut MySQL-Ressourcen online sind etwas schwieriger zu bekommen, aber Websites wie Lynda.com und Laracasts bieten einige solide Videos mit Anleitungen, wenn Sie bereit sind, für ein Abonnement zu bezahlen.
Sind Sie noch da?
Gut! Diese Weggabelung ist wichtig, denn Ihre erste Frage lautet: „Wie erstelle ich eine Website? Einige werden zufriedenstellend sein, andere werden feststellen, dass es am besten ist, sie nicht zu erkunden. Wir lassen sie dort, damit Sie sie entdecken können.
Zuvor schlug ich vor, dass Computerprogrammierung viel mehr Unterthemen enthält, als irgendjemand zu lernen hoffen könnte. Um Ihren eigenen Weg zu wählen, müssen Sie sich ständig fragen, ob die Informationen, die Sie lernen, notwendig sind, um Ihre persönlichen Ziele zu erreichen. Nur Sie können sicher wissen.
Weiter die Straße hinunter
Wenn Sie genug Zeit damit verbracht haben, die Grundlagen der Front-End- oder Back-End-Entwicklung zu erlernen, können Sie nicht mehr sagen, dass Sie es gehört haben von ihre Sprachen. Stattdessen können Sie sicher sagen, dass Sie mit ihnen vertraut sind. Herzliche Glückwünsche! Sie haben ein oder mehrere Themen erfolgreich in den innersten Bereich Ihres Themas verschoben Wissenskreis: «Themen, die Sie kennen»
Das Lernen hört jedoch nicht auf, weil Sie kompetent sind. Während des Lernkurses zur Frontend-Entwicklung können Sie andere Themen entdecken: CSS-Präprozessoren wie Sass oder LESS, Template-Engines wie Twig oder Blade oder JavaScript-Frameworks wie React, Vue oder Angular. Wenn Sie sich mit der Backend-Entwicklung vertraut machen, erfahren Sie mehr über das Abhängigkeitsmanagement mit Composer, Unit-Tests mit PHPUnit oder Entwicklungspraktiken wie SOLID. In beiden Fällen finden Sie Websites, auf denen Versionskontrolle, Content-Management-Anwendungen, Responsive Design, intrinsisches Webdesign oder ein Konzept namens "testgetriebene Entwicklung" behandelt werden.
zusammenfassend
Unabhängig von Ihrem Weg führt das Einbringen von Wissen in Ihren inneren Kreis zu neuen Informationen, Fragen und Denkweisen zu einem Thema. An diesem Punkt liegt es an Ihnen, Ihre eigene Kompetenz, Ihr Interessenniveau und die folgenden Interessenbereiche zu untersuchen. Es gibt keine richtigen oder falschen Wege. Glücklicherweise gibt es einige Leute, die vorgeschlagene Routen veröffentlicht haben.
Ein Beispiel hierfür ist Kamran Ahmeds "Developer Roadmap - 2018", die auf GitHub veröffentlicht wurde. Kamran bietet empfohlene Pfade für die Front-End- und Back-End-Entwicklung. Ihre Wege sind reich an Informationen, aber sie können überwältigend wirken, wenn es das erste ist, was Sie sich ansehen. Wir empfehlen Ihnen, mit den oben beschriebenen Grundlagen zu beginnen und Kamrans Beiträge erneut zu besuchen, sobald Sie sich bereit fühlen, mehr zu erfahren. Beachten Sie gleichzeitig alle neuen Begriffe oder Informationen, die während des Lernvorgangs auftauchen. Wie oft Sie diese Begriffe sehen, informiert Sie darüber, was als Nächstes zu tun ist.
Stellen Sie sicher, dass Sie normal bei sich selbst einchecken und prüfen, ob Sie etwas über Themen lernen, die Ihnen gefallen. Wenn ja, großartig! Sie haben Themen entdeckt, die reich an neuen Informationen sind und genau zu Ihren Interessengebieten gehören. Wenn nicht, ist es gleichzeitig in Ordnung. Es gibt einige Aspekte des Fachgebiets, die weniger aufregend sind, aber dennoch wichtig sind, um langfristig erfolgreich zu sein. Manchmal ist ein Thema im Grunde nichts für Sie. Je nachdem, wie weit Sie unterwegs sind, stellen Sie möglicherweise fest, dass die Straße selbst Es ist nicht richtig. Die Beurteilung Ihres Interesses an den Informationen, die Sie lernen, ist sehr wichtig, um Ihren Weg zu leiten.
