vissa färdigheter växer i efterfrågan.

färdigheter som nästan kan garantera dina jobb och möjligheter i många år och årtionden framöver.

en av dessa färdigheter är webbutveckling.

har du undrat hur man blir en webbutvecklare?

I motsats till en populär tro behöver du inte en fin kandidatexamen i datavetenskap för att bli webbutvecklare och skapa en funktionell webbplats.

faktum är att om du följer instruktionerna i den här artikeln kan du bli webbutvecklare mycket snabbare än du tror (men det kommer fortfarande att ta lite hårt arbete!).

redo? Låt oss börja med grunderna:

vad/Vem är en webbutvecklare

här är det enkla svaret på den här frågan: de bygger och underhåller webbplatser.

med andra ord – de skapar bokstavligen hur du upplever webben. De webbplatser som vill att användarna ska njuta av sin upplevelse behöver bra webbutvecklare – och de är vanligtvis villiga att gaffla över några allvarliga pengar för att få dessa fantastiska webbutvecklare.

ansvar för en webbutvecklare:

1. skriv webbsidor med en kombination av markeringsspråk.
2. skapa kvalitetsmockups och prototyper.
3. Bygg en WordPress-webbplats från början.
4. förstå HTML och CMS.
5. förstå UI, UX och lärande användbarhet.
6. utveckla funktionella och tilltalande webbplatser och webbaserade applikationer.
7. tillhandahålla webbplatsunderhåll och förbättringar.

dessa är de vanligaste kraven, men ditt ansvar och uppgifter kommer att variera beroende på webbutveckling spelning samt din webbutveckling specialitet.

På tal om webbutvecklingsspecialiteter finns det tre som du bör vara medveten om:

1. Frontend development: ”frontend” avser ”saker” på en webbplats som du ser och interagerar med, t.ex. menyer, rullgardiner etc.
2. Backend utveckling:” backend ” är som den del av isberget under ytan. Utan det kan webbplatsen inte fungera. Backend handlar om servrar, applikationer, databaser etc.
3. full-stack utveckling: detta är kombinationen av både backend och frontend utveckling.

varför ska du bli webbutvecklare?

webbutveckling är en bransch som inte kommer att dö ut när som helst snart.faktum är att US Bureau of Labor Statistics har förutspått en tillväxt på 13% I tillgängliga webbutvecklingsjobb fram till 2028.

enkelt uttryckt-om du kan utveckla denna färdighet kommer du inte ha svårt att hitta arbete under överskådlig framtid.

här är fem stora fördelar / fördelar med att vara webbutvecklare:

1. Du kan arbeta på distans. Har du någonsin undrat hur det skulle vara att arbeta var som helst i världen, på din egen tid? Som webbutvecklare har du gott om möjligheter att arbeta på distans. Kanske kan du äntligen uppfylla den drömmen om att resa världen samtidigt som du sparar pengar samtidigt.
2. Du kan använda dina färdigheter för att bygga dina egna webbplatser och webbapplikationer. Vill du göra en lönsam webbplats eller applikation? Med denna färdighet behöver du inte betala massor av pengar för att få den byggd. Du kan bygga det själv för en bråkdel av priset.
3. Du kan arbeta självständigt. Du behöver inte längre arbeta under en chefs paraply om du inte vill. Du kan frilans eller starta ditt eget företag mycket lättare när du vet om webbutveckling.
4. gå in i den lönsamma teknikindustrin. Webbutveckling är i grunden din biljett till teknikindustrin. De flesta tech startups har ett visst behov av webbutvecklare, så detta kan vara ditt sätt att få din fot i dörren.
5. Du kan bygga fantastiska saker! Det roliga är att du kan vara så kreativ som du vill. Istället för att titta på webbplatser och tänka, ”Wow, det ser fantastiskt ut. Jag önskar att jag kunde skapa något sådant, ” du kommer nu att kunna skapa din egen fantastiska webbplats.

vad tycker du? Får allt detta dig upphetsad över tanken på att bli webbutvecklare? Om så är fallet är du på rätt plats – för att du ska lära dig de steg du behöver ta för att bli en!

hur man blir en webbutvecklare

