Jobbposterna varierar beroende på vad de letar efter i en front-end-utvecklare. 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 framsidan att veta och förstå; Det finns tre viktiga saker.
Non-förhandlingsbara.
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 webbplats på nätet, använder i princip alla sidor 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.
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.
Idag finns det många JS-bibliotek online som hjälper dig att ta dina webbsidor till nästa nivå.
För att bli en utvecklare i framsidan behöver du bara förstå grundläggande JavaScript och det populäraste JS-biblioteket - jQuery.
Nice-to-Haves
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 ryggraden. js och vinkel. js.
Att lära sig ett JS-ramverk är utan tvekan den svåraste delen av att bli en sann framstegsutvecklare, 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ö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 och Foundation.
Responsive 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.
Byggverktyg för framsidan
Som utvecklare borde du kunna hantera optimering av filstorlek och arbetsflödeseffektivitet. 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.
Aktivitetslö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
Även om 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 andra webbkompetens, även om de inte är relaterade till förrän, ta dem till bordet - som design, videoredigering, SEO etc. Du vet aldrig vad ett företag kan leta efter.
Och gissa vad? Du kan vara den perfekta passformen.
Reglerna för att bidra till IRA för amerikaner utomlands
Amerikaner som arbetar i utlandet kan kunna sätta pengar åt sidan i IRA , men det finns några tekniska regler som komplicerar saker.
Steg-för-steg-guide till lön för småföretag
Ett steg för steg guide till lön och löneförädling för småföretag från rekordhantering till löneskatter.
För gammal för skolan? Kommer du tillbaka till skolan Efter 40
Tror du att du är för gammal för skolan? Dessa personliga historier om äldre elever som återvände till skolan senare i livet förklarar.