Gayunpaman, mayroong ilang mga kasanayan na nangangailangan ng anumang front-end na trabaho sa pag-unlad - ang mga "pangunahing" kasanayan - at ilang mga iba na dapat mong sineseryoso isaalang-alang ang pagdaragdag sa iyong repertoire.
Anong kailangan mong malaman
Mag-browse ng mga listahan ng trabaho online sa paghahanap ng kung ano ang susi para sa mga developer ng front-end na malaman at maunawaan; may tatlong pangunahing bagay.
Hindi mabibili.
At ang mga ito ay:
- HTML
- CSS
- JavaScript (jQuery)
Ito ang mga batayan. Sa kabutihang palad, maraming mga libre o abot-kayang online learning platform kung saan maaari mong malaman ang mga kasanayang ito kung hindi mo alam ang mga ito.
HTML
Ang HyperText Markup Language, o HTML, ang pangunahing istruktura ng lahat ng mga website sa Internet. Tulad ng sabi ni Jennifer Kyrnin,
"Ito ay ang wika ng mga web page-ang wika ng markup na binabasa ng mga browser upang mag-render ng mga web page."
Ang mga pahina ng web ay hindi maaaring umiiral nang walang HTML.
CSS
Ang CSS at HTML ay nagtutulungan: Ang CSS ay nagdaragdag ng estilo sa HTML. Gusto kong gamitin ang pagkakatulad na HTML ay tulad ng isang mukha, at CSS ay tulad ng pampaganda.
Kahit na ang CSS ay hindi kinakailangan upang makakuha ng isang website sa online, talaga bawat site online ay gumagamit ng ilang mga uri ng estilo.
Kung hindi, ito ay magiging medyo pagbubutas. Gamit ang pinakabagong mga bersyon ng CSS, maaari mong gawin ang mga bagay tulad ng mga animation at mas advanced na estilo na posible lamang sa JavaScript o Flash sa nakaraan.
JavaScript
JavaScript, o JS, ay mabilis na sumusulong sa paglipas ng mga taon. Mayroong maraming mga layunin ngayon at maaaring magamit sa harap o likod na dulo.
May kaugnayan sa front-end development, ang JS ay mahalaga dahil ito ay nakakatulong na gawing interactive ang mga web page. Maaari kang gumawa ng mga kahanga-hangang bagay tulad ng lumikha ng mga botohan, mga pagsusulit o pagsusumite ng form.
Sa panahong ito mayroong maraming mga JS library online upang matulungan kang dalhin ang iyong mga web page sa susunod na antas.
Gayunpaman, upang maging isang front-end developer, mayroon ka lamang na maunawaan ang pangunahing JavaScript pati na rin ang pinakasikat na JS library - jQuery.
Nice-to-Haves
Matapos mababa ang mga pangunahing kaalaman, ang mga ito ay iba pang mga kasanayan na magaling. (At maraming mga front-end na mga trabaho sa pag-unlad ang hinahanap para sa kanila.)
MV * Mga Framework ng JavaScript
Ang mga JavaScript framework ay tumutulong sa iyo na ayusin at paikin ang iyong code.
Bilang malayo sa mga pagpipilian MV * (o MVC) pumunta, may mga tatlumpung out doon: dalawa sa mga pinaka-popular na pagiging backbone.js at angular.js.
Walang alinlangan, ang pag-aaral ng isang balangkas ng JS ay ang pinakamahirap na bahagi ng pagiging isang tunay na front-end developer, ngunit ito ang pinakamahusay na paraan upang dalhin ang iyong mga kasanayan sa susunod na antas.
Mga Tool sa CSS
Kung ikukumpara sa mga balangkas ng JavaScript sa itaas, ang mga tool sa CSS sa ibaba ay medyo madaling matutunan. May tatlong uri upang hanapin ang:
Precompiler: Ang paggamit ng isang precompiler (o preprocessor) ay may maraming mga pakinabang, mula sa paggawa ng code cleaner sa pagpapanatili ng samahan. Ito ay isang madaling paraan upang magsulat ng CSS at nagpapalaganap ng mga dry na prinsipyo (Huwag Ulitin ang Iyong Sarili). Ang mga popular na CSS precompiler ay Sass, Less, at Stylus. Kung nagsisimula ka lang, manatili sa pag-aaral ng isa.
Mga framework ng CSS: Tinutulungan ng CSS frameworks ang iyong workflow na may mga built-in na grids at iba pang mga sangkap ng CSS. Dalawang tanyag na halimbawa ang Bootstrap at Foundation.
Nakikiramay disenyo: Ang mga araw na ito, mayroong maraming iba't ibang mga uri ng mga device na dapat ma-adapt ang iyong site sa lahat ng mga ito. Tinutulungan ka ng tumutugon na disenyo na bumuo ng mga site na gumagana sa lahat ng mga laki ng screen - desktop, tablet, at smartphone. Ang mga Framework tulad ng Bootstrap at Foundation ay may nakatutugon na disenyo na itinayo, kaya kung matututunan mo ang isa sa mga iyon, naka-set ka.
Front-End Build Tools
Bilang isang developer, dapat mong pamahalaan ang laki ng file optimization at workflow na kahusayan. Ang mga tool na ito ay maaaring makatulong.
Pamamahala ng Package: Maaaring mahirap ayusin ang lahat ng mga aklatan, mga ari-arian, at iba pa, lalo na sa mga malalaking proyekto o kung saan ka nagtatrabaho sa isang koponan.
Gumamit ng manager ng package, tulad ng Bower, upang makuha ang lahat ng bagay na pinagsunod-sunod at panatilihin ang isang log ng iyong mga update.
Yeoman.io: Kung minsan ay nagkakaproblema ka sa pagkuha ng mga proyekto mula sa lupa, gamitin ang Yeoman upang mabilis na makapagsimula sa mga proyekto at manatiling produktibo. Ito ay tumatakbo sa command line.
Task Runners: Gamitin ang Grunt o Gulp, na tumakbo rin sa command line, upang i-compress ang mga file at i-optimize ang workflow. Maaari silang kumilos bilang mga compiler para sa Sass o Less preprocessors, at mayroon ding malawak na hanay ng mga plugin na ipinagmamalaki ang iba pang mga tampok.
Konklusyon
Habang ang magaling sa pag-alala ay maaaring mukhang tulad ng maraming, isipin ang mga ito bilang mga kasanayan na dapat mong dagdag sa paglipas ng panahon. Ang mga pangunahing bagay na kailangan mong malaman ay HTML, CSS, at JavaScript.
Kung mayroon kang anumang iba pang mga kasanayan sa web , kahit na hindi sila nauugnay sa front-end, dalhin sila sa talahanayan na tulad ng disenyo, pag-edit ng video, SEO, atbp. Hindi mo alam kung ano ang hinahanap ng isang kumpanya .
At hulaan kung ano? Maaari kang maging perpektong angkop.