Det er imidlertid 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:
- HTML
- CSS
- JavaScript (jQuery)
Dette er grunnleggende. Heldigvis er 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 som 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 alle nettsteder 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 kun 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 avstemninger, 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.
Kjekt å haves
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-rammer 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: Ved hjelp av en prekompilator (eller preprosessor) har det mange fordeler, fra å gjøre 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.
Responsive design: I disse dager finnes det så mange forskjellige typer enheter at nettstedet ditt skal kunne tilpasse seg 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 biblioteker, eiendeler og så videre, spesielt for store prosjekter eller de der du jobber med et lag.
Bruk en pakkebehandling, 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 å komme i gang raskt med prosjekter og bli produktiv. Den 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 stort utvalg av plugins som kan skryte av andre funksjoner.
Konklusjon
Mens det hyggelige å 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, kan du ta med dem til bordet, som design, videoredigering, SEO, etc. Du vet aldri hva et selskap kan se etter .
Og gjett hva? Du kan være den perfekte passformen.