lär dig grunderna i HTML, CSS och Javascript

det här är muttrar och bultar för all webbplatsutveckling som du kommer att arbeta med dagligen om du bestämmer dig för att bygga webbplatser för att leva.

• HTML dikterar strukturen
• CSS får det att se ganska ut
• Javascript får det att fungera

låt oss diskutera var och en av dessa och hur du kan lära dig dem.

HTML

HTML står för Hypertext Markup Language. Det är en av huvudingredienserna på en webbplats och ett av de så kallade frontend-språken.

kort sagt-det ger det grundläggande skelettet på en webbplats, främst genom en serie taggar.

en tagg är HTML-koden som styr utseendet på HTML-dokumentets innehåll.

här är några vanliga HTML – taggar som du bör bekanta dig med:

• <HTML></HTML> – den här taggen visas i början och slutet av ett HTML-dokument. Det indikerar att dokumentet är skrivet i HTML5.
• <title></title> – titeltaggen är titeln på sidan. Detta är användbart både för sökmotorer (när de skannar och indexerar sidor) och användare (det dyker upp i en webbläsares titelfält) genom att uttryckligen ange det primära ämnet för varje sida
• <head></head> – detta innehåller information om den specifika sidan, inklusive titeltaggar, metadata och länkar till skript och stilark.
• <body></body> – detta inkluderar allt innehåll som visas för användarna, inklusive allt de ska se och läsa.

Obs: alla taggar börjar som ”<body>” och slutar som ”</body>”. ”/”Indikerar att den specifika taggen inte längre används efteråt. Det är viktigt att sätta in slutmärket. Annars kommer hela dokumentet att använda den taggen.

här är några resurser för att lära HTML:

• HTML Nybörjarguide
• HTML Cheat Sheet

CSS

CSS står för Cascading Style Sheets.

det sätter stilen bakom HTML-strukturen. I grund och botten, utan CSS, HTML, och följaktligen skulle hela webbsidan se tråkig ut.

Så här kombinerar de: i din HTML-kod refererar du till ett CSS-stilark.

här är ett exempel på hur CSS ser ut i aktion:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

här är en bra resurs för att lära sig CSS: CSS Cheat Sheet

Javascript

Javascript är ett programmeringsspråk som låter dig implementera element på webbsidor. Det driver funktioner som interaktiva kartor, 2D/3D-grafik och mer.

Här är en bra resurs som hjälper dig att lära dig Javascript: Javascript Cheat Sheet

lär dig grunderna i WordPress

för att bli webbutvecklare måste du bekanta dig med WordPress. Trots allt-63% av alla webbplatser drivs av detta gratis, öppen källkod som du kan installera till i princip alla webbhotell.

när du har skapat en WordPress-webbplats är det ganska enkelt för dina kunder att lägga till innehåll själva (även om de inte har någon webbutvecklingsupplevelse).

Vi har gott om WordPress guider på denna webbplats. Kolla in länkarna nedan:

• hur man gör en WordPress webbplats
• hur man gör en WordPress blogg
• hur man anpassar WordPress

lär känna UI och UX

UI (användargränssnitt) och UX (användarupplevelse) är grunderna i användarupplevelse design.

de flesta utvecklare är inte designexperter-det här är två olika världar. Du behöver inte vara en design rockstar.

det är fortfarande viktigt att notera att genom att lära sig grunderna i användarupplevelse design, kan du bättre förstå hur en webbplats ska fungera. Det kommer att hålla fler användare på webbplatsen, hjälpa dem att hitta det de letar efter och i slutändan spendera mer pengar på den webbplatsen.

för att lära dig byggstenarna i designfärdigheter rekommenderar vi att du lär dig Adobe Creative Suite. Photoshop bör vara det första du dyker in, eftersom det är go-to för de flesta seriösa designers. Om du inte gillar Adobe kan du också dyka in i Sketch, som är en stigande stjärna bland designers.

här är några resurser för att förstå och lära UI och UX:

• skillnaden mellan UX och UI Design-en lekman Guide
• Treehouse och Lynda erbjuder utmärkta nybörjarkurser i både Photoshop och allmänna designkoncept

