Der er dog nogle få færdigheder, som ethvert front-end udviklingsarbejde vil kræve - kerneværdierne - og et par andre, som du seriøst bør overveje at tilføje til dit repertoire.
Hvad du behøver at vide
Gennemse jobannoncer online på søge efter hvad der er nøglen for udviklere af front-end at kende og forstå; der er tre vigtige ting.
Ikke til forhandling.
Og de er:
- HTML
- CSS
- JavaScript (jQuery)
Disse er de grundlæggende. Heldigvis er der mange gratis eller overkommelige online læringsplatforme, hvor du kan lære disse færdigheder, hvis du ikke kender dem allerede.
HTML
HyperText Markup Language, eller HTML, er den vigtigste strukturelle komponent af alle websteder på internettet. Som Jennifer Kyrnin siger,
"Det er sproget på websider-det markupsprog, som browsere læser for at gøre websider."
Websider kan ikke eksistere uden HTML.
CSS
CSS og HTML arbejder sammen: CSS tilføjer stil til HTML. Jeg kan godt lide at bruge analogien, at HTML er som et ansigt, og CSS er som sminken.
Selvom CSS ikke er nødvendigt for at få et websted online, bruger stort set hvert websted online en slags styling.
Ellers ville det være ret kedeligt. Med de nyeste versioner af CSS kan du gøre ting som animationer og mere avanceret styling, der kun var muligt med JavaScript eller Flash tidligere.
JavaScript
JavaScript, eller JS, har udviklet sig hurtigt gennem årene. Det har mange formål i dag og kan bruges på forsiden eller bagsiden.
I forbindelse med front-end-udvikling er JS vigtig, fordi det hjælper med at gøre websider interaktive. Du kan gøre fantastiske ting som at lave afstemninger, quizzer eller formularer.
I dag er der mange JS biblioteker online, der hjælper dig med at tage dine websider til næste niveau.
Men for at blive en front-end-udvikler, skal du bare forstå grundlæggende JavaScript såvel som det mest populære JS-bibliotek - jQuery.
Nice-to-haves
Efter at komme ned i det grundlæggende, er det andre færdigheder, der er rart at have. (Og masser af front-end udviklingsjob ser efter dem.)
MV * JavaScript rammer
JavaScript rammer hjælper dig med at organisere og kondensere din kode.
Så vidt MV * (eller MVC) muligheder går, er der tredive derude: to af de mest populære er backbone.js og angular.js.
Det er uden tvivl at lære en JS-ramme er den hårdeste del af at blive en sand front-end-udvikler, men det er den bedste måde at tage dine færdigheder til på næste niveau.
CSS værktøjer
Sammenlignet med JavaScript-rammerne ovenfor, er CSS-værktøjerne nedenfor relativt lette at lære. Der er tre typer at søge efter:
Forkompilatorer: Brug af en precompiler (eller præprocessor) har mange fordele, fra at gøre kode renere til at opretholde organisationen. Det er en nem måde at skrive CSS på og fremmer DRY (Do not Repeat Yourself) principper. Populære CSS forkompilatorer er Sass, Mindre og Stylus. Hvis du lige er begyndt, hold dig til at lære en.
CSS-rammer: CSS-rammer bidrager til at optimere din arbejdsgang med indbyggede net og andre CSS-komponenter. To populære eksempler er Bootstrap og Foundation.
Responsive design: I disse dage er der så mange forskellige typer enheder, at dit websted skal kunne tilpasses til dem alle. Responsive design hjælper dig med at opbygge websteder, der arbejder på alle skærmstørrelser - desktop, tablet og smartphone. Rammer som Bootstrap og Foundation har responsivt design indbygget, så hvis du lærer en af dem, er du indstillet.
Front-End Build Tools
Som udvikler skal du være i stand til at administrere optimering af filstørrelsen og effektiviteten af workflow. Disse værktøjer kan hjælpe.
Pakkehåndtering: Det kan være svært at organisere alle biblioteker, aktiver osv., Især for store projekter eller dem, hvor du arbejder med et hold.
Brug en pakkehåndtering, som Bower, for at få alt sorteret ud og holde en log på dine opdateringer.
Yeoman.io: Hvis du nogle gange har svært ved at få projekter ud af jorden, skal du bruge Yeoman til at komme i gang hurtigt med projekter og forblive produktive. Det kører på kommandolinjen.
Opgaveløber: Brug Grunt eller Gulp, som også kører på kommandolinjen, til at komprimere filer og optimere workflow. De kan fungere som kompilatorer til Sass eller Mindre preprocessorer, og har også en bred vifte af plugins prale med andre funktioner.
Konklusion
Mens det hyggelige at haves kan virke som en masse, tænk på dem som færdigheder, du bør tilføje over tid. De grundlæggende ting, du skal vide, er HTML, CSS og JavaScript.
Hvis du har andre webkompetencer , selvom de ikke er front-end-relaterede, skal du bringe dem til bordet - som design, videoredigering, SEO osv. Du ved aldrig, hvad et firma kan være på udkig efter .
Og gæt hvad? Du kan være den perfekte pasform.