Vom Autor: Die beliebteste Frage von Neulingen lautet: „Wo fange ich bei der Webentwicklung an?“ Tatsächlich ist es fast unmöglich, den Ausgangspunkt des Lernens unabhängig zu bestimmen. Das Feld ist mit einer Vielzahl unterschiedlicher Werkzeuge gefüllt, was bedeutet, dass eine ganze Reihe von Fähigkeiten erforderlich sind. Wir helfen Ihnen herauszufinden, in welcher Reihenfolge Sie die Arbeit mit Software und Sprachen für das Web beherrschen müssen, damit Sie sich in kürzester Zeit Entwickler nennen können.

Es lohnt sich anzufangen!

Hätte man Anfang der 2000er Jahre einen erfahrenen Programmierer gefragt, was das interessanteste Studienfach sei, hätte er ohne mit der Wimper zu zucken geantwortet: „Softwareentwicklung“. Zu dieser Zeit war der Arbeitsaufwand in dieser Richtung tatsächlich groß: Es mussten die wichtigsten Betriebssysteme, Antivirenprogramme, Browser und Spiele-Engines erstellt werden. Heute entwickelt sich das alles weiter, der Schwerpunkt liegt jedoch auf dem Web.

Für Einsteiger ist die Erstellung von Online-Produkten interessant. Das sehen sie jeden Tag: Seiten und Anwendungen. Ihr Einsatz ist aktiv, was bedeutet, dass der Markt solche Spezialisten benötigt. Darüber hinaus ist das Lernen jetzt für jeden zugänglich, der über das Internet verfügt – es ist nicht mehr notwendig, mit Informationsreihen in der Bibliothek zu arbeiten.

Webentwicklung zieht Menschen mit einem kreativen Geist an. Hier gibt es sowohl Programmierer als auch Künstler. Ein Produkt braucht einen hochwertigen Kern – und ein ansprechendes Erscheinungsbild. Es gibt immer noch eine lebhafte Debatte darüber, was für ein Webprodukt wichtiger ist: Aussehen oder Leistung. Und wenn einige (Telegram, Facebook) zeigen, dass selbst ein einfacher visueller Teil vom Benutzer gut wahrgenommen wird, dann zeigen andere (Instagram), dass der Benutzer manchmal bereit ist, für eine schön gestaltete Anwendung Geschwindigkeit zu zahlen.

Sie müssen auch Webentwickler werden, denn jeder Ansatz hat seine eigene Anwendung. Dies ist eine Welt der ständigen Entwicklung und Suche. Hier steht der Kunde und seine Bedürfnisse im Mittelpunkt. Darüber hinaus können Sie mit der gesammelten Erfahrung im Web-Umfeld mit der Entwicklung von Software beginnen: Für diese Art der Entwicklung haben sich Sprachen und Tools durchgesetzt.
Frontend oder Backend?

Sogar diejenigen, die mit dem Studium des Fachgebiets von Grund auf beginnen, wissen, dass es diese beiden Hauptrichtungen in der Entwicklung gibt. Aber nur wenige Menschen wissen, was jeder von ihnen bedeutet. Und wenn mit der „Front“ alles mehr oder weniger klar ist, dann Serverteil, Backend, für Dummies ist in Dunkelheit gehüllt. Ohne ein gründliches Verständnis der einzelnen Entwicklungsvektoren ist es unmöglich zu bestimmen, mit welchem ​​davon Sie sich am wohlsten fühlen. Ein ausführlicher Testbericht kann für Anfänger Klarheit schaffen.

So können wir allgemein charakterisieren, was es bedeutet, ein Produkt für das Web zu erstellen. Nein, wir bestehen nicht darauf, dass ein Anfänger die Rückseite wählen muss, es ist nur so, dass dies eine mysteriösere Seite ist.

Tatsächlich ist die Art und Weise, wie die meisten Elemente in ihrem visuellen Teil aufgebaut sind, im Allgemeinen jedem klar. Aber welche Art von Magie es bewirkt, dass Funktionselemente geladen werden, die zu einem bestimmten Zeitpunkt benötigt werden, ist nicht jedem klar. Diese Magie im Netzwerk wird von der Serverseite gesteuert: Informationen, die auf dem Server und nicht auf dem Computer des Benutzers verarbeitet werden.

Ein entwickeltes Backend ist typisch für dynamische Websites. Zum Beispiel, soziale Netzwerke- dynamisch. Sie aktualisieren Ihre Seite, ohne dass Sie es bemerken, und generieren HTML-Code für den Browser basierend auf Faktoren, die von der Cursorbewegung bis zu einem bestimmten Zeitraum reichen.

Bei der Registrierung wählen Sie einen Spitznamen. Und wenn es beschäftigt ist, benachrichtigt Sie das System darüber: Das Backend hat mit der Arbeit begonnen. Gemäß dem vorgeschriebenen Algorithmus werden die von Ihnen in das Feld der Webseite eingegebenen Daten an den Server gesendet. Dort gleicht das Programm alle registrierten Benutzer mit der Datenbank ab und sendet bei vergebenem Namen eine Information darüber an den Benutzer auf dem Bildschirm. In einer ausgefeilteren Variante bietet ein speziell geschriebenes Programm dem Benutzer verschiedene Variationen des Spitznamens an, die verwendet werden können.

Und das ist nur ein Beispiel: Für Anfänger ist es am verständlichsten. Im Allgemeinen kann die Serverseite eine unbegrenzte Anzahl von Funktionen ausführen. Der Entwickler, der ein Produkt von Grund auf erstellt, bestimmt, welche Funktionen durch die Leistung des Servers ausgeführt werden und welche auf die Schultern des Benutzercomputers fallen. Viel hängt von dem Dienst ab, den der Webmaster erstellt.

Beispielsweise ist die beliebteste Fahrgemeinschaftsanwendung BlaBlaCar stärker vom Backend abhängig als alle Visitenkartenseiten zusammen. Ein riesiges Entwicklerteam interagiert mit der Serverseite, während das Frontend selbst für Web-Dummies verständlich ist. Es ist nicht nur notwendig, den gesamten Anfrage-Antwort-Prozess zu formalisieren. Erstellen Sie aber auch mobile und Desktop-Anwendungen für jede Plattform.

Wer eher zum Programmieren neigt, entscheidet sich meist für „zurück“. Für Anfänger, die davon träumen, gute Grafiken und Seitenübergänge zu erstellen, kann es langweilig sein. Aber Spezialisten auf dieser Seite der Entwicklung haben ihren eigenen Vorteil: Stabilität. Nachdem sie eine bestimmte Technologie erlernt haben, können sie sich viele Jahre lang damit ausrüsten, während an der Front ein ständiger Wettlauf gegen die Zeit herrscht.

Die Sprachen, die für diese Seite des Webs verwendet werden, werden üblicherweise als serverseitige Sprachen bezeichnet. Einige von ihnen werden in der Programmierung im Allgemeinen verwendet, aber aufgrund ihrer Beliebtheit bei Webentwicklern werden sie speziell mit der Wartung von Webprodukten in Verbindung gebracht. Unter ihnen:

PHP, das aufgrund seiner einfachen Erlernbarkeit an Popularität gewann. Trotz der Kritik von Außenstehenden bleibt es das am häufigsten verwendete;

Javascript und seine Modifikationen;