lär dig SQL och PHP (valfritt)

Vi kommer att klumpa ihop dessa två eftersom de är som två sidor av samma mynt.

SQL är en databasteknik (se SQL cheat sheet) som lagrar information. PHP är ett skriptspråk som placerar eller drar saker från en databas (se PHP cheat sheet).

Tänk på WordPress, till exempel.

den använder MySQL för att lagra och hantera information (blogginlägg, sidinnehåll, kommentarer, användarinformation etc.) i en databas ’tabell’. PHP är det som gör en WordPress-webbplats dynamisk, interagerar med alla dessa olika element och uppdaterar databasen ordentligt när du går.

att lära sig mer om hur SQL och PHP arbetar tillsammans kan hjälpa dig att behärska WordPress-webbplatsutveckling, som bokstavligen hundratals (om inte tusentals) människor letar efter varje dag på jobb-och projektbrädor över internet.

ytterligare resurser för att lära sig PHP och SQL:

• SQL Course
• TutorialsPoint (PHP)

det är inte lätt. Du kommer inte att behärska alla dessa över en vecka eller två. Men med tiden blir du bekant och då bra på dessa färdigheter att du alltid kommer att ha en lönsam karriär framför dig.

lär dig grunderna i SEO

SEO står för sökmotoroptimering. Detta hänvisar till processen att förbättra en webbplats ranking inom en sökmotor som Google. Det är en av de viktigaste färdigheterna i online-verksamhet.

Du kanske tänker, ” om jag är utvecklare, varför behöver jag oroa mig för hur bra en webbplats rankas i sökmotorerna? Är det inte bloggarnas och innehållsskaparnas jobb?”ja, en stor del av en webbplats SEO har att göra med innehållet. Men den faktiska strukturen och koden på webbplatsen spelar också en roll.

till exempel är rubriktaggar (HTML) extremt viktiga för SEO. De berättar för sökmotorer vad som verkligen är viktigt på en webbplats.

nu behöver du vara SEO-expert? Absolut inte. Men du bör lära dig grunderna i SEO och ha SEO i åtanke när du skapar varje webbplats. På så sätt ger du Webbplatsen en mycket större chans att lyckas och gör din webbutvecklingsklient så mycket lyckligare.

Här är några SEO tips för webbutvecklare:

• få dina metataggar optimerade. På söksidan berättar metataggen webbläsare vad din webbplats handlar om – ju bättre det är desto mer troligt är det att de klickar vidare till webbplatsen.
• se till att dina rubriktaggar är i en viss ordning. H1 ska vara huvudrubriken, och sedan ska du gå ner genom rubriker på lägre nivå genom sidan (dvs. H2, H3, H4 och så vidare). Detta gör det lättare för sökmotorer att navigera på webbplatsen.
• se till att din titel tagg korrekt beskriver webbsidan. Titeln bör betona vad sidan handlar om.

här är några resurser för att lära sig grunderna i SEO:

• nybörjarguiden till SEO
• hur man lär sig SEO: 10 av de bästa resurserna för att bokmärka
• hur man ökar webbplatstrafiken

ägna minst 3-5 timmar åt att läsa igenom resurser och lära sig grunderna. Detta kommer att förbereda dig för att utveckla webbplatser med SEO i åtanke.

se till att din webbplats är responsiv

När du skapar din egen webbplats (vilket är bra om du vill få fler kunder) – du bör se till att din webbplats är responsiv.

Responsive innebär att elementen på webbplatsen anpassas efter skärmstorleken. Det betyder att din webbplats kommer att se bra ut om besökaren är på en bärbar dator eller mobil enhet.

under 2018 var responsiv design avgörande. Alla dina kunder kommer att förvänta sig det-föregå med gott exempel och se till att din webbplats är lyhörd.

***

Okej, så när du går igenom dessa 6 steg har du en grundläggande förståelse för webbutveckling. Du vet hur man gör det (åtminstone på en grundläggande nivå).

ta dig tid med dessa steg-efterfrågan på webbutvecklare går inte ner när som helst snart, så du har tid att lära dig.

