Aftësitë kryesore për të mësuar për zhvilluesit para-fund

Postimet e punës ndryshojnë në atë që kërkojnë në një zhvillues të front-end. Disa kompani kërkojnë që aplikuesit të njohin gjëra të tilla si Ruby , Git, mjetet e dizajnit, redaktimi i videos - dhe lista vazhdon.

Sidoqoftë, ekzistojnë disa aftësi që do të kërkojnë çdo zhvillim në frontin e zhvillimit - aftësitë "thelbësore" - dhe disa të tjerë që duhet të konsideroni seriozisht duke shtuar në repertorin tuaj.

Çfarë duhet të dini?

Shfletoni listat e vendeve të punës në internet në kërkim të asaj që është çelësi për zhvilluesit para-fund për të njohur dhe kuptuar; ka tre gjëra kryesore.

Panegociueshme.

Dhe ata janë:

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

Këto janë bazat. Për fat të mirë, ka shumë platforma falas të të mësuarit falas ose të përballueshëm ku mund t'i mësoni këto aftësi nëse nuk i njihni ato tashmë.

HTML

HyperText Markup Language, ose HTML, është komponenti kryesor strukturor i të gjitha faqeve në internet. Siç thotë Jennifer Kyrnin,

"Është gjuha e faqeve të internetit-gjuha markup që shfletuesit lexojnë për të bërë faqet e internetit."

Faqet e internetit nuk mund të ekzistojnë pa HTML.

CSS

CSS dhe HTML punojnë së bashku: CSS shton stilin në HTML. Më pëlqen të përdor analogjinë që HTML është si një fytyrë, dhe CSS është si përbërja.

Edhe pse CSS nuk është e nevojshme për të marrë një faqe interneti në internet, në thelb çdo faqe në internet përdor një lloj stili.

Përndryshe, do të ishte shumë e mërzitshme. Me versionet më të fundit të CSS, ju mund të bëni gjëra si animacione dhe styling më të përparuara që ishte e mundur vetëm me JavaScript ose Flash në të kaluarën.

JavaScript

JavaScript, ose JS, po përparon me shpejtësi gjatë viteve. Ajo ka shumë qëllime në ditët e sotme dhe mund të përdoret në pjesën e përparme ose mbrapa.

Në lidhje me zhvillimin e front-end, JS është i rëndësishëm sepse ndihmon në krijimin e faqeve të internetit interaktive. Ju mund të bëni gjëra të mrekullueshme si të krijoni sondazhe, kuize ose formularë të parashtresave.

Në ditët e sotme ka biblioteka të shumta JS online për t'ju ndihmuar të merrni faqet tuaja të internetit në nivelin e ardhshëm.

Megjithatë, për t'u bërë një zhvillues para-fund, ju vetëm duhet të kuptoni JavaScript themelore, si dhe biblioteka më popullore JS - jQuery.

Nice-to-haves

Pas gjetjes poshtë bazat, këto janë aftësi të tjera që janë të këndshme për të pasur. (Dhe shumë punë front-end zhvillimit të kërkoni për ta.)

Kornizat MV * JavaScript

Kornizat JavaScript ju ndihmojnë të organizoni dhe të kondensoni kodin tuaj.

Sa i përket opsioneve MV * (ose MVC), ka tridhjetë atje: dy nga më të njohurit që janë backbone.js dhe angular.js.

Pa dyshim, të mësuarit e një kuadri JS është pjesa më e vështirë për t'u bërë një zhvillues i vërtetë para-fund, por është mënyra më e mirë për të marrë aftësitë tuaja në nivelin e ardhshëm.

CSS Tools

Krahasuar me kornizat JavaScript të mësipërme, mjetet CSS më poshtë janë relativisht të lehta për t'u mësuar. Ekzistojnë tri lloje për të kërkuar:

Precompilers: Përdorimi i një precompiler (ose preprocessor) ka shumë avantazhe, duke e bërë kodin më të pastër për të ruajtur organizatën. Është një mënyrë e thjeshtë për të shkruar CSS dhe promovon parimet e thata (mos përsëris veten). Prekpiluesit më të mirë CSS janë Sass, Less, dhe Stylus. Nëse jeni duke filluar, qëndroni në të mësuarit.

Kornizat CSS: Kornizat CSS ndihmojnë të optimizoni rrjedhën tuaj të punës me rrjetet e integruara dhe komponentët e tjerë CSS. Dy shembuj popullor janë Bootstrap dhe Fondacioni.

Dizajni i përgjegjshëm: Këto ditë, ka kaq shumë lloje të ndryshme të pajisjeve që faqja juaj duhet të jetë në gjendje t'i përshtatet të gjithë atyre. Dizajni i përgjegjshëm ju ndihmon të ndërtoni faqet që punojnë në të gjitha madhësitë e ekranit - desktop, tabletë dhe smartphone. Kornizat si Bootstrap dhe Fondacioni kanë ndërtuar dizajnin e përgjegjshëm, kështu që nëse mësoni një nga ato, jeni të vendosur.

Mjetet e ndërtimit të Front-End

Si një zhvillues, ju duhet të jeni në gjendje të menaxhoni optimizimin e madhësisë së skedarëve dhe efikasitetin e rrjedhës së punës. Këto mjete mund të ndihmojnë.

Menaxhimi i Paketave: Mund të jetë e vështirë të organizoni të gjitha bibliotekat, pasuritë, e kështu me radhë, sidomos për projekte të mëdha ose ato ku jeni duke punuar me një ekip.

Përdorni një menaxher pakete, si Bower, për të marrë çdo gjë që zgjidhet dhe për të mbajtur një regjistër të përditësimeve tuaja.

Yeoman.io: Nëse ndonjëherë keni vështirësi në marrjen e projekteve nga toka, përdorni Yeoman për të filluar shpejt me projekte dhe të qëndroni produktiv. Është drejtuar në rreshtin e komandës.

Runners Task: Përdorimi Grunt ose Gulp, të cilat gjithashtu të kandidojë në rreshtin e komandës, për të compress fotografi dhe optimizuar rrjedhën e punës. Ata mund të veprojnë si përpilues për Sass or Less preprocessors, dhe gjithashtu kanë një gamë të gjerë të shtojcave që kanë karakteristika të tjera.

përfundim

Ndërsa bukur për haves mund të duket si një shumë, mendojini ato si aftësi që ju duhet të shtoni me kalimin e kohës. Gjërat kryesore që duhet të dini janë HTML, CSS dhe JavaScript.

Nëse keni ndonjë aftësi të tjera të internetit , edhe nëse nuk janë të lidhura në frontin e parë, sillni ato në dizajnimin e tabelave, redaktimin e videos, SEO, etj. Ju kurrë nuk e dini se çfarë mund të kërkojë një kompani .

Dhe me mend se çfarë? Mund të jesh i përsosur.