Im Vergleich zum Programmieren ist das UI-Design eine unkomplizierte Fähigkeit. Sie können Texturen und Typografie für Websites, mobile Anwendungen und sogar Software entwerfen, wenn Sie wissen, wie das Frontend und Backend funktioniert. Die Entwicklung ist jedoch eine eigenständige Disziplin mit mehreren verschiedenen Forschungsbereichen. Vor allem die Webentwicklung ist ein weites Feld, aber auch ein lohnendes, da man lernt, wie man neue Projekte von Grund auf entwickelt.
Dieses Tutorial zeigt Ihnen den Weg, egal ob Sie ein Designer sind, der das Programmieren lernen möchte, oder einfach nur kompliziertere Web-Apps erstellen möchten. Ich werde speziell auf die Webentwicklung eingehen, die alles von HTML/CSS über JavaScript bis hin zur Backend-Programmierung umfasst.
Alles, was Sie brauchen, ist etwas Zeit und Geduld. Niemand ist beim ersten Mal in irgendetwas exzellent. Diejenigen, die erfolgreich sind, sind andererseits diejenigen, die ein zweites, drittes und viertes Mal zurückkehren, bis das Scheitern zur Meisterschaft wird.
Frontend-Entwicklung beherrschen
Bevor es an die Backend-Struktur geht, sollte jeder Webentwickler zumindest das Frontend verstehen. Sobald Sie die Prinzipien verstanden haben, scheint das Erstellen einer Benutzeroberfläche im Browser eine einfache Anstrengung zu sein. Denken Sie nur daran, Ihr Ego im Zaum zu halten, und bedenken Sie, dass einige Leute ausschließlich für die Frontend-Entwicklung entschädigt werden – das ist ein großes Problem.
HTML und CSS sind die beiden Hauptsprachen, die in dieser Disziplin behandelt werden. Diese ähneln Elektrizität und Magnetismus darin, dass sie unabhängig voneinander genutzt werden können, aber im Wesentlichen dasselbe sind. Auf jeder standardkonformen Website ist HTML für die Struktur und CSS für das Layout erforderlich.
Webentwickler, die am Backend arbeiten, schreiben Code für die Frontend-Schnittstelle. HTML wurde verwendet, um diese Schnittstelle zu entwickeln, und CSS wurde verwendet, um sie zu stylen. Mit genügend Erfahrung werden Sie feststellen, dass diese beiden Sprachen im Bereich der Webentwicklung miteinander verbunden sind.
Grundlegende Skripttechniken
JavaScript ist die am weitesten verbreitete und unterstützte Skriptsprache. Da es auf dem Frontend arbeitet (dh es ist kein Webserver erforderlich), wird es als Frontend-Entwicklung bezeichnet.
Diejenigen, die sich für das Erlernen der Backend-Programmierung interessieren, können viel aus JavaScript herausholen. Variablen, Funktionen, Klassen, Methoden und andere ähnliche Merkmale sorgen dafür, dass es wie eine Standardprogrammiersprache funktioniert. JS-Code hingegen muss nirgendwo anders als in einem Webbrowser erstellt oder ausgeführt werden.
Mit Cloud-basierten IDEs wie CodePen oder jsFiddle können Sie JavaScript sogar kostenlos online üben.
Jedes Element auf dem Bildschirm kann mit JavaScript animiert und manipuliert werden. Wenn das Manipulieren von Seitenkomponenten nicht Ihr Ding ist, überspringen Sie JS und konzentrieren Sie sich auf das, was Ihnen gefällt.
Wenn Sie die Grundlagen von JS studiert haben und mehr erfahren möchten, empfehle ich jQuery. Es ist die größte Bibliothek für komplexe Codierung und funktioniert immer noch auf einer Vielzahl von Browsern. jQuery ermöglicht es Programmierern, Plugins zu schreiben, die auf der Bibliothek ausgeführt werden, wodurch eine Abstraktionsschicht erstellt wird.
Obwohl JS nicht jedermanns Sache ist, kann Ihnen die Beherrschung der Grundlagen beim Einstieg in die Backend-Programmierung helfen.
Auswahl einer Backend-Programmiersprache
Im Backend beginnt die eigentliche Arbeit der Webentwicklung. Die meisten Programmierer spezialisieren sich auf eine von drei Sprachen: PHP, Python oder Ruby (Ruby on Rails für das Web).
Wenn Sie sich für Informatik interessieren, können Sie sich an ein paar anderen Sprachen versuchen und die Unterschiede untersuchen. Es wird jedoch empfohlen, dass Sie eine Sprache beruflich lernen.
Unternehmen bevorzugen Experten gegenüber Generalisten, und wenn Sie sich an eine bestimmte Qualifikation halten, werden Sie viel gefragter sein.
Jede Backend-Sprache benötigt eine einzigartige Serverumgebung, also recherchieren Sie und finden Sie heraus, was für Sie am besten funktioniert. Da es keine einzige „richtige“ Option gibt, kann ich keine abschließende Antwort geben.
Rails scheint im Moment aufgrund seiner Geschwindigkeit und Unterstützung an Popularität zu gewinnen. Open-Source-Programme wie WordPress (PHP/MySQL) machen PHP jedoch immer beliebter.
Die von Ihnen gewählte Sprache wird durch Ihre Präferenzen und Ihren Berufsweg bestimmt. Sie können jedoch nur eine Sprache gleichzeitig lernen, also wählen Sie eine und bleiben Sie dabei.
Erstellen Sie Ihre eigenen Demonstrationsprojekte
Entwickler im Frontend und Backend sammeln Erfahrungen durch die Praxis. Künstler, Zauberer und Breakdancer zum Beispiel tun es alle. Jede Fähigkeit/Talent wird durch Übung und Wiederholung entwickelt.
Es muss jedoch unterschieden werden, ob man die gleichen Ansätze wiederholt und sich selbst zu neuen Höhen treibt.
Die Simulation realer Ereignisse ist der beste Weg, um etwas über Entwicklung zu lernen. Überlegen Sie sich verschiedene Projektideen und versuchen Sie, diese umzusetzen. Tun Sie so, als würden Sie für einen Kunden arbeiten, und geben Sie Ihr Bestes, um seine Erwartungen zu erfüllen oder zu übertreffen.
Beachten Sie die folgenden Vorschläge:
- Formular zum Hochladen und Ändern der Größe von Bildern
- Ajax-Benutzerprofil, das bearbeitet werden kann
- Ein datenbankverknüpftes Anmeldeformular
- System von Thread-Kommentaren
Wenn Sie etwas entwickeln, das Sie fasziniert, sind Sie motivierter zu lernen. Wenn Sie regelmäßig üben, werden Sie immer wieder auf die gleichen Themen stoßen. Sie werden zunächst ratlos sein, aber jedes Thema wird mit der Zeit absorbiert, und Sie werden erkennen, wie alles zusammenhängt.
Werden Sie ein CMS-Entwickler
Es lohnt sich, sich mit der Anpassung zu befassen, nachdem Sie einige Kenntnisse in einer bestimmten Sprache erworben haben. Einige Websites stellen APIs bereit oder stellen ihren Quellcode frei zur Verfügung.
Sobald Sie etwas Selbstvertrauen gewonnen haben, sollten Sie danach streben, von der Arbeit anderer zu lernen. Das Erlernen von PHP zum Beispiel ist vorteilhaft, aber das Erlernen von WordPress ist viel mehr. Obwohl das gesamte WP-Skript in PHP geschrieben ist, verwendet es eine Reihe einzigartiger Methoden, Klassen und Variablen, die gelernt werden müssen, bevor etwas geändert werden kann.
Wenn Sie eine Anstellung suchen, ist es eine gute Idee, sich mit gängigen Rahmenbedingungen vertraut zu machen. Refinery ist in Rails, Django ist in Python und Umbraco und Orchard sind in.NET.
Betrachten Sie CMS-Frameworks als Trainingsräder für die Programmierung. Sie können mit der Verwendung von Stützrädern beginnen, nachdem Sie die Fähigkeiten (Fahrradfahren) gemeistert haben. Nachdem Sie Prinzipien wie die MVC-Struktur gemeistert haben, können Sie die Stützräder über Bord werfen und Ihr eigenes System von Grund auf erstellen.
Perfektion kommt mit Übung.
Bis die Kühe nach Hause kommen, kann ich Hilfestellungen, Unterricht und Beispielprojekte geben. Der einzige Weg, Fortschritte bei sich selbst zu erkennen, ist jedoch das Üben.
Nimm dir jeden Tag oder jede Woche Zeit zum Üben. Haben Sie ein Ziel vor Augen, damit Sie wissen, wann eine Arbeit erledigt ist. Posten Sie alle Fragen, die Ihnen online begegnen. Wenn Sie etwas Neues lernen müssen, gehen Sie zu Google und geben Sie es ein. Alles, was Sie brauchen, ist bereits vorhanden; alles, was Sie tun müssen, ist zu handeln.