Ruby, aus dem eines der berühmtesten Frameworks hervorging – Ruby on Rails;

In Wirklichkeit ist die Sprache, die Sie lernen möchten, nicht so wichtig. Schließlich eignet sich jeder von ihnen gut für die Interaktion mit dem Server. Darüber hinaus ist es hilfreich, die Abfragesprache zu lernen. Das bekannteste und am häufigsten verwendete ist SEQUEL oder SQL. Die Ähnlichkeiten zwischen diesen Sprachen sind stark. Wenn man also das eine erlernt hat, wird es nicht schwer sein, sich an den Betrieb mit dem anderen anzupassen.

Moderne Trends und Ansätze in der Webentwicklung

Lernen Sie den Algorithmus für schnelles berufliches Wachstum beim Erstellen von Websites von Grund auf kennen

Diese Sprache wird für die Kommunikation mit Datenbanken benötigt – genau das ist möglich schnelle App, das große Datenmengen verbraucht. Am meisten Beliebte Systeme Datenbankverwaltung sind MySQL, MSSQL, MariaDB und andere. Es ist schwer zu sagen, welches besser ist, aber MySQL erfreut sich der größten Beliebtheit. Die Fähigkeit, mit Datenbanken zu interagieren, ist für einen Webanwendungsentwickler unerlässlich; dies gilt sowohl für Frontend- als auch für Backend-Spezialisten. Es ist nicht schwer, die wichtigsten Punkte zu beherrschen, aber um kompetent zu werden, braucht man Erfahrung in der Lösung spezifischer Probleme.

Nicht nur durch Design

...kann als Frontend bezeichnet werden, obwohl Einsteiger die Client-Seite so verstehen. In gewisser Weise haben sie recht, denn die meiste Arbeit eines Frontend-Entwicklers besteht in der für den Benutzer sichtbaren Schnittstelle. Er ist jedoch nicht nur für das Design verantwortlich, sondern auch für das interaktive Benutzererlebnis.

Zeichnen – nicht programmieren

Die Front hat zwei Hauptentwicklungsvektoren: Designer und Layoutdesigner. Wenn Sie Kreativität und Layouts mögen, dann beginnen Sie mit dem Erlernen der Grundlagen des Webdesigns. Installieren Sie zunächst einen Grafikeditor, z.B. Adobe Photoshop. Es gibt viele Lehrmaterialien in diesem Bereich und sie sind von hoher Qualität. Der Löwenanteil richtet sich speziell an Dummies.

Unmittelbar nach der Installation von PS werden Ihnen die Funktionalität und die Benutzeroberfläche unfreundlich erscheinen und die Tools werden schwierig zu verwenden sein. Tatsächlich erfordert die Arbeit mit dem Programm bestimmte Fähigkeiten. Aber erstens ist es nicht so schwierig, wie es scheint, und zweitens nützt Ihnen das volle Potenzial der Photoshop-Funktionen nichts. Auf YouTube gibt es Kurse, die auf Web-Produktmodelle spezialisiert sind. Wählen Sie sie zum Training!

Wenn wir über die Kaste der Layout-Designer sprechen, dann besteht ihre Aufgabe darin, Layouts in Code umzuwandeln, den der Browser versteht – HTML. Aber es wird dir nicht reichen. Wenn Sie intensiv lernen, benötigen Sie nicht mehr als zwei Tage, um die Hypertext-Sprache zu erlernen, und genauso viel Zeit, um die Grundlagen von CSS zu erlernen, was die Website farbenfroh macht. Es ist nicht wie bei Programmiersprachen – es ist so, als ob es für Anfänger gemacht wäre.

Wenn wir über die Programmiersprache sprechen, dann ist es für den Frontend-Entwickler Javascript. Und es wäre großartig, wenn es nicht den oben erwähnten Wettlauf gegen die Zeit gäbe. Dank dessen muss ein moderner Webentwickler mit zwei Standards gleichzeitig arbeiten: dem fünften und sechsten ECMAScript. Neue Produkte werden in Band 6 geschrieben, aber eine Reihe von Produkten verwenden immer noch Band 5. Sie müssen sich mit jedem einzelnen befassen.

Vor einigen Jahren war die Fähigkeit, browserübergreifenden Code zu schreiben, eine wichtige Fähigkeit. Kurz gesagt bedeutet dies, ein Javascript-Programm zu schreiben, das auf den gängigen Browsern gut läuft. Zuvor konkurrierten Hersteller von Software zum Surfen im Internet darum, wessen Technologie sich allgemein durchsetzen würde. Heutzutage sind jedoch fast alle Browser standardisiert und ihre Unterschiede konzentrieren sich auf die Benutzeroberfläche. Bis vor Kurzem bedeutete die browserübergreifende Kompatibilität, dass Javascript-Code für moderne Browser geeignet war Internet Explorer. Aber die Gesellschaft erkannte, dass der IE nicht praktikabel war, und verzichtete nicht ganz darauf, ihn zu verwenden.

In letzter Zeit wurden höhere Anforderungen an Front-End-Entwickler gestellt. War ein solcher Entwickler früher eher wie ein Layoutdesigner, der in den Feinheiten von clientseitigem JS geschult ist und Skripte aus der Bibliothek „anschraubt“, ist er heute eine Person mit umfassenden Fähigkeiten. Der moderne Markt möchte einen Front-End-Entwickler in etwa so sehen:

kennt HTML/CSS mit seinen Spezifikationen;

nutzt Präprozessoren zur Optimierung;

fühlt sich mit JavaScript sicher;

funktioniert mit js-Frameworks wie Angular und React;

erstellt Design mithilfe der BEM-Methodik;

versteht gängige CMS (sodass die Funktionalität später auch für Dummies verständlich ist);

versteht die Grundlagen des Backends und scheut sich nicht, bei Bedarf darin einzusteigen;

funktioniert mit Versionskontrollsystemen wie Git;

Dies ähnelt bereits einem Full Stack, aber mehr dazu weiter unten. Dieser Ansatz wird von Programmierern kritisiert, weil er sie dazu zwingt, Zeit mit Problemen zu verschwenden, die sie zuvor nicht gelöst haben.

Oder vielleicht ein Full Stack?

In jedem Bereich, egal ob Sie Arzt, Ingenieur, Mathematiker oder Webentwickler sind, müssen Sie danach streben, alle Fähigkeiten zu beherrschen. Und die Tatsache, dass Frontend-Entwickler heutzutage die Grundlagen des Backends kennen müssen, ist ein natürliches Phänomen.

Aber es scheint, dass es in einer Zeit der Entwicklung, wie wir sie jetzt erleben, nicht möglich sein wird, alle Fähigkeiten in der Webentwicklung sofort von Grund auf zu erlernen. Tatsache ist, dass, während man eine Sache beherrscht, etwas Neues erfunden wird, und die aufgewendete Zeit hätte für das „Feilen“ und den praktischen Teil aufgewendet werden können. Große Unternehmen wissen, dass es einfacher ist, zwei Spezialisten einzustellen, als zu hoffen, dass jemand zwei Schlachtfelder gleichzeitig abdecken kann.

