Hala eta guztiz ere, aurrez aurreko garapen lanak behar dituen trebetasun batzuk daude - "core" trebetasunak - eta zure errepertorioa gehitzeko larriki kontuan hartu beharreko beste batzuk.
Zer jakin behar duzu
Arakatu lan zerrendak online zer da gakoa frontend garatzaileei jakiteko eta ulertzeko; Hiru gauza gakoak daude.
Ez-negoziagarriak.
Eta hauek dira:
- HTML
- CSS
- JavaScript (jQuery)
Hauek funtsezkoak dira. Zorionez, doako edo merkean lineako ikaskuntza plataformak asko daude, gaitasun horiek ikas ditzakezue jadanik ez badituzu ezagutzen.
HTML
HyperText Markup Language edo HTML, Interneten webgune guztien osagai estruktural gakoa da. Jennifer Kyrninek dioenez,
"Web orrialdeen hizkuntza da: nabigatzen duten markatze hizkuntzak web orriak errendatzeko irakurri".
Web orriak ezin dira HTML gabe egon.
CSS
CSS eta HTML elkarrekin lan egiten dute: CSS-k HTML estilo gehitzen du. HTML itxura duen aurpegiaren analogia erabiltzea gustatzen zait, eta CSS makillaje bezalakoa da.
CSS ez da beharrezkoa, nahiz eta webgunea linean sartzeko, funtsean gune guztietan estetika mota batzuk erabiltzen ditu.
Bestela, nahiko aspergarria izango litzateke. CSSren azken bertsioekin, iraganean JavaScript edo Flash moduan soilik posible izan daitezkeen animazio eta diseinu aurreratuagoak egin ditzakezu.
Javascript
JavaScript, edo JS, azkar joan da urteetan zehar. Gaur egungo helburu asko ditu eta aurreko edo atzeko aldean erabil daiteke.
Front-end garapenari dagokionez, JS garrantzitsua da web orriak interaktiboak laguntzen dituelako. Sortzeko galdeketak, galdetegiak edo inprimaki bidalketak bezalako gauza zoragarriak egin ditzakezu.
Gaur egun JS liburutegiak ugari daude zure webgunera hurrengo mailara eramateko.
Hala ere, frontend-garatzaile izateko, JavaScript oinarrizkoena eta jS liburutegi ezagunena ere ulertu behar dituzu.
Nice--Haves to
Oinarrizko oinarriak finkatuz gero, horiek atseginak diren beste trebetasunak dira. (Eta front-end garapen lanak asko bilatzen ditu.)
MV * JavaScript Frameworks
JavaScript markoak zure kodea antolatu eta kondentsatzen lagunduko dizu.
MV * (edo MVC) aukerei dagokienez, hogeita hamar daude han: backbone.js eta angular.js ezagunenetako bi.
Zalantzarik gabe, JS marko bat ikastea benetako front-end developer bihurtu da, baina zure trebetasunak hurrengo mailara eramateko modurik onena da.
CSS tresnak
Goiko esparru JavaScripten aldean, beheko CSS tresnak nahiko erraz ikasten dira. Hiru mota aurki ditzakegu:
Precompilers: precompiler (edo aurrez hornitzailea) erabiltzea abantaila ugari ditu, kodea garbitzeko erakundeak mantentzeko. Modu erraza da CSS idazteko eta DRY (Ez errepikatu) printzipioak sustatzen ditu. CSS precompilers ezagunak Sass, Less eta Stylus dira. Oraindik hasi baino lehen, ikasten jarraitzen duzu.
CSS markoak: CSS markoak zure lan-fluxua optimizatzen laguntzen du sareta integratuekin eta CSS osagai batzuekin. Bi adibide ezagun daude Bootstrap eta Fundazioa.
Diseinu sentikorrena: Gaur egun, zure gune guztiek horrelakoetara egokitu beharko luketen gailu mota asko daude. Diseinu sentikorrak pantailako tamainu guztietan lan egiten duten guneak eraikitzen laguntzen dizu: mahaigaina, tableta eta telefonoa. Bootstrap eta Fundazio bezalako markoak diseinuan diseinatu dira diseinuan, beraz, horietako bat ikasi baduzu, ezarri.
Front-End Build Tools
Garatzaile gisa, fitxategien tamaina optimizatzeko eta fluxuen eraginkortasuna kudeatzeko gai izan beharko zenuke. Tresna horiek lagun zaitzake.
Paketeak kudeatzea: zaila da liburutegiak, aktiboak, eta abar antolatzea, batez ere proiektu handiak edota talde batekin lan egiten baduzu.
Erabili pakete kudeatzailea, Bower bezala, dena ordenatuta eta eguneratzeen erregistroa mantentzeko.
Yeoman.io: lurrean proiektuak lortzeko arazorik baduzu, erabili Yeoman proiektuekin azkar hasi eta produkzio egonkorrak izateko. Komando lerroan exekutatzen da.
Zeregin korrikalariak: Erabili Grunt edo Gulp, komando lerroan ere exekutatu, fitxategiak konprimitzeko eta laneko fluxua optimizatzeko. Sass edo gutxiago aurreprozesadoreetarako konpilatzaile gisa jardun dezakete, eta beste ezaugarri batzuk dituzten plugin sorta zabalak ere badituzte.
Ondorioa
Leku atsegina badirudi ere, denboran zehar gehitzea komeni zaizu. Jakin beharreko gauza nagusiak HTML, CSS eta JavaScript dira.
Beste web-trebetasunak badituzu, aurrekoak ez badira ere, mahaira eraman ditzakezu: diseinua, bideo edizioa, SEO, eta abar. Inoiz ez dakizu zer enpresa bilatu daitekeen .
Eta asmatzen zer? Osagarri ezin hobea izan daiteke.