Međutim, postoji nekoliko vještina koje će zahtijevati svaki front-end razvojni posao - vještine jezgre - i nekoliko drugih koje biste trebali ozbiljno razmotriti dodavanjem repertoara.
Što trebaš znati
Pregledajte online oglase za posao u potrazi za onim što je ključno za razvojne programere u prednjem planu da znaju i razumiju; postoje tri ključne stvari.
Ne može pregovarati.
A oni su:
- HTML
- CSS
- JavaScript (jQuery)
To su osnove. Srećom, postoji mnogo besplatnih ili pristupačnih platformi za učenje na mreži gdje možete naučiti te vještine ako ih već ne poznajete.
HTML
HyperText Markup Language, ili HTML, ključna je strukturna komponenta svih web stranica na Internetu. Kao što kaže Jennifer Kyrnin,
"To je jezik web stranica - označni jezik koji pregledavatelji čitaju za prikazivanje web stranica".
Web stranice ne mogu postojati bez HTML-a.
CSS
CSS i HTML zajedno rade: CSS dodaje stil u HTML. Volim koristiti analogiju kako je HTML kao lice, a CSS je poput šminke.
Iako CSS nije potreban za dobivanje web stranice na mreži, u osnovi svaka web stranica koristi neku vrstu stylinga.
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 bio moguć samo u prošlosti pomoću JavaScript ili Flash.
JavaScript
JavaScript, ili JS, napredovala je brzo tijekom godina. Danas ima mnogo ciljeva 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 web stranice interaktivno. Možete raditi čudesne stvari poput izrade anketa, kvizova ili podnesaka obrazaca.
Danas postoje brojne JS knjižnice na mreži koje će vam pomoći da preuzmete svoje web stranice na sljedeću razinu.
Međutim, da biste postali front-end programer, samo trebate razumjeti osnovne JavaScript kao i najpopularniju JS knjižnicu - jQuery.
Nice-to-haves
Nakon što ste spustili osnove, to su druge vještine koje su lijepe imati. (I mnogo naprednih razvojnih zadataka traže ih.)
MV * JavaScript okvirima
JavaScript okviri vam pomažu organizirati i kondenzirati svoj kôd.
Što se tiče opcija MV * (ili MVC), tu su trideset: dva od najpopularnijih bit će backbone.js i angular.js.
Bez sumnje, učenje JS okvira najteži je dio postaje pravi razvojni programer, no to je najbolji način da se vještine prenesete na sljedeću razinu.
CSS Alati
U usporedbi s prethodno navedenim JavaScript okvima, alati CSS alata u nastavku su relativno jednostavni za učenje. Potrebno je tražiti tri vrste:
Precompilers: Upotreba precompiler (ili preprocessor) ima puno prednosti, od čuvanja kodova do održavanja organizacije. To je jednostavan način za pisanje CSS-a i promovira DRY (Ne ponavljaju se) načela. Popularni CSS precompilers su Sass, Less i Stylus. Ako tek počinju, držite se učenja.
CSS okviri: CSS okviri pomažu vam optimizirati tijek rada s ugrađenim rešetkama i drugim CSS komponentama. Dva popularna primjera su Bootstrap i Zaklada.
Odgovorni dizajn: ovih dana postoji toliko mnogo različitih vrsta uređaja da bi se vaša web-lokacija mogla prilagoditi svim njima. Odgovarajući dizajn pomaže vam izraditi web lokacije koje funkcioniraju na svim veličinama zaslona - stolnom računalu, tabletu i smartphoneu. Okviri kao što su Bootstrap i Zaklada imaju ugrađeni dizajn osjetljivosti, pa ako naučite jedan od njih, postavili ste ih.
Alati za izradu prednjeg kraja
Kao razvojni programer trebali biste moći upravljati optimizacijom veličine datoteke i učinkovitosti tijeka rada. Ti alati mogu pomoći.
Upravljanje paketima: Može biti teško organizirati sve biblioteke, imovinu i slično, posebno za velike projekte ili one u kojima radite s timom.
Koristite upravitelja paketa, kao što je Bower, da biste sve riješili i vodili zapisnik svojih ažuriranja.
Yeoman.io: Ako ponekad imate problema s dobivanjem projekata s tla, upotrijebite Yeoman da brzo započnete s projektima i ostanete produktivni. Pokreće se na naredbenom retku.
Zadatak Runners: Koristite Grunt ili Gulp, koji se također izvodi na naredbenom retku, za komprimiranje datoteka i optimizirati tijek rada. Mogu djelovati kao kompilatori za Sass ili Manje pretprocesora, a također imaju širok raspon dodataka koji se bave drugim značajkama.
Zaključak
Iako je lijepo za haves svibanj činiti se poput puno, mislite o njima kao vještine koje bi trebali biti dodavanje tijekom vremena. Glavne stvari koje trebate znati su HTML, CSS i JavaScript.
Ako imate bilo kakve druge web-vještine , čak i ako nisu povezane s front-endom, dovedite ih na stol poput dizajna, uređivanja videozapisa, SEO-a itd. Nikad ne znate što tvrtka možda traži .
I pogodi što? Vi svibanj biti savršeno stane.