Core Ferdigheter til Master for Front-End Developers

Jobbmeldinger varierer i det de ser etter i en front-end-utvikler. Noen selskaper vil ha søkere som kjenner ting som Ruby, Git, designverktøy, videoredigering - og listen fortsetter.

Imidlertid er det noen ferdigheter som enhver frontend-utviklingsjobb vil kreve - kjernefagene - og noen andre som du seriøst bør vurdere å legge til repertoaret ditt.

Hva du trenger å vite

Bla gjennom stillingsannonser online på jakt etter hva som er nøkkelen for utviklere for å forstå og forstå; Det er tre viktige ting. Ikke-omsettelig.

Og de er:

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

Dette er grunnleggende. Heldigvis finnes det mange gratis eller rimelige online læringsplattformer hvor du kan lære disse ferdighetene hvis du ikke kjenner dem allerede.

HTML

HyperText Markup Language, eller HTML, er den viktigste strukturelle komponenten av alle nettsteder på Internett. Som Jennifer Kyrnin sier,

"Det er språket til nettsider - det opptakspråk som leserne leser for å gjengi nettsider."

Websider kan ikke eksistere uten HTML.

CSS

CSS og HTML samarbeider: CSS legger til stil i HTML. Jeg liker å bruke analogien at HTML er som et ansikt, og CSS er som sminke.

Selv om CSS ikke er nødvendig for å få et nettsted på nettet, bruker i utgangspunktet hvert nettsted online en form for styling.

Ellers ville det være ganske kjedelig. Med de nyeste versjonene av CSS kan du gjøre ting som animasjoner og mer avansert styling som bare var mulig med JavaScript eller Flash tidligere.

Javascript

JavaScript, eller JS, har vokst raskt gjennom årene. Den har mange formål i dag og kan brukes på forsiden eller bakenden.

I forhold til front-end-utvikling er JS viktig fordi det bidrar til å gjøre nettsidene interaktive. Du kan gjøre fantastiske ting som å lage meningsmålinger, spørrekonkurranser eller skjemainnlegg. I dag finnes det mange JS-biblioteker online for å hjelpe deg med å ta websider til neste nivå.

Men for å bli en front-end-utvikler, trenger du bare å forstå grunnleggende JavaScript, så vel som det mest populære JS-biblioteket - jQuery.

Hyggelig å ha ferdigheter

Etter å ha kommet ned i det grunnleggende, er det andre ferdigheter som er hyggelige å ha. (Og mange front-end-utviklingsjobber ser etter dem.)

MV * JavaScript rammer

JavaScript-rammeverk hjelper deg med å organisere og kondensere koden din.

Så vidt MV * (eller MVC) alternativer går, er det tretti der ute: to av de mest populære er backbone.js og angular.js.

Uten tvil er å lære et JS-rammeverk den tøffeste delen av å bli en ekte front-end-utvikler, men det er den beste måten å ta dine ferdigheter til neste nivå.

CSS verktøy

Sammenlignet med JavaScript-rammene ovenfor, er CSS-verktøyene nedenfor relativt enkle å lære. Det er tre typer å lete etter:

• Forkompilatorer: Bruke en pre-kompilator (eller preprocessor) har mange fordeler, fra å lage kode renere for å opprettholde organisasjonen. Det er en enkel måte å skrive CSS på og fremmer DRY (Do not Repeat Yourself) prinsippene. Populære CSS forkompilatorer er Sass, Mindre og Stylus. Hvis du bare har begynt, hold deg til å lære en.
• CSS-rammer: CSS-rammer bidrar til å optimalisere arbeidsflyten din med innebygde nett og andre CSS-komponenter. To populære eksempler er Bootstrap og Foundation.
• Responsiv utforming: I disse dager er det så mange forskjellige typer enheter at nettstedet ditt skal kunne tilpasse seg dem alle. Responsive design hjelper deg med å bygge nettsteder som fungerer på alle skjermstørrelser - skrivebord, nettbrett og smarttelefon. Rammer som Bootstrap og Foundation har responsiv design innebygd, så hvis du lærer en av dem, er du satt.

Front-End Build Tools

Som utvikler bør du være i stand til å administrere optimalisering av filstørrelse og arbeidsflyt effektivitet. Disse verktøyene kan hjelpe.

• Pakkehåndtering: Det kan være vanskelig å organisere alle bibliotekene, eiendelene og så videre, spesielt for store prosjekter eller de der du jobber med et lag. Bruk en pakkebehandling, som for eksempel Bower, for å få alt sortert ut og holde en logg av oppdateringene dine.
• Yeoman.io: Hvis du noen ganger har problemer med å få prosjekter fra bakken, bruk Yeoman til å komme i gang raskt med prosjekter og bli produktiv. Det kjøres på kommandolinjen.
• Oppgaveløpere: Bruk Grunt eller Gulp, som også kjører på kommandolinjen, for å komprimere filer og optimalisere arbeidsflyten. De kan fungere som kompilatorer for Sass eller Less preprosessorer, og har også et bredt spekter av plugins med andre funksjoner.

Konklusjon

Mens det hyggelig å haves kan virke som mye, tenk på dem som ferdigheter du bør legge til over tid. Kjerne ting du trenger å vite er HTML, CSS og JavaScript.

Hvis du har noen andre nettferdigheter, selv om de ikke er relatert til forkant, ta dem med til bordet, som design, videoredigering, SEO, etc.