Temeljne spretnosti za mojstra za Front-End razvijalce

Objave delovnih mest se razlikujejo glede na to, kaj iščejo v razvijalcu. Nekatera podjetja želijo, da kandidati poznajo stvari, kot so Ruby, Git, orodja za načrtovanje, urejanje videa - in seznam se nadaljuje.

Vendar pa obstaja nekaj spretnosti, ki jih bodo zahtevale vse razvojne naloge v prednjem delu - "ključne" veščine - in nekaj drugih, ki bi jih morali resno razmisliti o dodajanju svojega repertoarja.

Kaj morate vedeti

Brskanje po seznamih delovnih mest na spletu v iskanju tistega, kar je ključnega pomena za spoznavanje in razumevanje razvijalcev; Obstajajo tri ključne stvari. Brez pogajanj.

In to so:

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

To so temelji. Na srečo obstaja veliko brezplačnih ali cenovno dostopnih spletnih platform za učenje, kjer se lahko naučite teh veščin, če jih že ne poznate.

HTML

HyperText Markup Language ali HTML je ključna strukturna komponenta vseh spletnih mest na internetu. Kot pravi Jennifer Kyrnin,

»To je jezik spletnih strani - označevalni jezik, ki ga brskalniki preberejo za upodabljanje spletnih strani.«

Spletne strani ne morejo obstajati brez HTML-ja.

CSS

CSS in HTML delujeta skupaj: CSS doda stil v HTML. Všeč mi je, da uporabim analogijo, da je HTML kot obraz, in CSS je kot ličila.

Čeprav CSS ni potreben za spletno mesto na spletu, v bistvu vsaka spletna stran uporablja nekakšno obliko.

Drugače bi bilo precej dolgočasno. Z najnovejšimi različicami CSS lahko delate stvari, kot so animacije in naprednejši styling, ki so bili v preteklosti možni samo z JavaScriptom ali Flashom.

JavaScript

JavaScript ali JS se je v zadnjih letih hitro razvijal. Danes ima številne namene in se lahko uporablja na sprednji ali zadnji strani.

V zvezi s front-end razvojem je JS pomemben, ker omogoča interaktivnost spletnih strani. To lahko storite super stvari, kot so ustvarjanje ankete, kvizi ali obrazec oddajo. Danes so na voljo številne spletne knjižnice JS, ki vam bodo pomagale, da svoje spletne strani prenesete na naslednjo raven.

Če želite postati front-end razvijalec, morate razumeti osnovni JavaScript in najbolj priljubljeno knjižnico JS - jQuery.

Spretnosti, ki jih je treba imeti

Po spuščanju osnov, so to še druge veščine, ki jih je lepo imeti. (Iščejo jih tudi številna delovna mesta za razvoj.)

MV * JavaScript okviri

Okviri JavaScripta vam pomagajo pri organizaciji in zgoščevanju vaše kode.

Kar se tiče MV * (ali MVC) možnosti, je tam trideset: dva izmed najbolj priljubljenih sta backbone.js in angular.js.

Brez dvoma je učenje okvira JS najtežji del, da postanete pravi front-end razvijalec, vendar je to najboljši način, da svoje sposobnosti prenesete na naslednjo stopnjo.

Orodja CSS

V primerjavi z zgornjimi okviri JavaScripta se spodnja orodja CSS zlahka naučijo. Za iskanje potrebujemo tri vrste:

• Vnaprejšnji prevajalci: Uporaba predkompilatorja (ali predprocesorja) ima veliko prednosti, od čiščenja kode do vzdrževanja organizacije. To je preprost način za pisanje CSS in spodbujanje načel DRY (Ne ponavljaj se). Priljubljeni predkompilatorji CSS so Sass, Less in Stylus. Če pravkar začenjate, se držite učenja.
• Okviri CSS: Ogrodja CSS pomagajo optimizirati vaš potek dela z vgrajenimi omrežji in drugimi komponentami CSS. Dva priljubljena primera sta Bootstrap in Foundation.
• Odzivno oblikovanje: Te dni, obstaja toliko različnih vrst naprav, da bi vaše spletno mesto lahko prilagodili vsem. Odzivno oblikovanje vam pomaga ustvariti spletna mesta, ki delujejo na vseh velikostih zaslona - namizje, tablični računalnik in pametni telefon. Okviri, kot so Bootstrap in Foundation, imajo vgrajen odzivni dizajn, zato se naučite enega od teh.

Orodja za sestavljanje spredaj

Kot razvijalec bi morali biti sposobni upravljati optimizacijo velikosti datotek in učinkovitost delovnega toka. Ta orodja lahko pomagajo.

• Upravljanje paketov: Težko je organizirati vse knjižnice, sredstva in tako naprej, zlasti za velike projekte ali tiste, kjer delate z ekipo. Uporabite upravljalnik paketov, kot je Bower, da vse uredite in hranite dnevnik vaših posodobitev.
• Yeoman.io: Če imate včasih težave pri pridobivanju projektov, uporabite Yeoman, da hitro začnete s projekti in ostanete produktivni. Izvaja se v ukazni vrstici.
• Tekači opravil: Uporabite Grunt ali Gulp, ki se izvaja tudi v ukazni vrstici, da stisnete datoteke in optimizirate potek dela. Lahko delujejo kot prevajalniki za Sass ali Less preprocesorje, prav tako pa imajo široko paleto pluginov, ki se ponašajo z drugimi funkcijami.

Zaključek

Medtem ko se lepo zdi, da ima veliko, se zdi, da je to spretnost, ki jo je treba sčasoma dodati. Najpomembnejše stvari, ki jih morate poznati, so HTML, CSS in JavaScript.

Če imate kakšne druge spletne veščine, tudi če niso povezane s sprednjim delom, jih prinesite na tabelo, kot so oblikovanje, urejanje videoposnetkov, SEO itd.