Core Skills zu Master For Front-End Developers

D'Postbezeechnunge schwätzen an dat wat se an engem Frontend-Entwéckler gesicht. E puer Firmen wëllen Appellanten wësse wéi Ruby , Git, Design-Tools, Videobearbeitung - an d'Lëscht geet weider.

Et gëtt awer e puer Fäegkeeten, déi all Front - End - Entwécklungsstéck verlaangt - d'"core" - Fäegkeeten - an e puer anerer, déi Dir misst Äert Répertoire ze ernimmen.

Wat Dir musst wëssen

Gitt Joblëschten online op der Sich no, wat Schlëssel fir Front-End-Entwéckler kennen an ze verstoen; Et ginn dräi Schlësselen.

Net verhandelbar.

A si sinn:

  1. HTML
  2. CSS
  3. JavaScript (jQuery)

Dëst sinn d'Grondsätz. Glécklech sinn et vill vu gratis oder bezuelbare Online-Léierplattformen, wou Dir dës Fäegkeeten léieren kann, wann Dir se se net scho kennen.

HTML

HyperText Markup Language oder HTML ass de wichtege strukturell Komponent vun allen Websäiten am Internet. Wéi Jennifer Kyrnin seet,

"Et ass d'Sprooch vun de Websäiten - d'Markéierungssprooch déi Browsers liesen fir Websäiten ze maachen."

Websäiten kënnen net ouni HTML existéieren.

CSS

CSS an HTML zesumme schaffen: CSS setzt Stil un HTML. Ech hu gär d'Analogie benotzen datt HTML wéi e Gesiicht ass a CSS ass wéi d'Make-up.

Obwuel CSS net néideg ass fir eng Websäit online ze kréien, am Prinzip all Site online benotzt eng Art Styling.

Soss war et relativ langweileg. Mat deene läschten Versioune vu CSS kënnt Dir Saachen wéi Animatiounen an méi fortgeschratt Styling maachen, déi nëmmen mat JavaScript oder Flash an der Vergaangenheet méiglech gemaach hunn.

JavaScript

JavaScript, oder JS, huet séier iwwer d'Jore gedauert. Et huet e puer Zwecker benotzt a kann op der Front oder am Enn sinn.

Am Bezug op Frontniveau ass JS wichteg, well et hëlleft Webseiten interaktiv maachen. Dir kënnt awesome Saachen maachen wéi Pollen, Quizzes oder Formulairen maachen.

Heutzutuer gëtt et vill JS-Bibliotheken online fir Iech ze hëllefen fir Är Websäiten op déi nächst Plaz ze huelen.

Awer fir e Front-End-Entwéckler ze ginn, musst Dir just basic JavaScript justifiéieren an och déi populär JS-Bibliothéik - JQuery.

Nice-zu-Héiën

Nodeems d'Basics bäikomm sinn, sinn et aner Kompetenzen, déi nett schmaachen ze hunn. (A ville Front-End-Entwécklungshëllef schéngt se ze fannen.)

MV * JavaScript Frameworks

JavaScript-Frameworken hëllefen Iech Äre Code ze organiséieren an condenséieren.

Sou wäit wéi MV * (oder MVC) opgestallt sinn, sinn ett drësseg do: Zwee vun de populärste Backbone.js a angular.js.

Ouni Zweifel huet de JS Framework am härteste Bestietnes fir e wichtege Frontend-Entwéckler ze ginn, awer et ass de beschte Wee fir Är Fäegkeeten op déi nächst Plaz ze huelen.

CSS Tools

Am Verglach mat den JavaScript-Frameworks hei ass d'CSS-Tools hei ënnen relativ einfach ze léieren. Et gi verschidde Saache fir nozekucken:

Precompiler: Mat engem Virdeeler (oder Vorepresesser) huet vill Virdeeler, aus Code ze maachen fir d'Organisatioun vun der Organisatioun ze maachen. Et ass en einfache Wee fir CSS ze schreiwen an ënnerstëtzt DRY (Do not Repeat Yourself) Prinzipien. Populäre CSS-Präcompilatoren sinn Sass, Manner an Stylus. Wann Dir just ufänkt, huelt se e léieren.

CSS-Framework: CSS-Frameworks hëllefen Äre Workflow mat Built-Rasteren an aner CSS-Komponenten optiméieren. Déi zwee populär Beispiller sinn Bootstrap an Foundation.

Reaktiounsdesign: Dës Deeg sinn et sou vill verschidde Virausside vu Geräter déi Äre Site sollte se an all se adaptéieren. Responsable Design hëlleft Iech Site ze bauen déi op all Bildschirmaarbechten ariichten - Desktop, Tablet a Smartphone. Frameworks wéi Bootstrap an Foundation hunn e reaktionnéierten Design gebaut, also wann Dir een vun deenen léiert, bass de fest.

Front-End Build-Tools

Als Entwéckler sollt Dir d'Dateigruppoptiméierung an d'Workflow Effizienz verwalten. Dës Tools kënnen hëllefen.

Package Management: Et kann schwiereg ginn all d'Bibliotheken, Vermeit an esou weider, besonnesch fir grouss Projeten oder déi Dir benotzt, mat engem Team ze organiséieren.

Benotzt e Paketmanager, wéi Bower, fir alles ofgeleet a gespaart e Log vun Ären Aktualiséierungen.

Yeoman.io: Wann Dir heiansdo Schwieregkeeten kritt fir Projeten um Terrain ze kréien, benotzen Yeoman fir séier mat Projeten ze promouvéieren an ze produktiv ze bleiwen. Et ass op der Kommandozeilung.

Task Runners: Verwenden Grunt oder Gulp, déi och op der Kommandozeile lafen, Dateien kompriméieren an Workflow optiméieren. Si kënnen als Compiler fir Sass oder manner Vorepresesser ginn, an och e breet Palette vu Plugins mat anere Fonctiounen.

Konklusioun

D'schéin fir héi wéi vill sinn, denken se wéi d'Fäegkeeten déi Dir sollt iwwer d'Zäit ginn. Déi Kerndemitt Dir musst wëssen, HTML, CSS an JavaScript.

Wann Dir aner Websäiten hutt , och wann se net am Frontanhang sinn, bréngen se op den Dëschtablett Design, d'Video Editioun, SEO, etc. Dir wësst net ni wat e Betrib ka gesicht ginn .

An denken, wat? Dir kënnt perfekt sinn.