Datorprogrammering håller på att bli en bred kategori av datavetenskapsyrket. Det finns mjukvaruutvecklare, apputvecklare och webbutvecklare. Inom webbutveckling finns både front-end och back-end utveckling, tillsammans med webbinnehållsutveckling och cybersäkerhetsexperter.
När det kommer till frontend-utveckling för webbplatser ligger fokus på det övergripande utseendet och känslan av en webbplats.
Det måste finnas en balans mellan styv funktionalitet och tilltalande utseende. Front-end-utvecklare gör en hel del, och de färdigheter som krävs för att lyckas med front-end-datorkodning är mycket tekniska.
Färdigheter du behöver för att vara en frontend-utvecklare
Som nämnts ovan fokuserar frontend-utvecklare på att få webbplatsen att fungera som den ska samtidigt som den ser till att webbplatsen ser bra ut för användarna. Dessa proffs ser till att en webbplats är lätt att navigera på och att den tilltalar den publik som webbplatsen riktar sig till. Medan många utvecklare inte har en högskoleexamen kan en datavetenskaplig examen vara till hjälp.
Den i särklass bästa utbildningen för front-end-utvecklare kommer genom erfarenhet från utbildning som kodningsstartläger.
Jobbannonser varierar i vad de letar efter hos en frontend-utvecklare. Vissa företag vill ha sökande som kan saker som Rubin, Git, designverktyg, videoredigering– och listan fortsätter.
Det finns dock några färdigheter som alla front-end utvecklingsjobb kommer att kräva - "kärnfärdigheterna" - och några andra som du allvarligt bör överväga att lägga till din repertoar. HTML, CSS och Javascript är grunderna. Lyckligtvis finns det många gratis eller prisvärda lärplattformar online där du kan lära dig dessa färdigheter om du inte redan kan dem.
Typer av färdigheter för frontend-utvecklare
Front-end-utvecklare måste komma ihåg att verktygen och färdigheter som används för att skapa front-end på en webbplats alltid förändras. Så utvecklare måste ständigt lära sig och fräscha upp färdigheter inom dessa områden för att avancera sina karriärer:
HTML
HyperText Markup Language, eller HTML, är den viktigaste strukturella komponenten för alla webbplatser på Internet. Webbsidor kan inte existera utan HTML.
- Webbdesign
- Mottaglig
- Webbsida grafik
- HTML-element
- HTML-attribut
- Starta taggar
- Sluttaggar
- Elementinnehåll
- HTML-rubriker, stycken, länkar, bilder, knappar, tabeller och listor
CSS
CSS står för Cascading Style Sheets. CSS och HTML fungerar tillsammans: CSS lägger till stil till HTML. Jag gillar att använda analogin att HTML är som ett ansikte och CSS är som smink.
Även om CSS inte är nödvändigt för att få en webbplats online, använder i princip varje webbplats på nätet någon form av styling. Annars vore det ganska tråkigt. Med de senaste versionerna av CSS kan du göra saker som animationer och mer avancerad styling som tidigare bara var möjligt med JavaScript eller Flash.
- CSS-syntax
- Väljarblock
- Deklarationsblock
- Förkompilatorer/förprocessorer
- TORRA (upprepa inte dig själv)
- Sass
- Mindre
- Nål
- CSS-ramverk
- Bootstrap
- fundament
- Responsiv design
JavaScript
JavaScript, eller JS, har utvecklats snabbt under åren. Den har många syften nuförtiden och kan användas på fram- eller baksidan.
I relation till frontend-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ärinlämningar. Nuförtiden finns det många JS-bibliotek online för att hjälpa dig ta dina webbsidor till nästa nivå.
Men för att bli en frontend-utvecklare behöver du bara förstå grundläggande JavaScript såväl som det mest populära JS-biblioteket - jQuery.
- Interaktiva webbsidor
- MV* eller MVC
- Backbone.js
- Angular.js
- JS-variabler
- JS-nummer
- JS Strings
- JS Objekt
- JS Arrays
- JS funktioner
Fler färdigheter i front-end-utvecklare
- Inline stil
- Cascading Order
- Förmåga att kommunicera tekniska detaljer till nybörjare
- Skapa eller manipulera WordPress-tema
- Använda JS för att ändra HTML-innehåll
- getElementById()
- Arbetar självständigt
- Uppmärksamhet på detaljer
- Noggrannhet
- Filstorleksoptimering
- Arbetsflödeseffektivitet
- Pågående förbättring
- Iteration
- Betatestning
- Pakethantering
- Yeoman.io
- Task Runners
- Organisation
- Kommandorader
- Filkomprimering
- Plugins
- Datorkodningsspråk flytande
- Koncentration
- Göra webbplatser responsiva för både stationära och mobila enheter
- Operativsystem
- CSS-förbearbetning
- Versionskontroll
- Webbplatstestning
- Felsökning
- Verktyg för webbläsarutvecklare
- Automationsverktyg
Hur du får dina färdigheter att sticka ut
Lägg till relevanta färdigheter i ditt CV: En betydande andel av utvecklarna arbetar som frilansare. Fortfarande en återuppta att lista relevanta färdigheter som anges ovan är viktigt.
Markera färdigheter i ditt personliga brev: Medan vissa arbetsgivare gillar att se en Personligt brev, kommer de flesta ofta också behöva se en portfölj av ditt arbete. Din portfölj är den viktigaste delen av ditt jobbsökande.
Använd skicklighetsord i din jobbintervju: När du intervjuar för ett front-end utvecklarjobb, prata om specifika projekt du var en del av. Var beredd att prata om hur omfattande din erfarenhet är att arbeta med kodningsspråk och felsökningsproblem på webbplatser.
