Ydinosaaminen edistyksellisille kehittäjille

Työilmoitukset vaihtelevat etukäteen kehittäjän etsimissä. Jotkut yritykset haluavat hakijoilta tietävän asioita, kuten Ruby, Git, suunnittelutyökalut, videon editointi - ja luettelo jatkuu.

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 ohjelmistosi 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.

neuvotella.

Ja ne ovat:

1. HTML
2. CSS
3. 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-sivujen keskeinen rakenneosa. Kuten Jennifer Kyrnin sanoo,

"Se on verkkosivujen kieli - merkintäkieli, jota selaimet lukevat verkkosivujen esittämiseen. "

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ä verkkosivuston hankkimiseksi verkossa, pohjimmiltaan jokainen verkkosivusto käyttää jonkinlaista muotoilua.

Muussa tapauksessa se olisi aika 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ä.

JS: n etupään kehittämisen kannalta 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 ja suosituin JS-kirjasto - jQuery.

Nice-to-Haves

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.

MV * (tai MVC) -vaihtoehdon osalta on olemassa kolmekymmentä: kaksi suosituimmista on runkoverkko. js ja kulma. js.

Epäilemättä JS-kehyksen oppiminen on vaikein osa tulossa todellinen front-end-kehittäjä, mutta se on paras tapa ottaa taitosi seuraavalle tasolle.

CSS-työkalut

Alla oleviin JavaScript-kehystoihin verrattuna alla olevat CSS-työkalut ovat suhteellisen helppoja oppia.On olemassa kolme erilaista tyyppiä:

Precompilers: Precompilerin (tai esikäsittelijän) käytöllä on paljon etuja koodinpuhdistusaineiden 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 verkkoilla 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 Tools

Kehittäjänä sinun pitäisi pystyä hallitsemaan tiedostokoon optimointia ja työnkulun tehokkuutta. Nämä työkalut voivat auttaa.

Pakkausten hallinta: Kaikkien kirjastojen, omaisuuden jne. Järjestäminen voi olla vaikeaa, varsinkin 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ä Gruntia tai Gulpia, jotka toimivat myös komentorivillä, kompressoida tiedostoja ja optimoida työnkulku. 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 nauttiminen voi tuntua paljon, ajatele niitä taidoiksi, joita sinun pitäisi lisätä ajan myötä. 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 muotoiseen muotoiluun, videon editointiin, SEO-palveluihin jne. Et koskaan tiedä mitä yritys voi etsiä.

Ja arvaa mitä? Saatat olla täydellinen istuvuus.