Pagrindiniai įgūdžiai, reikalingi pirmaujantiems kūrėjams

Darbo skelbimai skiriasi tuo, ko jie ieško "front-end" kūrėjams. Kai kurios kompanijos nori, kad kandidatai žinotų tokius dalykus kaip " Ruby" , "Git", dizaino įrankiai, vaizdo įrašų redagavimas - ir sąrašas tęsiamas.

Tačiau yra keletas įgūdžių, kurių reikės bet kokiam išplėtimo darbui iš pradžių - "pagrindiniai" įgūdžiai ir keletas kitų, kuriuos turėtumėte rimtai apsvarstyti įtraukti į savo repertuarą.

Ką tu turi žinoti

Naršykite darbo vietų sąrašus internete, kad sužinotumėte, kokia yra pagrindinė informacija, kurią gali pažinti ir suprasti; yra trys pagrindiniai dalykai.

Nesiderėtina.

Ir jie yra:

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

Tai yra pagrindai. Laimei, yra daug nemokamų ar prieinamų mokymosi internetu platformų, kuriose galite išmokti šių įgūdžių, jei jau jų nežinote.

HTML

HyperText žymėjimo kalba arba HTML yra pagrindinis visų interneto svetainių struktūrinis komponentas. Kaip sako Jennifer Kyrnin,

"Tai yra tinklalapių kalba - žymėjimo kalba, kurią naršyklės skaito ir atlieka tinklalapius."

Interneto puslapiai negali egzistuoti be HTML.

CSS

CSS ir HTML veikia kartu: CSS prideda stilių HTML. Man patinka naudoti analogiją, kad HTML yra kaip veidas, o CSS yra kaip makiažas.

Nors CSS nėra būtinas norint gauti tinklalapį internete, iš esmės kiekviena interneto svetainė naudoja kokį nors stilių.

Priešingu atveju tai būtų gana nuobodus. Naudodami naujausias CSS versijas galite daryti panašias animacijas ir patobulintą stilių, kuris anksčiau galimas tik naudojant "JavaScript" ar "Flash".

JavaScript

JavaScript, arba JS, sparčiai vystėsi per metus. Šiandien ji turi daugybę tikslų ir gali būti naudojama priekyje ar gale.

Kalbant apie priekinę plėtrą, JS yra svarbus, nes jis padeda kurti interneto puslapius interaktyviai. Galite padaryti puikių dalykų, pavyzdžiui, kurkite apklausas, viktorinas ar formos pateikimus.

Šiuo metu internete yra daugybė JS bibliotekų, kad padėtų jums perkelti savo tinklalapius į kitą lygį.

Tačiau norint tapti "front-end" kūrėju, jūs turite suprasti pagrindinį "JavaScript", taip pat populiariausią JS biblioteką - "jQuery".

"Nicos iki gerbėjų"

Pradedant pamatus, tai yra kiti įgūdžiai, kurie yra malonūs. (Ir jų daug ieškoma iš pradinių kūrimo darbų).

MV * JavaScript sistemos

"JavaScript" sistemos padeda jums tvarkyti ir sutaupyti kodo.

Kalbant apie MV * (arba MVC) galimybes, ten yra trisdešimt: du iš populiariausių yra backbone.js ir angular.js.

Be abejonės, mokymosi JS sistema yra sunkiausia dalis tam, kad taptų tikru išorinio kūrėjo kūrėju, tačiau tai geriausias būdas perkelti savo įgūdžius į kitą lygį.

CSS įrankiai

Palyginti su anksčiau pateiktomis "JavaScript" sistemomis, toliau pateikiami CSS įrankiai yra gana lengva išmokti. Yra trijų rūšių ieškoti:

Prekompileriai: naudojant precompiler (arba preprocessor) yra daug privalumų, nuo to, kad kodas švaresnis išlaikyti organizaciją. Tai paprastas būdas parašyti CSS ir skatina sausų principų (Dont Repeat yourself). Populiariausi CSS precompilers yra "Sass", "Mažiau" ir "Stylus". Jei jūs tik pradedate, pasilikite mokytis.

CSS rėmai: CSS rėmai padeda optimizuoti jūsų darbo eigą naudojant įmontuotus tinklus ir kitus CSS komponentus. Du populiarūs pavyzdžiai yra "Bootstrap" ir "Foundation".

Atsakantis dizainas: šiomis dienomis yra tiek daug įvairių įtaisų, kuriuos jūsų svetainė turėtų sugebėti pritaikyti visiems. Atsakomasis dizainas padeda kurti svetaines, kuriose veikia visi ekrano dydžiai - staliniai kompiuteriai, planšetiniai kompiuteriai ir išmanusis telefonas. Karkasai, tokie kaip "Bootstrap" ir "Fondas", yra pagaminti pritaikytą dizainą, taigi, jei sužinosite vieną iš jų, jūs būsite nustatyti.

Front-End Build Tools

Kaip kūrėjas, turėtumėte sugebėti valdyti failo dydžio optimizavimą ir darbo eigos efektyvumą. Šios priemonės gali padėti.

Paketų valdymas: gali būti sunku organizuoti visas bibliotekas, turtą ir tt, ypač dideliems projektams ar tiems, kur dirbate su komanda.

Naudokite paketų tvarkytuvę, pvz., "Bower", kad viskas būtų išardyta ir išsaugotų atnaujinimų žurnalą.

Yeoman.io: Jei kartais sunku projektuoti žemę, naudokite "Yeoman", kad greitai pradėtumėte projektus ir išliktumėte produktyviais. Tai veikia komandinės eilutės.

Užduočių takai: naudokite Grunt arba Gulp, kuris taip pat paleidžiamas komandinėje eilutėje, norint suspausti failus ir optimizuoti darbo eigą. Jie gali veikti kaip "Sass" arba "mažiau" preprocesorių kompiliatoriai, taip pat turi daug įvairių įskiepių, pasižyminčių kitomis funkcijomis.

Išvada

Nors malonus pranašus gali atrodyti kaip daug, pagalvokite apie juos kaip apie įgūdžius, kuriuos turėtumėte pratęsti laikui bėgant. Svarbiausi dalykai, kuriuos turite žinoti, yra HTML, CSS ir JavaScript.

Jei turite kokių nors kitų žiniatinklio įgūdžių , net jei jie nėra susiję su iš anksto, pateikite juos prie stalo, pvz., Dizaino, vaizdo redagavimo, SEO ir kt. Jūs niekada nežinote, ko įmonė gali ieškoti .

Ir, spėk kas? Jums gali būti idealus tinka.