Temeljne vještine za majstora za Front-End programere

Objavljivanja poslova razlikuju se po tome što traže u front-end programeru. Neke tvrtke žele da kandidati znaju stvari kao što su Ruby, Git, alati za dizajn, uređivanje videozapisa - a popis se nastavlja.

Međutim, postoji nekoliko vještina koje će zahtijevati svaki razvojni zadatak - “osnovne” vještine - i nekoliko drugih koje biste trebali ozbiljno razmotriti dodajući svoj repertoar.

Što trebaš znati

Pregledajte popise radnih mjesta na mreži u potrazi za ključnim elementima za razvojne inženjere koji znaju i razumiju; postoje tri ključne stvari. Ne može pregovarati.

I to su:

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

To su osnove. Srećom, postoji mnogo besplatnih ili pristupačnih platformi za online učenje na kojima možete naučiti te vještine ako ih već ne poznajete.

HTML

HyperText Markup Language, ili HTML, je ključna strukturna komponenta svih web stranica na Internetu. Kao što kaže Jennifer Kyrnin,

"To je jezik web-stranica - označni jezik koji preglednici čitaju za prikazivanje web-stranica."

Web stranice ne mogu postojati bez HTML-a.

CSS

CSS i HTML rade zajedno: CSS dodaje stil u HTML. Volim koristiti analogiju da je HTML poput lica, a CSS je poput šminke.

Iako CSS nije potreban za dobivanje web-lokacije na mreži, u osnovi svaka web-lokacija na mreži koristi neku vrstu stila.

Inače bi bilo prilično dosadno. S najnovijim verzijama CSS-a možete raditi stvari kao što su animacije i napredniji stil koji je u prošlosti bio moguć samo uz JavaScript ili Flash.

JavaScript

JavaScript, ili JS, ubrzano napreduje tijekom godina. Danas ima mnogo namjena i može se koristiti na prednjem ili stražnjem kraju.

U odnosu na front-end razvoj, JS je važan jer pomaže da interaktivne web stranice. To možete učiniti strašan stvari kao što su stvaranje ankete, kvizovi ili obrazac podnesaka. Danas postoje brojne JS knjižnice koje će vam pomoći da svoje web stranice odvedete na višu razinu.

Međutim, da biste postali front-end programer, jednostavno morate razumjeti osnovni JavaScript, kao i najpopularniju JS knjižnicu - jQuery.

Lijepe vještine

Nakon uzimajući dolje osnove, to su druge vještine koje su lijepo imati. (I mnogi prednji razvojni poslovi ih traže.)

MV * JavaScript okviri

JavaScript okviri pomažu vam organizirati i sažeti svoj kôd.

Što se tiče MV * (ili MVC) opcija, tu su trideset: dva od najpopularnijih su backbone.js i angular.js.

Bez sumnje, učenje JS okvira je najteži dio kako postati istinski front-end programer, ali to je najbolji način da svoje vještine prenesete na višu razinu.

CSS alati

U usporedbi s gore navedenim JavaScript okvirima, CSS alati u nastavku relativno su jednostavni za učenje. Postoje tri vrste traženja:

• Precompilers: Upotreba predkompilatora (ili pretprocesora) ima mnogo prednosti, od čišćenja koda do održavanja organizacije. To je jednostavan način za pisanje CSS-a i promicanje principa SUHI (ne ponavljajte se). Popularni CSS predkompilatori su Sass, Less i Stylus. Ako tek počinjete, držite se učenja.
• CSS okviri: CSS okviri pomažu optimizirati vaš tijek rada s ugrađenim rešetkama i drugim CSS komponentama. Dva popularna primjera su Bootstrap i Foundation.
• Odgovarajući dizajn: Ovih dana postoji toliko različitih vrsta uređaja koje bi vaša web-lokacija trebala prilagoditi svim njima. Odgovarajući dizajn pomaže vam da izradite web-lokacije koje rade na svim veličinama zaslona - desktop, tablet i smartphone. Okviri kao što su Bootstrap i Foundation imaju ugrađen odgovarajući dizajn, pa ako naučite jedan od njih, postavili ste.

Alati za izgradnju front-end

Kao programer, trebali biste moći upravljati optimizacijom veličine datoteke i učinkovitošću radnog toka. Ovi alati mogu pomoći.

• Upravljanje paketima: Može biti teško organizirati sve knjižnice, imovinu i tako dalje, posebno za velike projekte ili one u kojima radite s timom. Upotrijebite upravitelja paketa, kao što je Bower, kako biste sve uredili i zadržali dnevnik ažuriranja.
• Yeoman.io: Ako ponekad imate problema s pokretanjem projekata, upotrijebite Yeoman kako biste brzo započeli s projektima i ostali produktivni. Pokreće se na naredbenom retku.
• Trkači zadataka: Koristite Grunt ili Gulp, koji se također pokreću u naredbenom retku, da bi komprimirali datoteke i optimizirali tijek rada. Oni mogu djelovati kao kompajleri za Sass ili Less pretprocesore, te također imaju širok raspon dodataka koji se hvale drugim značajkama.

Zaključak

Iako je lijepo imati ima svibanj činiti se poput puno, mislim o njima kao vještine te bi trebao biti dodavanje tijekom vremena. Osnovne stvari koje trebate znati su HTML, CSS i JavaScript.

Ako imate druge web-vještine, čak i ako se ne odnose na prednji kraj, dovedite ih na stol, kao što su dizajn, uređivanje videozapisa, SEO itd.