Die Programmierung informática es un campo vasto y complejo. Para aquellos interesados en aprender programación y desarrollo web, establecer un camino para aprender toda la información relevante puede parecer estupendamente desalentador.
Sie benötigen nicht nur spezielle Geräte wie die bester Monitor zum Programmieren que te puedas permitir, así como ratones, teclados y sillas ergonómicas para cuidar tu salud si no que a la vez necesitarás enfocarte en un área particular o Programmiersprache, puesto que existen mucha más información de la que puedes dominar si deseas abarcar todo.
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:
Para el propósito de este Post, supongamos que usted está interesado en aprender a construir su primer sitio web, en el Círculo 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 le posibilita entrar a Internet (que usted sabe que algunas Personen a la vez llaman 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 y 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 hacer crecer el círculo interno -las cosas que usted conoce- tanto como Sein factible. Para esto, primero existen que ampliar el segmento medio descubriendo nuevos conceptos y después seleccionando aquellos en los que centrar los esfuerzos.
"Das ist großartig, aber wohin gehe ich von hier aus?"
Te daré una ventaja: El 100% de todos los sitios web están compuestos de HyperText Markup Language, más fácilmente reconocido por su inicialismo: HTML. Este lenguaje establece la estructura del Inhalt de un sitio web e indica a su navegador las diferencias entre títulos, secciones, párrafos, imágenes, listas con viñetas, listas numeradas, etc. HTML bien estructurado es legible tanto por los Browser como por los dispositivos que ayudan a los usuarios de la web con problemas de visión. Es la base de Internet. A la vez es el lenguaje más importante que puedes aprender a escribir bien al principio de tu carrera de desarrollo web.
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?"
Una vez más, la búsqueda es tu amigo; y al aprovechar tus habilidades de investigación, aprenderás nueva información. Tal vez descubra que el CSS es responsable de la apariencia de un sitio web. Lenguajes como PHP le posibilitan crear plantillas reutilizables para dividir distintas piezas de contenido como la navegación. Los lenguajes de base de datos como MySQL le posibilitan guardar datos de formularios. Al mismo tiempo, escribir marcas semánticas contribuye en gran medida a hacer que su contenido sea alcanzable.
Die Weggabelung
Comenzarás a ver nuevos caminos de aprendizaje a medida que continúes adquiriendo más conocimiento; y donde existen caminos, existen opciones. Ya sea que le importe más cómo se ve un sitio web y cómo interactúan los usuarios con él, o cómo un sitio web guarda y pone a disposición sus datos, va a informar su decisión de buscar conocimientos específicos en esas áreas. Definimos la apariencia de un sitio web y la recopilación de interfaces de Nutzername como su «frontend», y sus estructuras de datos y lógica de aplicación como su «backend»
Mi amigo y colega, Justin Foell, publicó previamente un post que preguntaba si primero debería aprender JavaScript o PHP. Una pregunta alternativa podría ser: «¿Debería comenzar por aprender a construir interfaces de usuario o sistemas?» Esa es la principal diferencia entre el desarrollo de Vorderes Ende y backend.
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
Una de mis series de libros favoritos para una introducción al desarrollo de frontend es Webdesign con HTML, CSS, JavaScript y jQuery Set, escrito por Jon Duckett. Estos libros son una maravillosa introducción a cada uno de los tres idiomas principales de la interfaz, y a la vez son hermosos.
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
- una colección de archivos que un Server web entiende
Los datos se pueden almacenar en archivos, pero es más probable que utilice una base de datos en su lugar. El sistema de administración de contenidos de Open Source WordPress usa una combinación de MySQL (lenguaje de base de datos) y PHP (a la vez conocido como Pre-HyperText PHP, un lenguaje del lado del servidor) para generar dinámicamente contenido HTML.
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 recursos MySQL en línea son un poco más difíciles de obtener, pero sitios como Lynda.com y Laracasts disponen algunos videos instructivos sólidos, si estás dispuesto a pagar por una Abonnement.
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
Una vez que dedique suficiente tiempo al aprendizaje de los conceptos básicos del desarrollo de Vorderes Ende o backend, ya no podrá decir que ha oído hablar 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.
