Jobbposterna varierar beroende på vad de söker efter i en utvecklare på framsidan. Vissa företag vill ha sökande att veta saker som Ruby, Git, designverktyg, videoredigering - och listan fortsätter.
Det finns dock några färdigheter som något avancerat utvecklingsarbete kommer att kräva - "core" -förmågan - 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 avancerade utvecklare att känna till och förstå; Det finns tre viktiga saker.
Icke förhandlingsbar.
Och de är:
- html
- CSS
- 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 känner till dem redan.
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 uppmärkningssprå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 hemsida online, 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 avancerad styling som bara var möjlig med JavaScript eller Flash tidigare.
JavaScript
JavaScript, eller JS, har utvecklats snabbt under åren. Det har många ändamål nuförtiden och kan användas på framsidan eller baksidan.
I förhållande till front-end-utveckling ä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 av framsidan behöver du bara förstå grundläggande JavaScript och det populäraste JS-biblioteket - jQuery.
Nice-to-måsten
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:
- Förkompilatorer: Att använda en förkompilator (eller förprocessor) 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 och 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, särskilt 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.
- Uppgiftslöpare: 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 viktigaste sakerna du behöver veta är HTML, CSS och JavaScript.
Om du har några andra webbkunskaper, även om de inte är relaterade till framsidan, ta dem till bordet - som design, videoredigering, SEO, etc.