Azonban van néhány készség, amelyet minden front-end fejlesztési feladatnak meg kell követnie - a "core" készségeket - és néhány más, amit komolyan fontolnod kell a repertoárhoz való hozzáadáshoz.
Amit tudnod kell
Böngésszen az online állásajánlatok között annak érdekében, hogy megismerhesse és megértse, mi a kulcsfontosságú a front-end fejlesztők számára; három kulcsfontosságú dolog van.
Nem forgatható.
És ők:
- HTML
- CSS
- JavaScript (jQuery)
Ezek a fundamentumok. Szerencsére sok ingyenes vagy megfizethető online oktatási platform van, ahol megismerheti ezeket a készségeket, ha már nem ismeri őket.
HTML
A HyperText Markup Language vagy a HTML az internetes webhelyek legfontosabb strukturális összetevője. Ahogy Jennifer Kyrnin mondja:
"Ez a weboldalak nyelve - a jelölőnyelv, amelyet a böngészők olvasnak a weboldalak megjelenítéséhez."
A weblapok nem létezhetnek HTML nélkül.
CSS
A CSS és a HTML együtt dolgoznak: a CSS a HTML stílusát adja hozzá. Szeretem használni az analógiát, hogy a HTML olyan, mint egy arc, és a CSS olyan, mint a smink.
Bár a CSS nem szükséges a weboldal internetes megjelenítéséhez, alapvetően minden webhely online használ valamilyen formát.
Egyébként elég unalmas lenne. A CSS legfrissebb változatai olyan animációkat és fejlettebb stílusokat hajthatnak végre, amelyek csak a múltban lehetségesek a JavaScript vagy a Flash használatával.
JavaScript
A JavaScript vagy a JS gyorsan fejlődött az évek során. Manapság számos célt szolgál, és használható az elülső vagy a hátsó végén.
A front-end fejlesztéssel kapcsolatban a JS fontos, mert segít a weboldalak interaktív kialakításában. Meg lehet csinálni olyan fantasztikus dolgokat, mint a szavazások, a kvízek vagy a beadványok formálása.
Napjainkban számos online JS könyvtár található, hogy segítsen a weboldalakon a következő szintre vinni.
Azonban, hogy egy front-end fejlesztő legyen, csak meg kell értened az alapvető JavaScript-et, valamint a legnépszerűbb JS könyvtárat - a jQuery-t.
Nice-to-Nélkülözhetetlen
Miután lecsúszott az alapokról, ezek olyan más készségek, amelyek kedvesek. (És rengeteg front-end fejlesztési munka keres rá.)
MV * JavaScript keretrendszerek
A JavaScript-keretek segítenek megszervezni és tömöríteni a kódot.
Ami az MV * (vagy MVC) opciókat illeti, ott harminc van: a legnépszerűbb két a backbone.js és a angular.js.
Kétségtelen, hogy a JS keretrendszer megtanulása a legnehezebb része, hogy valódi front-end fejlesztővé váljon, de ez a legjobb módja annak, hogy a készségeket a következő szintre vigye.
CSS eszközök
A fenti JavaScript keretrendszerekkel összehasonlítva az alábbiakban található CSS eszközök viszonylag könnyűek. Háromféle lehet keresni:
Precompilers: Az előfordító (vagy előfeldolgozó) használata számos előnnyel jár, így a kódtisztító a szervezeti felépítéshez vezet. Ez egy egyszerű módszer a CSS írására, és elősegíti a DRY (Do not Repeat Yourself) elveket. A népszerű CSS előkészítők a Sass, a Less és a Stylus. Ha csak kezdesz, tartsd be a tanulást.
CSS-keretrendszerek: A CSS-keretek segítik a munkafolyamat optimalizálását beépített rácsokkal és más CSS-összetevőkkel. Két népszerű példa a Bootstrap és az Alapítvány.
Érzékeny kialakítás: Manapság olyan sok különböző eszköz létezik, hogy webhelye képes legyen alkalmazkodni mindegyikhez. A felelősségteljes megjelenítés segít az összes képernyőméret - asztali, táblagép és okostelefonon működő webhelyek létrehozásában. A Bootstrap és az Alapítvány olyan rendszerekkel rendelkezik, mint a Bootstrap és az Alapítvány.
Front-End Build eszközök
Fejlesztőként képesnek kell lennie a fájlméret-optimalizálás és a munkafolyamat hatékonyságának kezelésére. Ezek az eszközök segíthetnek.
Csomagkezelés: Nehéz lehet minden könyvtárt, eszközt stb. Szervezni, különösen nagyprojekteknél vagy olyan helyeken, ahol egy csapatnál dolgozik.
Használjon csomagkezelőt, például a Bower-t, hogy mindent rendezzen, és tartsa naprakészen a frissítéseit.
Yeoman.io: Ha néha bajban van a projektek leállítása a földről, használja a Yeoman-t, hogy gyorsan elinduljon a projektekkel és maradjon produktív. A parancssorban fut.
Feladat futók: Használja a Grunt vagy a Gulp-ot, amelyek szintén futnak a parancssoron, fájlok tömörítésére és a munkafolyamat optimalizálására. A Sass vagy Less előfeldolgozókhoz fordítóként is működhetnek, és számos más funkcióval bíró plugin is megtalálható.
Következtetés
Míg a kedves fogadások nagyon soknak tűnhetnek, gondoljon rájuk, mint olyan készségeket, amelyeket idővel hozzá kell adnia. A legfontosabb dolog, amit tudnod kell a HTML, a CSS és a JavaScript.
Ha más webes készségekkel rendelkezik , még akkor is, ha nem az elsődlegesekhez tartozik, akkor vigye el őket az asztalhoz hasonló dizájnhoz, videószerkesztéshez, SEO-hez stb. Soha nem tudja, mit keres a cég .
És képzeld csak? Lehet, hogy tökéletes illeszkedés.