Ein Full-Stack war vor einigen Jahren möglich, als die Menge an Technologie, die zur Herstellung eines Qualitätsprodukts erforderlich war, noch nicht so umfangreich war. Aber auch die Sprachen selbst Software sind nicht die Haupthindernisse. Tatsächlich muss ein Full-Stack sowohl das Produkt selbst als auch seine adaptiven Versionen für verschiedene Plattformen, einschließlich mobiler Plattformen, entwickeln. Schwierig umzusetzen, noch schwieriger zu testen: Es stellt sich heraus, dass sich der Entwickler mit den Geräten umgeben muss, für die er die Anwendung erstellt.

Aber wenn Sie gerade erst mit dem Training beginnen, bewegen Sie sich in beide Richtungen. Dies bedeutet nicht, dass Sie definitiv ein Full-Stack werden. Aber auf diese Weise können Sie herausfinden, welcher Entwicklungsvektor Ihnen gefällt und welcher Sie einfach navigieren werden.

Übrigens ist die Grenze zwischen Vorder- und Rückseite unter modernen Bedingungen sehr willkürlich. Manchmal erstellen Entwickler vollwertige Anwendungen, die fast vollständig clientseitig basieren, während andere alle Prozesse auf den Server übertragen und dem Benutzer nur das Ergebnis des Programms übermitteln.

Und schließlich die Hauptregel: Hören Sie nie auf, sich zu verbessern, egal für welche Seite der Entwicklung Sie sich entscheiden.

Moderne Trends und Ansätze in der Webentwicklung

Lernen Sie den Algorithmus für schnelles berufliches Wachstum beim Erstellen von Websites von Grund auf kennen

Natascha 5. August 2014 um 11:17 Uhr

Warum Sie in die Webentwicklung einsteigen sollten und wo Sie anfangen sollten

• CSS
• HTML,
• Webseitenentwicklung

Hallo zusammen!

Ich arbeite seit mehr als zwei Jahren im Bereich Webentwicklung und denke, dass ich einige Gedanken zu diesem Thema äußern kann.
Vor drei Jahren begann ich, mich für das Programmieren zu interessieren. Zunächst versuchte ich mich in Programmiersprachen aus der C-Familie, konnte dort aber meine Kreativität nicht zeigen. Dann habe ich irgendwo von Webentwicklung gehört. Und wie sich herausstellte, war es genau das, was ich brauchte.

Warum sollten Sie in die Webentwicklung einsteigen?

Für mich ist das pure Kreativität. Stellen Sie sich wie ein Künstler eine völlig leere Leinwand vor. Sie haben alle Farben und Pinsel und müssen nur noch zeichnen lernen. Dies ist normalerweise schwieriger als es scheint, aber nicht für einen Webmaster. Mittlerweile gibt es im Internet viele Anleitungen aller Art, Online-Kurse, Beispiele mit visuellen Illustrationen. Und im Prinzip ist es gar nicht so schwierig, mit diesen Handbüchern etwas Neues zu schaffen. Die Webentwicklung eröffnet weitreichende, nahezu grenzenlose Möglichkeiten für Kreativität. Natürlich lassen sich auch mit Programmiersprachen, die nicht für das Web konzipiert sind, viele interessante Dinge umsetzen, aber mir scheint, dass dies in einer Webentwicklungsumgebung viel einfacher zu bewerkstelligen ist.

Wenn Sie gerade erst anfangen, sich näher mit dem Thema Webentwicklung zu befassen, dann empfehle ich Ihnen, diesen Artikel zu lesen. Hier finden Sie einige nützliche Dinge.

Wo soll ich anfangen?

Die häufigste Frage unter denen, die gerade erst anfangen, Webentwicklung zu lernen. Zunächst rate ich Ihnen, zu verstehen und zu verstehen, wie eine Webseite aufgebaut ist. Dies erfordert Kenntnisse über HTML-Tags oder zumindest über die meisten davon. Sie sind diejenigen, die die Seite bilden. Es gibt ziemlich viele Tags, aber in der Praxis werden normalerweise 30-40 verwendet, manchmal auch weniger.

Ein HTML-Tag ist ein Element einer Webseite, das normalerweise das folgende Format hat:

Sobald Sie die Tags verdaut haben, ist es an der Zeit, mit dem Erlernen der Attribute für jedes Tag zu beginnen. Ein Attribut ist eine Eigenschaft eines Tags. Es gibt viele Attribute, und sie sind alle unterschiedlich, das heißt, sie sind für unterschiedliche Funktionen des Tags verantwortlich. Es gibt universelle Attribute, die für alle Tags geeignet sind, oft gibt es aber auch Attribute, die nur für ein Tag gelten. Das ist etwas komplizierter, aber man kann es sich leicht merken, wenn man jedes Tag mit etwas Übung vertieft.

Das Attribut wird in das Tag geschrieben:

In diesem Fall wird das Attribut ausgewählt ausrichten, das die Ausrichtung des Inhalts innerhalb des Tags bestimmt. Ein Attribut hat normalerweise mehrere Bedeutungen. Center bedeutet, dass der Inhalt zentriert wird.

Hier sind einige sehr nützliche Links, die Ihnen den schnellen Einstieg erleichtern:
htmlbook.ru/html
html.manual.ru
www.codecademy.com/tracks/web

Danach sollten Sie mit dem Erlernen von CSS-Stilen beginnen. Was ist das? In einfachen Worten, das sind Stile für HTML-Tags, die sich auf einer Webseite befinden. Es gibt viel mehr Stile als HTML-Tags. Das ist aber gut, da man mit demselben Tag völlig unterschiedliche Optionen erstellen kann. Sie müssen Stile kennen, und je mehr, desto besser. Für sich selbst können Sie folgende Parallele ziehen: Stile – Tag-Design.

Typischerweise werden Stile entweder direkt geschrieben HTML-Dokument, mit einem speziellen Tag Stil:

