Es gibt jedoch einige Fähigkeiten, die jeder Front-End-Entwicklungsjob benötigt - die "Kernkompetenzen" - und einige andere, die Sie ernsthaft in Erwägung ziehen sollten, Ihr Repertoire zu erweitern.
Was du wissen musst
Durchsuchen Sie Online-Stellenangebote auf der Suche nach Informationen, die Front-End-Entwickler kennen und verstehen sollten. Es gibt drei wichtige Dinge.
Nicht verhandelbar.
Und sie sind:
- HTML
- CSS
- JavaScript (jQuery)
Dies sind die Grundlagen. Glücklicherweise gibt es viele kostenlose oder erschwingliche Online-Lernplattformen, auf denen Sie diese Fähigkeiten erlernen können, wenn Sie sie noch nicht kennen.
HTML
HyperText Markup Language oder HTML ist die wichtigste strukturelle Komponente aller Websites im Internet. Wie Jennifer Kyrnin sagt,
"Es ist die Sprache der Webseiten - die Auszeichnungssprache, die Browser zum Rendern von Webseiten lesen."
Webseiten können nicht ohne HTML existieren.
CSS
CSS und HTML arbeiten zusammen: CSS fügt Stil zu HTML hinzu. Ich verwende gerne die Analogie, dass HTML wie ein Gesicht ist, und CSS ist wie das Make-up.
Obwohl CSS nicht notwendig ist, um eine Website online zu bekommen, verwendet im Grunde jede Website online eine Art von Styling.
Sonst wäre es ziemlich langweilig. Mit den neuesten Versionen von CSS können Sie Dinge wie Animationen und erweiterte Styles tun, die in der Vergangenheit nur mit JavaScript oder Flash möglich waren.
JavaScript
JavaScript oder JS hat im Laufe der Jahre schnell Fortschritte gemacht. Es hat heutzutage viele Zwecke und kann am vorderen oder hinteren Ende verwendet werden.
In Bezug auf die Front-End-Entwicklung ist JS wichtig, da es dabei hilft, Webseiten interaktiv zu gestalten. Sie können tolle Dinge tun, wie Umfragen, Quizfragen oder Formulareinreichungen erstellen.
Heutzutage gibt es zahlreiche JS Bibliotheken, die Ihnen helfen, Ihre Webseiten auf die nächste Ebene zu bringen.
Um jedoch ein Front-End-Entwickler zu werden, müssen Sie nur grundlegendes JavaScript sowie die populärste JS-Bibliothek - jQuery - verstehen.
Nizza-zu-Haves
Nachdem Sie die Grundlagen gelernt haben, sind dies weitere Fähigkeiten, die Sie gerne haben. (Und viele Front-End-Entwicklungsjobs suchen nach ihnen.)
MV * JavaScript Frameworks
JavaScript-Frameworks helfen Ihnen, Ihren Code zu organisieren und zu verdichten.
Soweit MV * (oder MVC) Optionen gehen, gibt es 30 da draußen: zwei der beliebtesten Backbone.js und angular.js.
Ohne Zweifel ist das Erlernen eines JS-Frameworks der härteste Teil eines echten Frontend-Entwicklers, aber es ist der beste Weg, Ihre Fähigkeiten auf die nächste Ebene zu bringen.
CSS-Werkzeuge
Im Vergleich zu den obigen JavaScript-Frameworks sind die folgenden CSS-Tools relativ einfach zu erlernen. Es gibt drei Arten zu suchen:
Precompiler: Die Verwendung eines Precompilers (oder Präprozessors) hat viele Vorteile, von Code Cleaner bis zur Aufrechterhaltung der Organisation. Es ist eine einfache Möglichkeit, CSS zu schreiben und DRY-Prinzipien (Do not Repair Yourself) zu fördern. Beliebte CSS-Precompiler sind Sass, Less und Stylus. Wenn Sie gerade erst anfangen, bleiben Sie dabei, einen zu lernen.
CSS-Frameworks: CSS-Frameworks optimieren Ihren Workflow mit integrierten Grids und anderen CSS-Komponenten. Zwei beliebte Beispiele sind Bootstrap und Foundation.
Responsive Design: Heutzutage gibt es so viele verschiedene Arten von Geräten, dass Ihre Site in der Lage sein sollte, sich an alle anzupassen. Mit Responsive Design können Sie Websites erstellen, die auf allen Bildschirmgrößen - Desktop, Tablet und Smartphone - funktionieren. Frameworks wie Bootstrap und Foundation haben Responsive Design eingebaut, wenn Sie also eines davon lernen, sind Sie fertig.
Front-End-Build-Tools
Als Entwickler sollten Sie in der Lage sein, die Dateigrößenoptimierung und die Workflow-Effizienz zu verwalten. Diese Tools können helfen.
Paketverwaltung: Es kann schwierig sein, alle Bibliotheken, Assets usw. zu organisieren, insbesondere für große Projekte oder solche, in denen Sie mit einem Team arbeiten.
Verwenden Sie einen Paketmanager wie Bower, um alles aussortieren zu können und ein Protokoll Ihrer Aktualisierungen zu führen.
Yeoman.io: Wenn Sie manchmal Schwierigkeiten haben, Projekte auf den Boden zu bringen, verwenden Sie Yeoman, um schnell mit Projekten anzufangen und produktiv zu bleiben. Es wird in der Befehlszeile ausgeführt.
Aufgaben-Runner: Verwenden Sie Grunt oder Gulp, die auch in der Befehlszeile ausgeführt werden, um Dateien zu komprimieren und den Arbeitsablauf zu optimieren. Sie können als Compiler für die Sass- oder Less-Präprozessoren fungieren und verfügen über eine breite Palette von Plugins mit anderen Funktionen.
Fazit
Während die Nice To Haves viel erscheinen mögen, sollten Sie sie als Fähigkeiten betrachten, die Sie im Laufe der Zeit hinzufügen sollten. Die wichtigsten Dinge, die Sie wissen müssen, sind HTML, CSS und JavaScript.
Wenn Sie andere Web-Fähigkeiten haben , auch wenn sie nicht Front-End-bezogen sind, bringen Sie sie an den Tisch - wie Design, Videoschnitt, SEO, usw. Sie wissen nie, was ein Unternehmen suchen könnte .
Und rate was? Sie können die perfekte Passform sein.