Core Färdigheter till Master för Front-End Developers

Jobbposterna varierar i vad de söker efter i en front-end-utvecklare. Vissa företag vill att sökande känner till saker som Ruby, Git, designverktyg, videoredigering - och listan fortsätter.

Det finns dock några färdigheter som varje front-end-utvecklingsarbete kommer att kräva - "core" -kunskapen - och några andra som du seriöst bör överväga att lägga till din repertoar.

Vad du behöver veta

Bläddra bland jobbannonser online på jakt efter vad som är nyckeln för utvecklare av utvecklare att känna till och förstå; Det finns tre viktiga saker. Icke förhandlingsbar.

Och de är:

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

Det här är grunden. Lyckligtvis finns det många gratis eller prisvärda online-lärplattformar där du kan lära dig dessa färdigheter om du inte redan känner till dem.

html

HyperText Markup Language, eller HTML, är den viktigaste strukturella komponenten av alla webbplatser på Internet. Som Jennifer Kyrnin säger,

"Det är språket på webbsidor-det markup språk som webbläsare läser för att göra webbsidor."

Webbsidor kan inte existera utan HTML.

CSS

CSS och HTML fungerar tillsammans: CSS lägger till stil i HTML. Jag tycker om att använda den analogi som HTML är som ett ansikte, och CSS är som sminken.

Även om CSS inte är nödvändigt för att få en webbplats på nätet, använder i princip alla webbplatser online någon form av styling.

Annars skulle det vara ganska tråkigt. Med de senaste versionerna av CSS kan du göra saker som animeringar och mer avancerad styling som bara var möjlig med JavaScript eller Flash tidigare.

JavaScript

JavaScript, eller JS, har utvecklats snabbt genom åren. Det har många ändamål nuförtiden och kan användas på framsidan eller baksidan.

När det gäller utveckling av fronten är JS viktigt eftersom det hjälper till att göra webbsidor interaktiva. Du kan göra fantastiska saker som att skapa omröstningar, frågesporter eller formulärinslag. Numera finns det många JS-bibliotek online som hjälper dig att ta dina webbsidor till nästa nivå.

Men för att bli en utvecklare på framsidan behöver du bara förstå grundläggande JavaScript och det populäraste JS-biblioteket - jQuery.

Trevlig att ha färdigheter

Efter att ha hamnat i grunderna är det andra färdigheter som är trevliga att ha. (Och många utvecklingsarbeten i fronten söker efter dem.)

MV * JavaScript-ramar

JavaScript-ramar hjälper dig att organisera och kondensera din kod.

Såvitt MV * (eller MVC) alternativ går, finns det trettio där ute: två av de mest populära är backbone.js och angular.js.

Utan tvekan är det svårt att lära sig ett JS-ramverk att bli en sann framkallare, men det är det bästa sättet att ta dina färdigheter till nästa nivå.

CSS-verktyg

Jämfört med JavaScript-ramarna ovan är CSS-verktyg nedan relativt lätta att lära. Det finns tre typer att leta efter:

• Precompilers: Att använda en förkompilator (eller förbehandlare) har många fördelar, från att göra kodrengörare för att upprätthålla organisationen. Det är ett enkelt sätt att skriva CSS och främjar DRY (Do not Repeat Yourself) principerna. Populära CSS-förkompilatorer är Sass, Less och Stylus. Om du bara börjar, håll dig till att lära dig en.
• CSS-ramar: CSS-ramar hjälper till att optimera ditt arbetsflöde med inbyggda nät och andra CSS-komponenter. Två populära exempel är Bootstrap and Foundation.
• Responsiv design: Idag finns det så många olika typer av enheter att din webbplats ska kunna anpassa sig till dem alla. Responsiv design hjälper dig att bygga webbplatser som fungerar på alla skärmstorlekar - skrivbord, surfplatta och smartphone. Ramar som Bootstrap och Foundation har responsiv design inbyggd, så om du lär dig en av dem, är du inställd.

Front-End Build Tools

Som utvecklare bör du kunna hantera optimering av filstorlek och effektivitet i arbetsflödet. Dessa verktyg kan hjälpa till.

• Pakethantering: Det kan vara svårt att organisera alla bibliotek, tillgångar och så vidare, speciellt för stora projekt eller de där du arbetar med ett lag. Använd en pakethanterare, som Bower, för att få allt som är sorterat och hålla en logg av dina uppdateringar.
• Yeoman.io: Om du ibland har problem med att få projekt från marken, använd Yeoman för att komma igång snabbt med projekt och vara produktiv. Det körs på kommandoraden.
• Task Runners: Använd Grunt eller Gulp, som också körs på kommandoraden, för att komprimera filer och optimera arbetsflödet. De kan fungera som kompilatorer för Sass eller Mindre preprocessorer, och har också ett brett utbud av plugins med andra funktioner.

Slutsats

Medan det trevliga att haves kan tyckas som mycket, tänk på dem som färdigheter som du borde lägga till över tiden. De grundläggande sakerna du behöver veta är HTML, CSS och JavaScript.

Om du har andra webbkompetens, även om de inte är relaterade till framsidan, ta dem till bordet, som design, videoredigering, SEO, etc.