men här är den stora frågan: när du känner att du har den grundläggande förståelsen nere, hur hittar du faktiskt webbutvecklingsklienter?

Du har tur-det är vad vi ska prata om nästa!

hur du hittar din första Webbutvecklingsklient (eller blir frilansare)

bara för att du har färdigheten betyder det inte att folk bara kommer att gaffla över pengar till dig. Du måste göra lite arbete och sälja dig själv. Du måste också sätta dig själv på rätt ställen för att få möjligheter.

nu, som webbutvecklare, har du två val. Du kan 1) försöka landa en heltid, på plats jobb med ett företag eller 2) gå vägen för freelancing, och leta efter online spelningar.

Vi rekommenderar freelancing. Även om det inte har råd med samma garanterade lönecheck som ett heltidsjobb gör, finns det 3 stora fördelar:

• frihet: inte mer klockar in och klockar ut. Du kanske fortfarande arbetar samma timmar (eller mer), men ditt schema, plats och levnadsförhållanden är helt upp till dig. (Plus – ingen pendling, vilket sparar timmar varje vecka!)
• pengar: när du blir en bra frilansare får du ett bättre skott på att tjäna mer pengar (än att vänta på en ynka 3% höjning varje år).
• Prestige: med tiden har du möjlighet att bygga ditt eget personliga arbete och varumärke till den punkt som så småningom garanterar dig en stadig tillströmning av nya kunder (utan att ens behöva leta efter dem!).

i följande avsnitt fokuserar vi på hur du får din första frilansande spelning som webbutvecklare.

gå på Jobbtavlor

de flesta frilansare träffar jobbtavlor för att hitta sina första webbutvecklingsspel. De kan vara bra för att samla erfarenhet, men du vill förmodligen inte använda dem som en långsiktig strategi.

kvaliteten på kunderna kan vara mycket hit-or-miss. Vissa kan vara bra. Andra mindre så …

många gånger lockar de människor som inte har erfarenhet av att anställa, vilket kan skapa många problem när du försöker arbeta med dem. Ofta kommer jobbbrädor också att locka människor med orealistiska tidsramar och budgetar.

att förlita sig på jobbtavlor (för länge) ger dig inte möjlighet (eller ledig tid) att börja bygga ditt eget varumärke. Att locka ’inkommande’ uppmärksamhet till ditt arbete kommer i slutändan att ge dig de bästa (och högst betalande) kunderna i slutet av dagen.

men som vi sa är det inte ett dåligt alternativ att komma igång och få erfarenhet.

bara förstå att varje spelning du får på ett jobbkort (även om det kanske inte betalar mycket bra) hjälper dig att få erfarenhet och få mer framtida arbete.

det är också ganska lätt att komma igång på jobbtavlor…

nedan är en bild av resultaten från en snabb sökning på UpWork:

(som du kan se finns det massor av jobbmöjligheter för webbutvecklare!)

Här är några jobbtavlor där du kan hitta webbutvecklingsspel:

• PeoplePerHour.com
• Codeable.io (för WordPress)
• TopTal.com (för WordPress)
• UpWork.com

Sätt ihop en portföljwebbplats

för att göra det enkelt att få fler kunder (och för kunder att hitta dig), bör du skapa en portföljwebbplats. Det är här du ska visa upp dina senaste projekt, visa vittnesmål från nöjda kunder, ge potentiella kunder ett enkelt sätt att kontakta dig och visa upp dina webbutvecklingsfunktioner.

Här är några tips för att skapa din webbplats för webbutvecklingsportfölj:

• använd vittnesmål från tidigare och nuvarande kunder. Detta kommer att försäkra besökare att du gör bra arbete och att andra var glada att arbeta med dig. (Gör det till en vana att fråga vittnesmål när du avslutar ett projekt.)
• ingjuta din personlighet. Vad är bra med att arbeta med dig, och vad får dig att sticka ut? När du ingjuta personlighet i din portfölj webbplats, du automatiskt ställa dig isär.
• inkludera rätt element. Ditt namn, den korta versionen av din berättelse om hur/varför du blev webbutvecklare, dina kontaktuppgifter, ditt senaste arbete och dina färdigheter.
• svara på ” vad är det för mig?” fråga. I grund och botten, låt dem veta den största fördelen med att arbeta med dig, dvs vad kunderna kommer att få från att arbeta med dig.

