On kuitenkin olemassa muutamia taitoja, joita kaikki etupään kehittämistyöt edellyttävät - ydinosaamista - ja muutamia muita, jotka sinun pitäisi vakavasti harkita ohjelmiston lisäämistä.
Mitä sinun tarvitsee tietää
Selaa työpaikkahakemistoja verkossa etsimällä sitä, mikä on tärkeä front-end-kehittäjille tietää ja ymmärtää; on kolme keskeistä asiaa.
Ei neuvotella.
Ja ne ovat:
- HTML
- CSS
- JavaScript (jQuery)
Nämä ovat perusteet. Onneksi on paljon ilmaisia tai kohtuuhintaisia verkko-oppimisympäristöjä, joissa voit oppia näitä taitoja, jos et tunne niitä jo.
HTML
HyperText-merkintäkieli tai HTML on kaikkien Internet-sivustojen keskeinen rakenneosa. Kuten Jennifer Kyrnin sanoo,
"Se on verkkosivujen kieli - merkintäkieli, jota selaimet lukevat tekevät verkkosivuista."
Web-sivuja ei voi esiintyä ilman HTML: ää.
CSS
CSS ja HTML toimivat yhdessä: CSS lisää tyylin HTML: ään. Haluan käyttää analogiaa, että HTML on kuin kasvot, ja CSS on kuin meikki.
Vaikka CSS ei ole välttämätöntä saada verkkosivustoa verkossa, pohjimmiltaan jokainen sivusto verkossa käyttää jonkinlaista muotoilua.
Muussa tapauksessa se olisi melko tylsää. Uusimpien CSS-versioiden avulla voit tehdä asioita, kuten animaatiota ja edistyksellisempiä muotoilua, joka oli mahdollista vain JavaScriptin tai Flashin avulla aiemmin.
JavaScript
JavaScript, tai JS, on edennyt nopeasti vuosien varrella. Nykyään on monia tarkoituksia, ja sitä voidaan käyttää etu- tai takapäässä.
Suhteellisen kehityksen suhteen JS on tärkeä, koska se auttaa tekemään verkkosivuja interaktiivisiksi. Voit tehdä mahtavia asioita, kuten kyselyjen, kyselytutkimusten tai lomakkeiden esittämistä.
Nykyään on olemassa lukuisia JS-kirjastoja, joiden avulla voit ottaa verkkosivustosi seuraavalle tasolle.
Kuitenkin, jotta pääset etupään kehittäjälle, sinun on vain ymmärrettävä perus-JavaScript sekä suosituin JS-kirjasto - jQuery.
Nice-to-päässeiden
Kun olet aloittanut perusasiat, nämä ovat muita taitoja, jotka ovat mukavia. (Ja monet front-end-kehitystyöt etsivät niitä.)
MV * JavaScript-kehykset
JavaScript-kehykset auttavat sinua järjestämään ja tiivistämään koodisi.
Mitä MV * (tai MVC) -vaihtoehdoissa on, siellä on kolmekymmentä: kaksi suosituimmista on backbone.js ja angular.js.
Epäilemättä JS-kehyksen oppiminen on vaikein osa tulla todellinen front-end-kehittäjäksi, mutta se on paras tapa ottaa taitosi seuraavalle tasolle.
CSS-työkalut
Verrattuna edellä kuvattuihin JavaScript-kehikkoihin CSS-työkaluja on suhteellisen helppo oppia. On olemassa kolme erilaista tyyppiä:
Precompilers: Precompilerin (tai esiprosessorin) käytöllä on paljon etuja koodinpuhdistimen tekemisestä organisaation ylläpitämiseen. Se on helppo tapa kirjoittaa CSS ja edistää DRY (Do not Repeat Yourself) periaatteita. Suosittuja CSS-esikompostoreita ovat Sass, Less ja Stylus. Jos olet vasta aloittamassa, pidä kiinni oppimisesta.
CSS-kehykset: CSS-kehykset auttavat optimoimaan työnkulkuasi sisäänrakennetuilla ruudukoilla ja muilla CSS-komponentteilla. Kaksi suosittua esimerkkiä ovat Bootstrap ja Foundation.
Responsive design: Nykyään on niin monenlaisia laitteita, että sivustosi pitäisi pystyä sopeutumaan niihin. Responsive-suunnittelu auttaa sinua luomaan sivustoja, jotka toimivat kaikissa näytön kooissa - työpöytä, tabletti ja älypuhelin. Runkorakenteet, kuten Bootstrap ja Foundation, ovat reagoivaa muotoilua, joten jos opit yhden niistä, olet asetettu.
Front-End Build -työkalut
Kehittäjänä sinun pitäisi pystyä hallitsemaan tiedostokoon optimointia ja työnkulun tehokkuutta. Nämä työkalut voivat auttaa.
Pakkausten hallinta: Kaikki kirjastot, varat jne. Voi olla vaikeaa järjestää, etenkin suurille projekteille tai niille, joissa työskentelet tiimin kanssa.
Käytä paketinhallintaohjelmaa, kuten Bower, saadaksesi kaiken selvitettyä ja pitämällä päivityksiäsi lokin.
Yeoman.io: Jos sinulla on joskus vaikeuksia hankkia projekteja maasta, käytä Yeomania hankkeiden alkuun nopeasti ja pysy tuottavana. Se ajetaan komentorivillä.
Tehtävien juoksijat: Käytä Grunt tai Gulp, joka toimii myös komentorivillä, pakkaamaan tiedostoja ja optimoimaan työnkulun. Ne voivat toimia Sass- tai Less-esikäsittelyohjelmien kääntäjinä, ja niillä on myös laaja valikoima laajennuksia, joilla on muita ominaisuuksia.
johtopäätös
Vaikka kivaa haves voi tuntua paljon, ajatella niitä taitoja sinun pitäisi lisätä ajan mittaan. Tärkeintä on tietää HTML, CSS ja JavaScript.
Jos sinulla on muita web-taitoja , vaikka ne eivät olisikaan etupään liittyviä, tuokaa ne pöydän kaltaiseen muotoiluun, videon editointiin, SEO-palveluihin jne. Et koskaan tiedä mitä yritys voi etsiä .
Ja arvaa mitä? Saatat olla täydellinen istuvuus.