Core készségek a Front-End fejlesztőknek

Az állásajánlatok változóak a front-end fejlesztői által keresett munkákban. Néhány vállalat azt akarja, hogy a pályázók olyan dolgokat ismerjenek meg, mint a Ruby, a Git, a tervezési eszközök, a videószerkesztés - és a lista folytatódik.

Van azonban néhány olyan készség, amire minden front-end fejlesztési feladatnak szüksége lesz - az „alapvető” készségekre és néhány másra, amelyeket komolyan fontolóra kell vennie a repertoár hozzáadásához.

Amit tudnod kell

Böngésszen a munkahelyek listáján az interneten, megkeresve, hogy mi a legfontosabb a front-end fejlesztők számára, hogy megismerjék és megértsék; három kulcsfontosságú dolog van. Nem forgatható.

És ők:

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

Ezek az alapok. Szerencsére rengeteg ingyenes vagy megfizethető online tanulási platform van, ahol megtanulhatja ezeket a készségeket, ha már nem ismeri őket.

HTML

A HyperText Markup Language vagy a HTML az interneten található összes webhely legfontosabb szerkezeti eleme. Ahogy Jennifer Kyrnin mondja,

„Ez a weblapok nyelve - a böngészők által a weblapok megjelenítéséhez használt jelölőnyelv”.

A weblapok HTML nélkül nem létezhetnek.

CSS

A CSS és a HTML együtt dolgoznak: a CSS hozzáad a stílushoz a HTML-t. Szeretem az analógiát használni, amit a HTML olyan, mint egy arc, és a CSS olyan, mint a smink.

Bár a CSS-nek nincs szüksége internetes oldalra, alapvetően minden online webhely valamilyen stílust használ.

Ellenkező esetben elég unalmas lenne. A CSS legújabb verzióival az animációkat és a fejlettebb stílust is elvégezheti, ami csak a JavaScript vagy a Flash használatával volt lehetséges.

JavaScript

A JavaScript vagy a JS gyorsan fejlődött az évek során. Manapság sok célja van, és az elülső vagy hátsó végén is használható.

A front-end fejlesztéssel kapcsolatban a JS azért fontos, mert segít abban, hogy a weboldalak interaktívvá váljanak. Csodálatos dolgokat tehetsz, mint pl. Közvélemény-kutatások, kvízek vagy formanyomtatványok létrehozása. Napjainkban számos JS könyvtár van online, hogy segítse a weblapok következő szintre vitelét.

Ahhoz azonban, hogy front-end fejlesztővé váljunk, meg kell értened az alapvető JavaScript-t, valamint a legnépszerűbb JS könyvtárat - jQuery.

Nice-to-Have készségek

Az alapok megszerzése után ezek más készségek, amelyek szépek. (És rengeteg előremutató munkahelyet keres.)

MV * JavaScript keretek

A JavaScript keretek segítenek a kód megszervezésében és tömörítésében.

Ami az MV * (vagy MVC) opciókat illeti, ott harminc van: a legnépszerűbbek közül a backbone.js és az angular.js.

Kétségtelen, hogy a JS-keretrendszer tanulása a legnehezebb része annak, hogy valódi front-end fejlesztővé váljunk, de ez a legjobb módja annak, hogy készségeidet a következő szintre vigye.

CSS eszközök

A fenti JavaScript keretrendszerekhez képest az alábbi CSS eszközök viszonylag könnyen megtanulhatók. Háromféle keresésre van lehetőség:

• Előfordítók: Az előkompilátor (vagy az előfeldolgozó) használata számos előnnyel jár, a kódtisztítótól a szervezet fenntartásáig. Ez egy egyszerű módja a CSS írásának és a DRY (Ne ismételje meg magad) elvét. A népszerű CSS előkompilátorok Sass, Less és Stylus. Ha éppen most kezdesz, ragaszkodj a tanuláshoz.
• CSS keretek: A CSS keretek segítenek a munkafolyamat optimalizálásában beépített rácsokkal és más CSS-összetevőkkel. Két népszerű példa a Bootstrap és az Foundation.
• Reszponzív dizájn: Napjainkban olyan sokféle eszköz létezik, amellyel a webhelynek képesnek kell lennie mindegyikhez alkalmazkodni. Az érzékeny kialakítás segít olyan webhelyek létrehozásában, amelyek az összes képernyőméreten - asztali, tablet és okostelefon - működnek. A keretrendszerek, mint a Bootstrap és az Alapítvány érzékeny kialakításúak, így ha az egyiket megtanulod, beállítod.

Front-End Build Tools

Fejlesztőként képesnek kell lennie a fájlméret-optimalizálás és a munkafolyamat-hatékonyság kezelésére. Ezek az eszközök segíthetnek.

• Csomagkezelés: Nehéz lehet az összes könyvtár, eszköz stb. Szervezése, különösen nagy projekteknél vagy azoknál, ahol egy csapattal dolgozik. Használjon olyan csomagkezelőt, mint a Bower, hogy mindent rendezzen, és naplót tartson a frissítésekről.
• Yeoman.io: Ha néha nehézségekbe ütközik a projektek leküzdése a földről, használja a Yeoman-t, hogy gyorsan kezdje el a projekteket és maradjon produktív. A parancssorban fut.
• Feladatok: A parancssorban futó Grunt vagy Gulp segítségével tömörítheti a fájlokat és optimalizálhatja a munkafolyamatot. A Sass vagy a Less előfeldolgozók kompilátoraként működhetnek, és számos más funkcióval rendelkező pluginnel is rendelkeznek.

Következtetés

Míg a kedvesek a sorsok soknak tűnhetnek, gondolj rájuk, mint olyan képességek, amelyeket idővel hozzá kell adnod. A legfontosabb dolog, amit tudnod kell, a HTML, a CSS és a JavaScript.

Ha bármilyen más webes ismerete van, még akkor is, ha nem a front-endhez kapcsolódó, hozza őket az asztalhoz, mint a design, a videó szerkesztése, a SEO, stb.