mest av allt-du bör se till att din portfölj webbplats ser fantastisk! Du vill att potentiella kunder ska se det och tänka, ” Wow! Jag vill ha något sådant för min hemsida också!”På så sätt kommer de att vara mycket mer intresserade av att arbeta med dig.

Här är några exempel på stora webbutvecklare portfölj platser att använda som inspiration:

• MattFarley.ca
• Caferati.mig (talar om att införa personlighet, den här utvecklaren gör det på ett stort sätt på sin webbplats. Gå till Hemsidan så ser du vad vi menar!)
• Pierre.io

här är några resurser som hjälper dig att bygga din webbutveckling portfölj webbplats:

• hur man skapar en portfölj webbplats
• 10 Tips för att skapa din Utvecklare portfölj

starta nätverk

spendera inte bara all din tid skur Online jobb styrelser. Om du vill få stora möjligheter måste du också komma ut i den verkliga världen.

gör det till en punkt att delta i minst 2-3 relevanta nätverkshändelser varje månad. Förutsatt att du bor i eller inom en timme eller två av en storstad, det borde inte vara svårt att hitta den här typen av händelser.

börja med att söka efter möten på Meetup.com och Eventbrite. Bara på dessa två plattformar borde du hitta massor av relevanta händelser.

sikta på händelser som drar entreprenörer, eftersom dessa människor kommer att vara mest sannolikt att vilja bygga en ny webbplats. När du ansluter och nätverkar med fler av dessa människor (och låt det vara känt att du är en webbutvecklare) kommer du att utsätta dig för fler och bättre spelningar än de du hittar på jobbtavlor. Du kommer också att börja växa ditt personliga varumärke.

här är en annan stor resurs för att hjälpa dig att hitta händelser: Hur man hittar nätverkshändelser faktiskt värt att delta

fördelarna med en heltid webbutvecklare

vi pratade mycket om freelancing som webbutvecklare. Att arbeta heltid i ett företag har dock egna fördelar:

• du arbetar med andra utvecklare – detta ger dig fördelen av en gemensam upplevelse, särskilt om du är helt ny. Att arbeta med andra gör att de kan dela sina erfarenheter med dig, vilket är ganska värdefullt.
• kundsupport är organiserad – när du arbetar i ett företag är du inte bunden att arbeta vid olika tider på dagen. Det innebär att företagskunder vet när de ska kontakta och förväntar sig att ditt arbete ska vara klart.
• mycket mer fokuserad arbetsbelastning-flera frilansare arbetar idag med olika projekt samtidigt. Detta delar deras fokus som kan påverka den övergripande kvaliteten. Som heltidsutvecklare är det mer troligt att du arbetar med ett enda projekt som kräver din fulla uppmärksamhet.

slutsats

arbetsmarknaden blir hårdare. De mer traditionella jobben fasas ut varje dag. Så varför inte lära dig en färdighet som kommer att hålla dig anställd (och eventuellt rik) under överskådlig framtid?

det är den stora fördelen med webbutveckling. Den stora delen är-du behöver inte en snygg dyr grad för att komma in i fältet. Helt enkelt genom att följa stegen vi har listat här kan du börja vägen för att bli webbutvecklare.

det finns också många integrerade utvecklingsmiljöer (IDE) programvarualternativ som gör en utvecklares liv mycket enklare.

för att sammanfatta, här är de grundläggande stegen för att bli webbutvecklare:

1. lär dig grunderna i HTML, CSS och Javascript
2. gå igenom WordPress Tutorials
3. lär dig grunderna i UI och UX
4. lär dig SQL och PHP
5. lär dig grunderna i SEO
6. se till att din webbplats är lyhörd

och här är de grundläggande stegen för att hitta din första webbutveckling spelning:

1. få på jobb styrelser
2. sätta ihop en portfölj webbplats
3. starta nätverk

Nu är det dags att vidta åtgärder och visa världen vad en fantastisk webbutvecklare du kan vara!