Core Færdigheder til Master for Front-End Developers

Jobannoncer varierer i det, de søger efter i en front-end-udvikler. Nogle virksomheder ønsker, at ansøgere kender ting som Ruby, Git, designværktøjer, videoredigering - og listen fortsætter.

Der er dog nogle få færdigheder, som ethvert front-end-udviklingsjob vil kræve-de "core" -færdigheder-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 til udviklere af front-end at kende og forstå; der er tre vigtige ting. Ikke til forhandling.

Og de er:

1. HTML
2. CSS
3. 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å en hjemmeside online, bruger stort set alle websteder online en form for 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 bagenden.

I forhold til 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.

Rart at have færdigheder

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.

Uden tvivl er 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 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:

• Præ-compilere: 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 gør det muligt at optimere din arbejdsgang med indbyggede net og andre CSS-komponenter. To populære eksempler er Bootstrap og Foundation.
• Responsivt design: Disse dage er der så mange forskellige slags 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 styre 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 pakkechef, 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øvere: 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 webkvalifikationer, selvom de ikke er relateret til forenden, skal du bringe dem til bordet, som design, videoredigering, SEO osv.