Der Unterschied zwischen dem Wissen von Frontend-Entwicklern und Künstlern in der Website-Entwicklung
|
Zusammenfassung: Viele Unternehmen, sogar die meisten, deren Hauptgeschäft Internet-Websites sind, verwechseln den Begriff „Künstler“. Normalerweise bezeichnen diese Unternehmen diejenigen, die Webseiten entwerfen und erstellen, als „Künstler“. Ein etabliertes Internetunternehmen verfügt über einen detaillierteren Talentplan für die Website, beispielsweise ein UED-Team (Abkürzung für User Experience Design im Englischen), das in Positionen wie „Interaction Design“, „Visual Design“, „Front-End-Entwicklung“, „Benutzerforschung“ und „Copywriting“ unterteilt ist. Heute möchte ich hauptsächlich zu diesem Thema die funktionalen Unterschiede zwischen „Künstler“ und „Front-End“ mit Ihnen teilen … 1. Was ist Kunst? Kunstingenieur: Bedeutet Kunstingenieur, die meisten von ihnen sind Absolventen des Fachbereichs Kunstdesign einer Kunsthochschule. Je nach Art der Arbeit wird künstlerisches Design im Allgemeinen in drei Kategorien unterteilt: Grafikdesign, dreidimensionales Design und Webdesign. Die Grafikgestaltung erfolgt durch einen Künstler, der mit Fireworks oder Photoshop das grafische Erscheinungsbild entwirft. Dreidimensionales Kunstdesign wird von Künstlern durchgeführt, die Tools wie 3DMAX verwenden, um dreidimensionale Charaktermodelle, Requisitenmodelle, Umgebungsszenenmodelle, Verpackungsdesigns usw. zu entwerfen. Beim Webdesign handelt es sich um den Prozess, bei dem mithilfe von Webbearbeitungssoftware wie Dreamweaver die entworfenen Grafikdarstellungen in statische HTML-Webseitendateien umgewandelt werden. Hierbei ist der Künstler gefordert, die CSS- und DIV-Technik, also das sogenannte Schnittbild, einzusetzen. Genauer gesagt müssen Webdesigner im Allgemeinen über Kenntnisse in PHOTOSHOP/CSS/HTML/JAVASCRIPT und anderen Internetsprachen oder -tools verfügen, um Webseiten-Frameworks, Farben, Töne, Kreativität usw. zu verarbeiten. Das hier erwähnte Webseitendesign ist eigentlich ein Produkt der Web 1.0-Ära. Damals waren die meisten Websites statische HTML-Seiten, und Benutzer nutzten die Website hauptsächlich zum Surfen. Nach 2005 trat das Internet in die Ära des Web 2.0 ein und es entstanden in großer Zahl verschiedene Web-Apps mit ähnlichen Desktop-Anwendungen. Wie Gmail, Google Reader und so weiter. Das Frontend und die Interaktion der Website haben weltbewegende Veränderungen erfahren. Webseiten präsentieren nicht mehr nur einzelne Texte und Bilder. Verschiedene Rich Media machen den Inhalt der Webseiten lebendiger und die softwarebasierte interaktive Form bietet den Benutzern auch ein besseres Benutzererlebnis. All dies wird durch die enge Zusammenarbeit mehrerer Frontend-Technologien erreicht. So entstand die Stelle des „Frontend-Entwicklungsingenieurs“! 2. Was ist ein Front-End-Entwicklungsingenieur? Frontend Development Engineer ist die Abkürzung für Web Frontend Development Engineer. Es handelt sich um einen aufstrebenden Beruf, der erst in den letzten fünf Jahren wirklich an Aufmerksamkeit gewonnen hat. Die Entwicklung von Web-Frontends ist ein Prozess, der zunächst einfach ist und dann schwieriger wird. Er umfasst hauptsächlich drei Elemente: HTML, CSS und JavaScript. Dies erfordert von Frontend-Entwicklungsingenieuren nicht nur die Beherrschung grundlegender Web-Frontend-Entwicklungstechnologien, Website-Leistungsoptimierung, SEO und grundlegende Kenntnisse der Serverseite, sondern auch die Verwendung verschiedener Tools für die Hilfsentwicklung sowie theoretisches Wissen, einschließlich Code-Wartung, Komponentennutzbarkeit, geschichteter semantischer Vorlagen und Browser-Hierarchieunterstützung. Ein Frontend-Entwicklungsingenieur wandelt, vereinfacht ausgedrückt, die Grafiken des Designers in eine HTML-Seite um, die tatsächlich im Browser angezeigt wird, damit Benutzer darauf klicken und mit ihr interagieren können. Diese Aufgabe kann so einfach sein wie das direkte Exportieren einer Seite mit wenigen Mausklicks mithilfe von Photoshop Fireworks; oder sie kann so komplex sein wie die Berücksichtigung der Semantik jedes Tags, der Gesamtleistung, der Browserkompatibilität, der Benutzerinteraktion, der Suchmaschinenoptimierung usw. Die grundlegenden Fähigkeiten sind Kenntnisse im Umgang mit grafischen Bildverarbeitungstools, Kenntnisse in HTML/CSS/JavaScript-Frontend-Sprachen und vorzugsweise Kenntnisse einer serverseitigen Sprache wie PHP usw. Der Einstieg in die Front-End-Entwicklungsbranche ist sehr einfach. Sie können ein Buch über HTML+CSS kaufen und sich ein oder zwei Wochen lang selbst etwas beibringen. Dann finden Sie vielleicht einen Job in der „Webseitenproduktion“. Es ist jedoch schwieriger, wirklich ein hervorragender Front-End-Ingenieur zu werden, da die Front-End-Technologien zwar leicht zu erlernen, aber schwer zu beherrschen sind. Für die meisten Menschen ist der Einstieg leicht, aber schwer zu beherrschen. Darüber hinaus schenken viele Unternehmen dem nicht genügend Aufmerksamkeit, was zu großen Unterschieden beim Niveau der Front-End-Ingenieure und allgemein niedrigen Gehältern führt. Infolgedessen sind immer mehr Menschen nicht bereit, Front-End-Entwicklung zu lernen, die mehrere Technologien erfordert, weil sie weniger Energie in das Erlernen einer Back-End-Sprache stecken können. 3. Wissen, das ein exzellenter Frontend-Entwickler beherrschen muss <br />Um Frontend-Entwicklung zu betreiben, ist die Beherrschung von HTML+CSS das Erste und Wichtigste. Mit diesen beiden Grundkenntnissen können Sie problemlos eine Seite ausschneiden. Aber das ist nicht genug, wir müssen auch mit einer Vielzahl von Browsern kompatibel sein. Obwohl einige Unternehmen nur Kompatibilität mit IE6/7/8+Firefox verlangen, müssen Sie als guter Frontend-Entwickler höhere Anforderungen an sich selbst stellen. Neben der Kompatibilität mit mehreren häufig verwendeten Browsern ist es am besten, auch mit Chrome, Opera, Safari und anderen Browsern kompatibel zu sein. Um mit so vielen Browsern kompatibel zu sein, müssen Sie sich mit CSS HACK auskennen, damit Sie die HACK-Technologie zur Unterscheidung verschiedener Browserversionen und zur Herstellung der Kompatibilität mit diesen verwenden können. Ich glaube jedoch, dass die Kompatibilität mit diesen nicht schwierig sein wird, da es mit Firefox kompatibel ist. Nachdem wir in der Lage sind, eleganten HTML-Code zu schreiben, müssen wir auch die W3C-Standards und semantischen Spezifikationen so weit wie möglich einhalten. Obwohl diesbezüglich keine strenge Anforderung besteht, ist es notwendig, diese beiden Dinge gut zu machen. Ein guter Website-Frontend-Entwickler muss die Semantik jedes HTML-Tags berücksichtigen. Sinnvoller Einsatz von Hx-Tags, ul-ol-dl-Tags etc. Sorgen Sie für eine gute Struktur und gute Lesbarkeit Ihrer Seiten, auch wenn CSS deaktiviert ist. Wir wissen, dass mehr inländische Internetnutzer den Internet Explorer verwenden. Aus der Sicht inländischer oder internationaler Internetnutzer verwenden einige Kunden jedoch nicht den Internet Explorer zum Surfen im Internet. Sie verwenden andere Browser wie Netscape, Mozilla, FireFox, Opera usw. Wenn Ihre Website nicht den W3C-Standards entspricht, können Benutzer mit anderen Browsern Ihre Website nicht sehen. Dann können einige Kunden Ihr Unternehmen oder Ihre Produkte nicht sehen. Obwohl dieser Teil der Kunden relativ klein ist, ist es immer noch ein Teil der Kunden. Der Verlust potenzieller Kunden ist ein Verlust für das Unternehmen. Die Einhaltung der W3C-Vorschriften bringt viele Vorteile mit sich, beispielsweise: schnellere Dateidownloads und Seitenanzeige; mehr Benutzer können auf die Inhalte zugreifen (darunter Blinde, Sehbehinderte, Farbenblinde und Menschen mit anderen Behinderungen); eine größere Anzahl von Geräten kann auf die Inhalte zugreifen (darunter Bildschirmlesegeräte, Handheld-Geräte, Suchroboter, Drucker, Kühlschränke usw.); Benutzer können ihre eigene Präsentationsoberfläche durch die Stilauswahl anpassen; alle Seiten können als druckerfreundliche Versionen bereitgestellt werden usw. Nachdem Sie die Kenntnisse in HTML und CSS vollständig beherrschen, ist JavaScript die nächste schwierigste Aufgabe. JS ist eine der wichtigsten Fähigkeiten für das Frontend und zugleich der schwierigste Teil. Der Grund, warum es hier aufgeführt wird, besteht darin, Anfängern einen schrittweisen Einstieg zu ermöglichen. Es wäre schwierig, zu viele Dinge gleichzeitig zu verarbeiten. Es wäre weniger stressig, wenn Sie sie Schritt für Schritt lernen würden. Darüber hinaus muss die Front-End-Entwicklung grundlegende DOM-Operationen beherrschen, AJAX verstehen und in der Lage sein, effizienten OOP-Code zu schreiben, um die Wartungskosten zu senken. Es gibt mittlerweile immer mehr JS-Frameworks, beispielsweise Jquery, Prototype, Yui, Dojo usw. Die Front-End-Entwicklung sollte auf unterschiedlichen Anforderungen basieren und unterschiedliche Entwicklungen sollten durchgeführt werden. Das geeignete Framework sollte ausgewählt werden, um die höchste Codeeffizienz, die beste Benutzererfahrung, das kleinste Code-Download-Volumen und die maximale Code-Wiederverwendung in einer einzelnen oder sogar mehreren Produktlinien zu erreichen. Das oben genannte ist das notwendige Wissen für einen Front-End-Entwicklungsingenieur. Lassen Sie uns als Nächstes über die Fähigkeiten zur Front-End-Erweiterung sprechen. 1. Photoshop oder Fireworks selektiv beherrschen . Das Lernniveau kann nach den eigenen Bedürfnissen bestimmt werden. Wer in Zukunft mit Frontend-Entwicklung seinen Lebensunterhalt verdienen möchte, braucht in einem großen Unternehmen keine Frontend-Entwicklung mehr, um Designentwürfe anzufertigen. Es reicht, wenn man Bilder in Ebenen zerlegen kann. Wenn Sie sich für Design interessieren, ist es natürlich auch von Vorteil, wenn Sie gut mit PS umgehen können. 2. Verstehen Sie eine Back-End-Sprache <br />Sie können etwas über Back-End-Sprachen wie PHP+Mysql oder JSP lernen. Die Besonderheit unseres Berufs erfordert häufige Kommunikation mit Back-End-Mitarbeitern. Wenn Sie sich in diesem Bereich etwas Wissen aneignen, können Sie effektiver kommunizieren. Verbessern Sie das Image des Frontends im gesamten Team und verbessern Sie dadurch Ihren eigenen Umgang. Wenn Sie diesen Teil gut lernen, sind Sie außerdem sicherer, wenn ein Unternehmen Sie mit der Erstellung einer Website beauftragt. Ob Sie PHP oder JSP lernen sollten, hängt von Ihren eigenen Vorlieben ab. Ich persönlich finde PHP sehr gut. Viele Open-Source-Programme sind in PHP. Wenn Sie es lernen, können Sie Ihre eigene Website erstellen. Darüber hinaus ist WordPress eine sehr interessante Sache. 3. SEO+UE (Benutzererfahrung) Das Benutzererlebnis ist das A und O, und SEO ist entscheidend, wenn es darum geht, Benutzer anzulocken. UE ist eigentlich ein unverzichtbarer Bestandteil der Front-End-Entwicklung. Wer dies beherrscht, kann zum Produktmanager oder Abteilungsleiter aufsteigen, wer dies gut beherrscht, gewinnt die Zufriedenheit seiner Kunden. Außerdem ist dies nicht schwer zu lernen, man muss nur aufmerksamer sein und das Leben beobachten. Warum nicht? 4. Front-End-Leistungsoptimierung <br />Die Beherrschung dieser Fähigkeit kann die Geschwindigkeit der Website verbessern und dem Unternehmen Geld sparen. Wenn Sie Zeit haben, können Sie einige Regeln zur Seitenoptimierung für Ihre Website nachschlagen, z. B.: Minimieren Sie die Anzahl der HTTP-Anfragen, verwenden Sie die Bildintegrationstechnologie CSS Sprites, führen Sie CSS und JS zusammen, verwenden Sie die CDN-Technologie, verringern Sie die Anzahl der DNS-Lookups, vermeiden Sie Weiterleitungen usw. Haben Sie nach der Lektüre ein tieferes Verständnis für den Begriff „Frontend“? Unterscheidet es sich sehr von traditioneller „Kunst“? Ich habe einige Umfragen durchgeführt. Einigen Frontend-Entwicklern ist es egal, wie andere sie nennen, aber einige sind von diesem Begriff sehr angewidert. Denn im heutigen WEB 2.0-Zeitalter erscheint die Bezeichnung „Künstler“ altmodisch und überholt, da für das Front-End von Websites mittlerweile professionellere Entwicklungskenntnisse erforderlich sind. Egal ob Frontend-Entwicklung oder visuelles Design, mir gefällt dieser Titel nicht. Was ich heute hier geteilt habe, ist nur ein oberflächliches Verständnis der „Front-End-Entwicklung“. Ich werde die Gelegenheit haben, diese Theorie ausführlicher mit Ihnen zu diskutieren. |
<<: Neue Verwendung von watch und watchEffect in Vue 3
Artikel empfehlen
Installation und Verwendung der Ubuntu 18.04 Serverversion (Bild und Text)
1 Schritte zur Systeminstallation Betriebssystemv...
So lösen Sie das Problem der langsamen Geschwindigkeit von MySQL wie bei Fuzzy-Abfragen
Frage: Warum ist die Like-Fuzzy-Abfrage immer noc...
Tutorial zur HTML-Tabellenauszeichnung (28): Farbattribut für Zellrahmen BORDERCOLOR
Um die Tabelle zu verschönern, können Sie für die...
So verarbeiten Sie sehr große Formularbeispiele mit Vue+ElementUI
Aufgrund von Geschäftsanpassungen im Unternehmen ...
So legen Sie ein Kennwort für MySQL Version 5.6 auf dem Mac fest
MySQL kann bei der Installation festgelegt werden...
Wie gut kennen Sie sich mit reinen HTML-Tags aus?
Die folgenden HTML-Tags umfassen grundsätzlich all...
Detaillierte Erklärung des Unterschieds zwischen Uniapp und Vue
Inhaltsverzeichnis 1. Einfaches Seitenbeispiel 2....
Nginx-Installation und Umgebungskonfiguration unter Windows (Ausführen von Nginx als Dienst)
Der erste und wichtigste Schritt ist: Wie install...
Tutorial zum Upgrade, zur Installation und Konfiguration des Supervisors auf Centos 6.5
Vorstellung des Vorgesetzten Supervisor ist ein i...
Analyse der Verwendung und des Prinzips der Docker Swarm-Clusterverwaltung
Schwarmclusterverwaltung Einführung Docker Swarm ...
Nginx übernimmt die Analyse des Implementierungsprozesses für HTTP-Anforderungen
Nginx entscheidet zunächst, welcher Serverblock i...
Drei Möglichkeiten zum Aktualisieren von Iframes
Code kopieren Der Code lautet wie folgt: <ifra...
Implementierungscode für die Schiebeschalterfunktion der Registerkarte „Links“ und „Rechts“ des WeChat-Applet
Effektbild: 1. Einleitung Ihr eigenes Applet muss...
Häufige JavaScript-Speicherfehler und Lösungen
Inhaltsverzeichnis 1. Zeitüberwachung 2. Ereignis...
Erläuterung des Arbeitsmechanismus von Namenode und SecondaryNameNode in Hadoop
1) Prozess 2) FSImage und Bearbeitungen Nodenode ...