Oder in einer separaten CSS-Datei ohne Tags:
div (Hintergrundfarbe: #FFFFFF;)
In beiden Fällen alle Tags div Auf einer Webseite wird die Hintergrundfarbe zugewiesen, im ersten Fall Schwarz, im zweiten Fall Weiß.
Ich bevorzuge die zweite Möglichkeit, also das Erstellen einer separaten Datei, verwende aber auch oft die erste.

Unten finden Sie Links, über die Sie mehr finden können detaillierte Beschreibung Jeder Stil:
htmlbook.ru/css
css.manual.ru
www.codecademy.com/tracks/web

Wenn Sie die HTML- und CSS-Technologie beherrschen, versuchen Sie, sie selbst zu erstellen lokalen Computer eine einfache Website. Versuchen Sie nicht, es perfekt zu machen, sondern spielen Sie einfach mit den Stilen, üben Sie mit HTML-Tags und festigen Sie im Allgemeinen die gelernten Informationen. In Zukunft werden Sie keine Zeit mehr haben, über dieses oder jenes Tag nachzudenken oder Ihre Website nach jeder Stiländerung zu überprüfen. Versuchen Sie sich beim Schreiben des Stils im Kopf vorzustellen, wie es aussehen wird, dann werden Sie viel weniger Zeit mit dem Website-Layout verbringen.

Ich möchte noch ein paar hinzufügen nützliche Tipps:
- Achten Sie immer besonders auf die Pfade (URLs) zu Dateien oder Bildern. Hier stolpern oft nicht nur Anfänger, sondern auch erfahrene Webmaster.
- Versuchen Sie, sich 20–30 Farbcodes zu merken. Beispielsweise ist #000000 schwarz, #FFFFFF weiß und so weiter. Hier sind nützliche Links: www.puzzleweb.ru/html/colors_html.php, www.artlebedev.ru/tools/colors.
- Beginnen Sie mit der Arbeit mit HTML und CSS in der Notepad++-Umgebung. Ein sehr einfacher, intuitiver Editor mit Syntaxhervorhebung.
- Ich rate Ihnen, sich mit dem DOM vertraut zu machen
- Versuchen Sie, Ihr Englisch zu verbessern.

Es ist schwierig, alle Aspekte der Webentwicklung auf einmal in einem Artikel abzudecken. Was oben geschrieben steht, ist nur ein Bruchteil einer riesigen Sache interessante Welt Web Entwicklung. Aber hier empfehle ich den Anfang. Nachdem Sie diese Phase durchlaufen haben, werden Sie verstehen, wie viele Möglichkeiten sich Ihnen bieten, und vielleicht werden Sie etwas tiefer graben.

Im nächsten Artikel werde ich versuchen, HTML detaillierter zu beschreiben und einige davon zu erwähnen Tücken, die am häufigsten von Anfängern betreten werden.

Schlagworte: Webentwicklung, Website-Erstellung

Viele junge Menschen möchten ihren zukünftigen Beruf mit der Website-Entwicklung verbinden. Natürlich möchte nicht jeder Programmierer werden; einige von ihnen sind mit Webdesign durchaus zufrieden.

Diesen Beruf von Grund auf zu erlernen ist keine leichte Aufgabe, denn neben den Arbeitsfähigkeiten muss man ein kreativer Mensch sein, zumindest ein wenig Code verstehen (CSS-Kenntnisse und Kenntnisse) und in der Lage sein, mit dem Kunden in derselben Sprache zu kommunizieren. usw.

Bevor Sie beginnen, sich mit den Grundlagen des Berufs vertraut zu machen, Es stellen sich eine Reihe von Fragen, auf die man selbst Antworten suchen muss. Dies ist aufgrund mangelnder Erfahrung nicht einfach; Materialien aus dem Internet werden nicht immer nützlich, und manchmal, im Gegenteil, fügen sie nur neue Fragen hinzu, und nicht jeder hat einen erfahrenen Freund.

Lassen Sie uns herausfinden, wo Sie mit dem Erlernen von Webdesign beginnen können, welche Kenntnisse Sie für Kreativität benötigen, wo und in welcher Reihenfolge Sie diese erwerben und wie viel Zeit Sie aufwenden müssen praktische Kurse, wie Sie Ihre ersten Erfahrungen machen und bestellen können ... und mit vielen damit verbundenen Fragen.

Inhalt:

Schritt eins: Finden Sie heraus, warum Sie dies tun möchten

Das ist einerseits eine einfache Frage, denn die meisten Leute wollen Webdesign wegen der guten Bezahlung machen.

Das Erstellen von Websites ist ein sehr profitables Geschäft, aber ein erfahrener und vor allem intelligenter Entwickler ist tagsüber nicht immer leicht zu finden.

Obwohl es viele Fälle gibt, in denen eine Person dies tun möchte und keine Kenntnisse über die Erstellung der Grafik-Engine einer Website hat, ist die Programmierung nicht einfach.

Und der dritte häufige Grund, warum sich Menschen für Webdesign interessieren, ist das Verlangen nach bildender Kunst.

Und dieser Bereich kann ein hervorragendes Mittel sein, um Ihre Talente in die Praxis umzusetzen und gleichzeitig finanzielle Vorteile daraus zu ziehen.

Wichtig! Zu welchem ​​Zweck auch immer Sie sich mit Webdesign vertraut machen, denken Sie daran, dass sowohl das Lernen als auch die Arbeit interessant sein, mit Lust ausgeführt und Freude bereiten sollten, aber nicht zur Routine werden sollten.

Aufgrund der Tatsache, dass es sich um einen Grafiker handelt junger Beruf, seine genaue Definition existiert noch nicht und viele Experten interpretieren das Konzept auf ihre eigene Weise.

Wenn diese Person früher die Seiten schön und optisch ansprechend gestalten musste, ist es jetzt notwendig, über Programmierkenntnisse zu verfügen, Marketing zu verstehen und ein Verständnis für SEO-Promotion zu haben.

Keine einzigartigen Lösungen originelle Ideen und ein individueller kreativer Ansatz kann das Problem nicht lösen.

Website-Designer ist ein technischer Künstler, der sich mit der Erscheinungsbild- und Ladeoptimierung von Websites und Webanwendungen beschäftigt.

Zu den Aufgaben dieser Personen gehören:

• Arbeiten an der logischen Struktur der Seite– Damit für jeden unerfahrenen Benutzer alles klar ist und er beim ersten Mal finden kann, was er sucht, sollten alle wichtigen Links sichtbar sein.
• Entwicklung der rationalsten Art, Inhalte zu präsentieren– die Fähigkeit, den Besucher zu interessieren, ihn länger auf der Ressource zu verweilen und durch die Seiten der Website zu blättern;
• Grafikdesign– wo welche Elemente platziert werden, wie die Schaltflächen und Beschriftungen nach einem Klick aussehen, wie die Interaktion mit dem Kunden erfolgt, wie und was sich während der Arbeit des Besuchers ändert, Zoomänderungen usw.

Deshalb haben wir kurz herausgefunden, warum Menschen den grafischen Teil von Websites übernehmen möchten.

Für angehende Programmierer reicht es aus, sich mit den Grundlagen der visuellen Gestaltung von Webressourcen vertraut zu machen, Grafikeditoren und Vorlagenlayout zumindest oberflächlich zu beherrschen.

Wer viele Jahre seines Lebens der Erstellung einer Schnittstelle für Internetseiten und dem Erwerb des entsprechenden Berufes widmen möchte, muss zunächst hart arbeiten, ihm ist dieser Artikel gewidmet.

Stufe zwei – Wählen Sie die Richtung des Webdesigns, in der Sie sich versuchen möchten

Internet-Technologien entwickeln sich rasant weiter und mit ihnen steigen auch die Anforderungen an Entwickler. Zunächst war es die Aufgabe des Künstlers, eine schöne ästhetische und helle Seite zu schaffen.

Heutzutage unterscheiden sie sich Es gibt bis zu sieben Richtungen in ihrem Design, und das sind nur die wichtigsten.

Hart

Eine Art Seitendesign, die so alt ist wie die Website-Erstellung selbst Es erfordert keinerlei Anstrengung und ist ideal für Anfänger.

Im Endeffekt werden alle Ressourcenelemente in virtuellen Tabellenzellen mit festen Größen platziert, die vom Designer festgelegt werden.

Eine solche Seite wird auf allen Geräten absolut gleich aussehen, unabhängig von Plattform und Bildschirmgröße.

Und das bedeutet nicht, dass eine solche Ressource rückständig ist, denn ein erfahrener Entwickler kann mit strengem Design eine schön gestaltete Website erstellen, und die Anpassung dauert in diesem Fall nur wenige Minuten.

Flexibel

Auch tabellarische Gestaltung, allerdings ist die Breite der virtuellen Tabellenzellen nicht streng vorgegeben, sondern hängt von der Bildschirmgröße (Seitenverhältnis, Auflösung) ab. Objekte werden versuchen, den gesamten Raum der Zelle auszufüllen und so ihre Größe zu verändern. Hauptmerkmal so eine Entscheidung– Erhöhung des Komforts der visuellen Wahrnehmung von Daten durch sich dynamisch ändernde Anzeigeparameter. Auf solchen Seiten gibt es keine Leerstellen ohne Inhalt.

Die Herausforderungen dieses Designs sind:

• Es gibt keine Garantie dafür, dass die Ressource auf alten „quadratischen“ und riesigen Breitbildbildschirmen angezeigt wird wird korrekt angezeigt, ohne den Inhalt zu dehnen oder zu schrumpfen;
• Nicht alle Browser funktionieren gut mit der Verarbeitung sogenannter flexibler Zellen, und Internetbrowser, die auf verschiedenen Engines erstellt wurden, tun dies jeweils auf ihre eigene Weise;
• Es nimmt viel Zeit in Anspruch, das Projekt anzupassen und zu perfektionieren.

Kombiniert

Kombination der beiden vorherigen Methoden: Wenn die Abmessungen des Monitors (sein Seitenverhältnis) stark von den Parametern des Displays abweichen, das zur Erstellung der Site verwendet wurde, wird ein flexibles Design verwendet, andernfalls werden je nach Verfügbarkeit beide Zellen verwendet Freiraum darin.

Text

Wird beim Entwerfen einseitiger Ressourcen und Websites verwendet, die kleine Unternehmen und Unternehmen im globalen digitalen Netzwerk vertreten. Ein Merkmal dieses Designs ist das nahezu vollständige Fehlen grafischer Elemente, was sich positiv auf die Seitenladegeschwindigkeit auswirkt. Das Spielen mit Schriftarten, Textfarben und einer guten Textplatzierung trägt dazu bei, Ihr Projekt attraktiv zu machen.

Drucken

Am meisten gefragt bei der Entwicklung von Unternehmens- und Marketingressourcen, wo emotionale Inhalte an erster Stelle stehen. Der Designer muss so kreativ wie möglich sein und Pixelbilder kreativ auswählen, um die Seite zu gestalten.

Der Nachteil des Printdesigns besteht darin, dass es die Ladegeschwindigkeit der Website verlangsamt. aufgrund des Vorhandenseins in der Regel einer großen Anzahl von Rasterbildern und sogar in hoher Auflösung.

Schnittstelle

An ihn wenden sich vor allem erfahrene Handwerker. Ihre Aufgabe besteht darin, alle Benutzerwünsche zu erfüllen, in der Regel durch Minimierung des Programmcodes, Optimierung grafischer Elemente und Schaffung eines komfortablen Navigationssystems mit einem Menü oben auf der Seite. Solche Ressourcen werden schnell geladen und sind sowohl vom Computer als auch von dort aus einfach zu bearbeiten mobile Geräte

.

Dynamisch

Die zeitaufwändigsten und komplexesten Optionen zum Entwerfen von Webseiten. Dieser Typ Beim Design geht es darum, dynamische Inhalte auf der Seite zu platzieren (Animationen, Skripte, sich bewegende und verändernde Elemente, Videos im Breitformat).

Um Ihre Pläne umzusetzen, müssen Sie hart arbeiten, und damit der Besucher zufrieden ist und alles wie vorgesehen funktioniert, benötigen Sie nicht nur die Beherrschung grafischer Editoren, sondern auch Optimierungsfähigkeiten; wer möchte schon lange darauf warten das Erscheinen eines bunten dreidimensionalen Knopfes. Aber eine gut gestaltete Ressource besticht immer durch Schönheit, Originalität und künstlerische Lösungen, unabhängig vom Inhalt.

Schritt drei – Finden Sie heraus, welche Webdesign-Programme gerade im Trend liegen

Bevor Sie Bücher über dieses oder jenes herunterladen Grafikeditor, müssen Sie sich die Elemente klar vorstellen, die bei der grafischen Gestaltung von Websites verwendet werden: Formen, Farben, Formen, das Spiel von Licht und Schatten, Linien – das sind die Grundelemente, aus denen die gesamte Komposition entsteht.

Ohnehin, Kenntnisse über kaskadierende Tabellen und Hypertext-Markup sind fast in erster Linie erforderlich.

Der Designer benötigt außerdem Kenntnisse im Bereich Computeranimation, populäre Animation, SEO und vielleicht 3D Modellierung.

Aufmerksamkeit! Abgesehen davon, dass es schwierig ist, die Anwendung zu erlernen, muss man sie auch kaufen, um sie vollständig nutzen zu können. Für Schulungszwecke kann man jedoch schummeln, indem man den Schutz des Programms umgeht.

Letzteres erwirbt Funktionen, die in Dutzenden von Bereichen gefragt sind, und die Jungs schenken der Erweiterung der Möglichkeiten des Webdesigns wenig Aufmerksamkeit.

Eine andere Sache ist Sketch – zum Zeichnen gedacht grafische Oberflächen von Grund auf neu entwickelt, enthält kein einziges überflüssiges Element, ist einfacher zu erlernen und übertrifft Photoshop in Bezug auf Schlüsselindikatoren deutlich.

Stellen Sie sicher, dass Sie die bequemste Version auswählen, die Syntax und Hervorhebung unterstützt: , Sublime, Axure RP.

Stufe vier – Studieren nützlicher Bücher für Webdesigner-Anfänger

Das Gute am Internet ist, dass man dort kostenlos Bücher erwerben kann, die man vor zehn Jahren noch kaufen oder nach Gleichgesinnten suchen musste.

Mit der Popularisierung des Webdesignerberufs hat die Zahl der Bücher zu diesem Thema zugenommen. Ein Buch ohne Mentor oder Lehrer – Der beste Weg Wissen gewinnen.

Das Erlernen von Webdesign von Grund auf sollte mit der Literatur beginnen wo grundlegende Konzepte, Theorie und kleine praktische Aufgaben:

1 Ethan Marcotte „Responsive Web Design“ ist ein praktischer Leitfaden für Webdesigner, nach dessen Beherrschung ein Anfänger Hunderte häufiger Anfängerfehler vermeidet und die Machbarkeit des Erstellens erfährt mobile Version Website. Außerdem wird beschrieben, wie Seiten so gestaltet werden, dass sie auf allen Geräten gleich angezeigt werden.

2 Jakob Nielsen „Web Design“ – das Buch enthält viele Anleitungen zum Erstellen effektiver Schnittstellen, zur richtigen Anordnung von Navigationselementen und zum Füllen der Ressource mit Inhalten.

3 Yu. Syrykh „Modern Web Design“ ist ein Nachschlagewerk, das die Feinheiten der Arbeit an der Benutzeroberfläche beschreibt, angefangen bei der Auswahl von Inhalten je nach Thema der Ressource bis hin zum Testen und Debuggen des fertigen Layouts. Es enthält viele Informationen nicht nur zum Zeichnen der Benutzeroberfläche, sondern auch zu deren Optimierung und Inhalt.

• Übersetzung
• Lernprogramm

Der Weg ist lang und schwierig, aber interessant und nützlich!

Der Artikel war als praktischer Leitfaden für diejenigen gedacht, die ein professioneller Webentwickler werden möchten. Ich schreibe seit über 20 Jahren Webcode. Ich arbeite jeden Tag mit Webentwicklern zusammen und helfe ihnen. In diesem Artikel beschreibe ich, was Sie lernen müssen, wann Sie es lernen müssen und wo Sie die Informationen erhalten (meistens sogar kostenlos). Dann gebe ich Ratschläge, wie man praktische Erfahrungen sammelt und, was am wichtigsten ist, wie man für das Schreiben von Code bezahlt wird.

Im gesamten Artikel finden sich zahlreiche Links zu kostenlosen und wichtigen Ressourcen. Der Einfachheit halber habe ich sie als PDF gesammelt und in Kategorien unterteilt. Ich werde nicht dafür bezahlt, die Websites zu erwähnen, auf die ich verlinke. Ich möchte lediglich die besten Ressourcen empfehlen, die Ihnen dabei helfen, Ihr Ziel zu erreichen.

Dinge, die Sie sich merken sollten:

1. Sie dürfen durch den Artikel scrollen

Der Leitfaden kann Ihnen helfen, egal, wo Sie sich auf dem Weg zur beruflichen Weiterentwicklung befinden. Scrollen Sie zu dem Titel, der Ihre aktuelle Situation am besten beschreibt, und lesen Sie von dort aus. Wenn Sie diesen Weg gerade erst begonnen haben oder noch darüber nachdenken, befolgen Sie den Rat des Königs aus „Alice im Wunderland“:

Beginnen Sie am Anfang und fahren Sie fort, bis Sie das Ende erreichen. und hör dort schon auf.

2. Probieren Sie von allem ein bisschen aus und wählen Sie dann eine Spezialisierung.

Geld ist nicht das Wichtigste. Du musst LIEBEN, was du tust! Aber Sie werden nicht wissen, was Ihnen schmeckt, bis Sie es ausprobiert haben.

Finden Sie Ihre Leidenschaft und monetarisieren Sie sie

Der Leitfaden hilft Ihnen, sich schnellstmöglich mit möglichst vielen Bereichen der Webentwicklung vertraut zu machen. Und dann hilft er Ihnen bei der Auswahl einer Spezialisierung in dem Bereich, der Ihnen gefällt. Sie werden zunächst in nichts Perfektion erreichen – Sie lernen die Grundlagen und lernen dann weiter. Finden Sie Ihre Leidenschaft und ich zeige Ihnen, wie Sie vorankommen.

Ich habe beschlossen, Code zu schreiben. Ich mag das Internet. Ich weiß nicht, wo ich anfangen soll

Du wirst es schaffen!

Glückwunsch! Dies ist ein großer erster Schritt und der Beginn von etwas sehr Aufregendem. Es kann aber auch sehr schwierig sein. Mach dir keine Sorgen, ich helfe dir.

Zunächst müssen Sie sich schnell mit den Grundlagen aller Bereiche der Webentwicklung vertraut machen („vollständiger Zyklus“). Das Training wird abwechslungsreich, aber flach sein. Dabei geht es darum, einen Bereich zu finden, der Ihnen Spaß macht, und gleichzeitig Grundkenntnisse in verschiedenen Bereichen zu erwerben. Dann werden Sie in der Lage sein, eine Vielzahl von Problemen zu verstehen und mit ihnen zu arbeiten, unabhängig davon, wofür Sie sich entscheiden.

Lernen Sie die Grundlagen von HTML

Die Hypertext Markup Language (HTML) steuert den Inhalt und das Layout dessen, was Sie im Browser sehen. Sobald Sie dort beginnen, verfügen Sie über eine Benutzeroberfläche, mit der Sie interagieren und die Ergebnisse Ihres Codes sehen können. Je komplexer Sie Sprachen lernen, desto wichtiger wird sie. Sie müssen nicht blind programmieren.

Folgendes müssen Sie über HTML lernen:

Ich kenne bereits die Grundlagen von HTML

Cool! Das ist sehr wichtiger Schritt. Lernen Sie jetzt die Grundlagen von JavaScript.

Lernen Sie JavaScript-Grundlagen

JavaScript ist die Sprache des Webs und wird von allen gängigen Browsern (Chrome, Firefox, Safari, IE und viele andere) unterstützt. Jede Website, jede Webanwendung, die Sie verwendet haben, enthält höchstwahrscheinlich eine große Menge JS-Code. Ganz zu schweigen von der Tatsache, dass die Sprache auf anderen Plattformen – Servern, Desktop-Computer, Andere Geräte.

Zunächst benötigen Sie die Grundlagen, und die folgenden Ressourcen eignen sich dafür:

Ich kenne die Grundlagen von JavaScript und HTML

Toll! Fügen wir nun CSS zu Ihren Fähigkeiten hinzu

Lernen Sie CSS

CSS oder Cascading Style Sheets (kaskadierende Stylesheets). Wird zum Einstellen verwendet Aussehen HTML-Elemente Auf der Seite. Schauen Sie sich das kostenlose Tutorial von Mozilla an und schauen Sie sich dann CSS-Tricks an, um die häufigsten Probleme zu lösen. komplexe Probleme(oben rechts gibt es eine Suche).

Kommen wir zum Backend

Bisher haben wir uns mit dem sogenannten „Frontend“ der Webentwicklung befasst. Sie haben sich mit den wichtigsten im Browser ausgeführten Sprachen vertraut gemacht. Es ist Zeit, zum Backend überzugehen – dem Code, der auf dem Server ausgeführt wird. Machen Sie sich keine Sorgen, Sie benötigen keinen Server – Ihr Computer erledigt das.

Es gibt eine Menge Backend-Sprachen, aber da Sie mit JavaScript vertraut sind, würde ich empfehlen, den Umgang mit Node.js zu erlernen. Es ermöglicht Ihnen, JS-Code auf dem Server statt im Browser auszuführen.

Darüber hinaus müssen Sie Express und MongoDB erlernen.

Äußern

Dies ist eine Bibliothek, mit der Node.JS als Webserver arbeiten kann (Anfragen von Seiten abhören und ihnen Antworten senden).

MongoDB

Es handelt sich um eine Datenbank, die es Ihnen ermöglicht, Informationen zu speichern und abzurufen.

Sie können diese drei Themen dank des folgenden hervorragenden und kostenlosen Lehrmaterials und seiner Fortsetzung studieren.

Ich muss zwischen Frontend-, Backend- und Vollzyklusentwicklung wählen

Nachdem Sie beide Entwicklungsoptionen ausprobiert haben, ist es an der Zeit, eine Wahl zu treffen. Wenn Sie keine Zeit hatten, sie auszuprobieren, lesen Sie den vorherigen Abschnitt des Artikels, um Ihre Wissenslücken zu schließen.

Zu diesem Zeitpunkt haben Sie zwei Arten von Code geschrieben. Einer ist für die Benutzerinteraktion, der andere für Daten. Was bevorzugen Sie?

Benutzerinteraktion? Herzlichen Glückwunsch, Sie sind ein Frontend-Entwickler!

Interaktion mit Daten? Herzlichen Glückwunsch, Sie sind ein Backend-Entwickler!

Beide? Herzlichen Glückwunsch, Sie sind ein Full-Stack-Entwickler!

Hat Ihnen nichts gefallen? Herzlichen Glückwunsch, Webentwicklung ist nichts für Sie. Seien Sie froh, dass Sie es jetzt herausgefunden haben und nicht viel Zeit und Geld verschwendet haben. Nicht bereit aufzugeben? Vielleicht ist Ihnen eine Sprache nicht aufgefallen, die Ihnen gefallen hat? Versuchen Sie, im Abschnitt „Ich möchte Backend-Entwickler werden“ andere Sprachen zu lernen.

Ich möchte ein Full-Stack-Entwickler werden

Cool. Sie müssen den gesamten Inhalt der Abschnitte „Ich möchte Backend-Entwickler werden“ und „Ich möchte Frontend-Entwickler werden“ lesen.

Ich möchte Frontend-Entwickler werden und kenne die Grundlagen von JavaScript, HTML und CSS

Um als Front-End-Entwickler effektiv arbeiten zu können, müssen Sie HTML, CSS und clientseitiges JavaScript fließend beherrschen. Sie müssen außerdem über ein gutes Verständnis mehrerer wichtiger Frameworks verfügen. Sie erwerben die Fähigkeiten, die Arbeitgeber und Kunden von Frontend-Entwicklern erwarten.

Mittlerweile sollten Sie bereits die Grundlagen von HTML kennen. Andernfalls kehren Sie zum Abschnitt „HTML-Grundlagen lernen“ zurück.

Lernen Sie HTML für Fortgeschrittene und Fortgeschrittene

Schauen Sie sich das HTML-Tutorial für Fortgeschrittene und anschließend das HTML-Tutorial für Fortgeschrittene an.

Lernen Sie fortgeschrittenes clientseitiges JavaScript

Eine ausgezeichnete Reihe von Büchern über JS, und sie ist kostenlos

Um Ihre JavaScript-Kenntnisse zu verbessern, empfehle ich die Buchreihe You Don't Know JS von Kyle Simpson. Der Autor hat die gesamte Serie kostenlos online gestellt:

Darüber hinaus Ihr bester Freund sollte auch MDN-JavaScript werden.

[Eine hervorragende Übersetzung des hervorragenden Buches „“ steht Ihnen ebenfalls völlig kostenlos zur Verfügung.]

Natürlich ist es großartig, die „Front-End-Dreifaltigkeit“ HTML, CSS und JavaScript zu kennen. Aber um Geld zu verdienen, müssen Sie sich mit einigen Frameworks vertraut machen.

Lernen Sie jQuery

Es ist die beliebteste JS-Bibliothek aller Zeiten. Obwohl einige neue Frameworks dazu geführt haben, dass jQuery weniger wichtig ist, besteht bei der Jobsuche eine gute Chance, dass jQuery noch viele Jahre lang in Stellenbeschreibungen aufgeführt (und in Vorstellungsgesprächen erwähnt) wird.

Ich empfehle, jQuery mit FreeCodeCamp-Materialien zu lernen – es ist schnell und effektive Methode. Gehen Sie anschließend zur offiziellen Schulungsseite – dort finden Sie weitere Anweisungen.

Lernen Sie ein beliebtes JS-Framework kennen

Frameworks erleichtern die Arbeit mit einer bestimmten Sprache oder Technologie, da sie die größten Probleme lösen, die die gewählte Technologie mit sich bringt. JavaScript hat sich sehr positiv auf die Entwicklung und Popularisierung von Frameworks ausgewirkt.

Fast einmal pro Woche erscheint ein neues Framework, das einen neuen Entwicklungsstandard ersetzen soll. Sie müssen Jobbörsen durchsuchen und ein wenig googeln, um herauszufinden, welches Framework in Ihrem Markt beliebt ist. Ich empfehle außerdem das Tool von Hacker News zur Einschätzung von Arbeitsmarkttrends.

Zum Zeitpunkt des Verfassens dieses Artikels waren die folgenden Frameworks beliebt:

Nachdem Sie das am besten geeignete Framework ausgewählt und sich gründlich damit vertraut gemacht haben, lohnt es sich, das mitgelieferte CSS-Framework zu studieren. Die beiden größten Player auf diesem Markt sind heute Bootstrap und Material Design.

Bootstrap

Bootstrap wurde von Twitter-Entwicklern entwickelt und ist bereits recht ausgereift und beliebt. Bootstrap-Versionen gibt es für Angular, Angular 2 und React.

Material

Material ist eine Reihe von Designregeln, die bei Google entwickelt wurden. Es erfreut sich zunehmender Beliebtheit und es gibt Versionen für Angular und React. Da Angular ebenfalls eine Idee von Google ist, passt Material perfekt dazu.

Hier sind einige Links für Sie:

Glückwunsch! Du verfügst über wichtige Frontend-Entwicklerfähigkeiten!

Schau ihn dir einfach an!

Ich möchte Backend-Entwickler werden

Wunderbar! Der erste Schritt ist die Auswahl einer Sprache. Für die Arbeit mit dem Backend stehen viele Sprachen zur Verfügung, und jede hat ihre eigenen Vor- und Nachteile. Schauen Sie sich die nach Beliebtheit sortierte Tabelle der Programmiersprachen an. Alle von ihnen sind seit zehn Jahren in den Top Ten. Die grün markierten Sprachen sind Websprachen, die im Laufe der Jahre immer beliebter wurden.

TIOBE-Index der Programmiersprachen, www.tiobe.com/tiobe_index?page=index

Konzentrieren Sie sich auf die Sprachen, deren Namen ich grün eingekreist habe. Wenn Sie sie nicht kennen, beginnen Sie oben in der Tabelle und arbeiten Sie sich nach unten vor. Hören Sie auf, wenn Sie etwas finden, das Ihnen gefällt, und graben Sie tiefer!

Wenn Sie eine der grün markierten Sprachen beherrschen und Ihnen gefällt, konzentrieren Sie sich darauf.

Verbessern Sie Ihre Interviewfähigkeiten

Sie müssen sich auf mehr als nur das Schreiben von Code vorbereiten. Ein guter Artikel von Life Hacker beschreibt viele nützliche und wertvolle Informationen.

Die Hauptsache ist, auf dem Markt Fuß zu fassen

Machen Sie sich keine allzu großen Sorgen darüber, Ihren Traumjob bei Ihrem Traumarbeitgeber mit Ihrem Traumgehalt zu bekommen. Besorgen Sie sich zunächst einfach einen Job, bei dem Sie Code für Geld schreiben. Sobald Sie mehr Erfahrung gesammelt haben, können Sie Ihren nächsten Schritt planen.

Ich möchte Freiberufler werden

Sein eigener Chef zu sein ist eine gute Sache, bringt aber auch enormen Druck und große Schwierigkeiten mit sich. Die beste Quelle für freiberufliche Informationen, die ich je gesehen habe, ist DoubleYourFreelancing.com. Er hat eine Reihe von Artikeln, die Ihnen helfen werden, ein besserer Freiberufler zu werden, als ich es jemals könnte. Lesen.

Eine weitere Option, wenn Sie sich sicher sind, ist der Toptal-Service. Sie akzeptieren nur 3 % aller Bewerber, und der Prozess ist sehr kompliziert, aber wenn Sie einsteigen, haben Sie Zugang zu gut bezahlten Jobs, die Sie aus der Ferne bearbeiten können.

Ich habe mit der Arbeit begonnen, habe aber das Gefühl, in einer Sackgasse zu stecken

Verstehen. Es ist nicht einfach, und wenn Ihnen jemand etwas anderes sagt, hat er es entweder nicht getan oder versucht, Sie um Geld zu betrügen. Wenn Sie das Gefühl haben, nicht weiterzukommen, probieren Sie diese Optionen aus:

Aktualisieren Sie Ihre ursprüngliche Absicht

Fragen Sie sich, schreiben Sie auf Papier, warum Sie sich entschieden haben, diesen Weg zu gehen. Ist Ihre Antwort noch gültig? Wenn ja, warum dann aufhören? Nach vorne!

Der Wunsch, Webprogrammierer zu werden, entsteht nicht Freiraum. Viele anspruchsvolle Internetnutzer wissen oder vermuten, dass im Internet viel Geld im Umlauf ist. Schaut man sich die Forbes-Liste der zwanzig reichsten Menschen der Welt für 2015 an, sieht man, dass es gleich fünf Vertreter der IT-Branche gibt: Bill Gates (79,2 Milliarden Dollar), Larry Ellison (54,3 Milliarden Dollar), Mark Zuckerberg (33,4 Milliarden US-Dollar), Larry Page (29,7 Milliarden US-Dollar) und Sergey Brin (29,2 Milliarden US-Dollar). Alle diese Leute haben einen direkten Bezug zur Programmierung. Wir können eine einfache Schlussfolgerung ziehen: Wenn Sie programmieren können, können Sie gutes Geld verdienen. Natürlich müssen Sie ein Profi auf Ihrem Gebiet sein.

Wo soll ich anfangen?

Webprogrammierer beteiligen sich zusammen mit anderen Spezialisten (Layoutentwickler, Designer usw.) an der Arbeit an Webprojekten, oder einfacher gesagt, an Websites. Aus diesem Grund ist es notwendig, HTML und CSS zu lernen.

• HTML – (aus dem Englischen HyperText Markup Language) Hypertext-Auszeichnungssprache. Wir stellen sofort fest, dass HTML keine Programmiersprache ist. Der Videokurs zu HTML kann im Abschnitt heruntergeladen werden
• CSS – (aus dem Englischen Cascading Style Sheets) Cascading Style Sheets. CSS ist eine formale Sprache zur Beschreibung des Erscheinungsbilds eines Dokuments, das mit einer Auszeichnungssprache geschrieben wurde, d. h. HTML. In der Rubrik kann auch ein Videokurs zum Thema CSS heruntergeladen werden

Beginnen Sie nicht mit dem Erlernen von Programmiersprachen, bevor Sie HTML und CSS zumindest auf einem grundlegenden Niveau erlernt haben. HTML und CSS sind zum Erlernen unerlässlich, unabhängig davon, welche Web-Programmiersprache Sie in Zukunft verwenden.

Welche Sprache soll ich lernen?

Wenn bei HTML und CSS alles klar ist, ist die Situation bei der Wahl einer Web-Programmiersprache komplizierter. Tatsache ist, dass es viele solcher Sprachen gibt und sie in zwei Gruppen eingeteilt werden können:

1. Clientseitig – im Browser ausgeführt ( Google Chrome, Opera, Firefox usw.) Benutzer;
2. Server – wird serverseitig ausgeführt, d. h. normalerweise an entfernter Computer, wo sich die Website befindet.

Ähnlich wie bei der Einteilung der Web-Programmiersprachen lassen sich Webentwickler in zwei Gruppen einteilen:

1. Frontend-Entwickler;
2. Back-End-Entwickler.

Entwickler für Benutzeroberflächen befasst sich mit „Dingen“, die ein Website-Besucher sieht, wie zum Beispiel Dropdown-Menüs, Pop-ups usw. Wenn Sie planen, ein clientseitiger Webentwickler zu werden, müssen Sie zusätzlich zu HTML und CSS die Webprogrammiersprache JavaScript erlernen. In JavaScript geschriebener Code kann in jedem auf jedem Gerät installierten Browser ausgeführt werden. Dies wird dadurch erreicht, dass alles moderner Browser enthalten einen JavaScript-Interpreter. Theoretisch besteht für einen Front-End-Programmierer keine besondere Notwendigkeit, serverseitige Programmiersprachen zu lernen, aber Profis kennen sie. Dies ist notwendig, um die Interaktion zwischen den Client- und Serverteilen zu verstehen, was bei der Arbeit an ernsthaften Webprojekten von entscheidender Bedeutung sein kann.

Back-End-Entwickler befasst sich mit der Programmierung des Serverteils, ohne den die Existenz einer dynamischen Site, beispielsweise einer Site, die auf der WordPress- oder Joomla-Engine läuft, unmöglich ist. Website-Besucher sind sich ihrer Existenz in der Regel nicht einmal bewusst. Es ist der Backend-Programmierer, der dafür verantwortlich ist, dass sich der Benutzer auf der Website registrieren kann und seine Daten in der Datenbank gespeichert werden. Ein Back-End-Programmierer muss mindestens eine serverseitige Programmiersprache wie PHP beherrschen.

Wenn Sie ein Fan der kostenlosen WordPress-Engine sind und planen, Websites und Plugins allein darauf zu erstellen, dann sollten Sie sowohl JavaScript als auch PHP lernen. Ohne Kenntnisse von MySQL, einem Datenbankverwaltungssystem, geht es nicht. In MySQL werden die „wertvollsten“ Informationen gespeichert, wie Artikeltexte, Engine-Einstellungen, Benutzerkommentare usw.

Bücher zur Webprogrammierung für Dummies

Nachdem wir uns die Produkte des OZON-Stores angesehen hatten, haben wir mehrere Bücher zu JavaScript, PHP und MySQL ausgewählt, die für unerfahrene Webprogrammierer verständlich sind. Die Bücher wurden von berühmten Autoren wie Chris Minnick, Eva Holland, Eric Freeman, Elizabeth Robson, Nikhil Abraham und Brett McLaughlin geschrieben.

Entwicklungsumgebung

WebStorm— Entwicklungsumgebung für JavaScript, CSS und HTML (Frontend-Entwicklung). Diese Option eignet sich für diejenigen, die sich entschieden haben, sich vorerst nicht mit dem Erlernen serverseitiger Programmiersprachen zu befassen, sondern nur den Client-Teil der Website entwickeln möchten.

PHPStorm– ermöglicht es Ihnen, zwei Fliegen mit einer Klappe zu schlagen, da Sie damit sowohl in PHP als auch in JavaScript programmieren können. PhpStorm umfasst alle Funktionen von WebStorm und enthält Tools für die Arbeit mit Datenbanken. PhpStorm ist eine ideale Wahl für diejenigen, die sich entschieden haben, ernsthaft in die Webentwicklung einzusteigen.

Wichtig! JetBrains-Produkte sind plattformübergreifend, d. h. kann auf Computern mit verschiedenen Betriebssystemen installiert werden Betriebssysteme((Windows, Mac OS X, Linux).

PHPStorm-IDE-Schnittstelle

Abschluss

Fassen wir alles zusammen, was oben gesagt wurde, lassen Sie uns eine wichtige Sache festhalten – um zu werden guter Programmierer, Sie benötigen viel Programmierung. Üben, üben und noch mehr üben!

Wenn Sie an Artikeln zum Thema Programmierung interessiert sind, hinterlassen Sie Kommentare und schlagen Sie Ihre Themen vor.