Articles

Hvordan Bli En Webutvikler

Visse ferdigheter vokser i etterspørselen.

Ferdigheter som nesten kan garantere jobber og muligheter i mange år og tiår framover.

en av disse ferdighetene er webutvikling.

har du lurt på hvordan du blir en webutvikler?I Motsetning til en populær tro trenger du ikke en fancy bachelorgrad i datavitenskap for å bli en webutvikler og skape et funksjonelt nettsted.faktisk, hvis du følger instruksjonene i denne artikkelen, kan du bli en webutvikler mye raskere enn du tror (men det vil fortsatt ta litt hardt arbeid!).

Klar? La oss starte med det grunnleggende:

Hva / Hvem Er En Webutvikler

Her er det enkle svaret på dette spørsmålet: de bygger og vedlikeholder nettsteder.

Med andre ord – de skaper bokstavelig talt hvordan du opplever nettet. Nettstedene som vil at brukerne skal nyte sin erfaring, trenger gode webutviklere-og de er vanligvis villige til å gaffel over noen seriøse penger for å få disse flotte webutviklerne.

Ansvar for en webutvikler:

  1. Skriv websider med en kombinasjon av markeringsspråk.
  2. Lag kvalitetsmockups og prototyper.
  3. Bygg Et WordPress-nettsted fra bunnen av.
  4. Forstå HTML og CMS.
  5. Forstå UI, UX og læring brukervennlighet.
  6. Utvikle funksjonelle og tiltalende nettsteder og web-baserte applikasjoner.
  7. Gi nettstedet vedlikehold og forbedringer.

dette er de vanligste kravene, men ditt ansvar og oppgaver vil variere avhengig av webutvikling gig samt din webutvikling spesialitet.

Når det Gjelder webutviklingsspesialiteter, er det tre som du bør være oppmerksom på:

  1. Frontend-utvikling: «frontend» refererer til «ting» på et nettsted som du ser og samhandler med, for eksempel menyer, dropdowns, etc.
  2. backend utvikling: «backend» er som den delen av isfjellet under overflaten. Uten den kan ikke nettsiden fungere. Backend omhandler servere, applikasjoner, databaser, etc.
  3. Full-stack utvikling: dette er kombinasjonen av både backend og frontend utvikling.

Hvorfor Bør Du Bli En Webutvikler?

Webutvikling Er en bransje som ikke vil dø ut når som helst snart.Faktisk har Us Bureau Of Labor Statistics spådd en vekst på 13% i tilgjengelige webutviklingsjobber gjennom 2028.Enkelt sagt – hvis du kan utvikle denne ferdigheten, vil du ikke ha det vanskelig å finne arbeid i overskuelig fremtid.

HER ER FEM store fordeler / fordeler ved å være webutvikler:

  1. du kan jobbe eksternt. Noen gang lurt på hvordan det ville være å jobbe fra hvor som helst i verden, på din egen tid? Som webutvikler har du mange muligheter til å jobbe eksternt. Kanskje du endelig kan oppfylle den drømmen om å reise verden mens du sparer penger samtidig.
  2. Du kan bruke dine ferdigheter til å bygge dine egne nettsteder og webapplikasjoner. Vil du lage en lønnsom nettside eller applikasjon? Med denne ferdigheten trenger du ikke å betale massevis av penger for å få det bygget. Du kan bygge det selv for en brøkdel av prisen.
  3. du kan jobbe selvstendig. Du trenger ikke lenger å jobbe under en sjefs paraply hvis du ikke vil. Du kan freelance eller starte din egen bedrift mye lettere når du vet om webutvikling.
  4. Kom inn i den lønnsomme teknologibransjen. Webutvikling er i utgangspunktet din billett til teknologibransjen. De fleste tech startups har noen behov for webutviklere, så dette kan være din måte å få foten i døren.
  5. Du kan bygge fantastiske ting! Det morsomme er at du kan være så kreativ som du vil. I stedet for å se på nettsteder og tenke, » Wow, det ser fantastisk ut . Jeg skulle ønske jeg kunne lage noe sånt,» du vil nå kunne lage din egen fantastisk utseende nettsted.

hva synes du? Gjør alt dette deg begeistret for ideen om å bli en webutvikler? I så fall er du på rett sted-fordi du er i ferd med å lære trinnene du må ta for å bli en!

Hvordan Bli En Webutvikler

Lær Det Grunnleggende OM HTML, CSS og Javascript

Dette Er muttere og bolter av all nettsideutvikling som du vil jobbe med daglig hvis du bestemmer deg for å bygge nettsteder for å leve.

  • HTML dikterer strukturen
  • CSS vil gjøre det ser pen
  • Javascript vil gjøre det fungere

la oss diskutere hver og en av disse og hvordan du kan lære dem.

HTML

HTML står For Hypertext Markup Language. Det er en av hovedingrediensene til et hvilket som helst nettsted og et av de såkalte frontend-språkene.

kort sagt-det gir det grunnleggende skjelettet til et nettsted, hovedsakelig gjennom en rekke tagger.

en kode er HTML-koden som styrer utseendet PÅ HTML-dokumentets innhold.

her er noen VANLIGE HTML – koder du bør bli kjent med:

  • <HTML></HTML> – denne taggen vises i begynnelsen og slutten av et html-dokument. Det indikerer at dokumentet er skrevet I HTML5.
  • <title>< / title > – tittelkoden er tittelen på siden. Dette er nyttig både for søkemotorer (når de skanner og indekserer sider) og brukere (det vises i en nettlesers tittellinje) ved å eksplisitt angi det primære emnet for hver side <head></head> – dette inneholder informasjon om den spesifikke siden, inkludert tittelkoder, metadata og lenker til skript og stilark. <body></body> – dette inkluderer alt innhold som vil bli vist til brukere, inkludert alt de vil se og lese.

Merk: alle tagger starter som «< kropp >» og slutter som «< / kropp >». «/»Indikerer at den spesifikke taggen ikke lenger er i bruk etterpå. Det er viktig å sette sluttkoden inn. Ellers vil hele dokumentet bruke den taggen.

HER er noen ressurser FOR å lære HTML:

  • HTML Beginner ‘ S Guide
  • Html Cheat Sheet

CSS

CSS står for Cascading Style Sheets.

det setter stilen bak HTML-strukturen. I utgangspunktet, UTEN CSS, HTML, og dermed ville hele nettsiden se kjedelig ut.

slik kombinerer de: I HTML-koden refererer DU TIL ET CSS-stilark.

her er et eksempel PÅ HVORDAN CSS ser ut i aksjon:

}#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;}

her er en stor ressurs for å lære CSS: CSS Cheat Sheet

Javascript

Javascript Er et programmeringsspråk som lar deg implementere elementer på nettsider. Den driver funksjoner som interaktive kart, 2d / 3d-grafikk og mer.

Her er en stor ressurs for å hjelpe deg å lære Javascript: Javascript Cheat Sheet

Lær Det Grunnleggende WordPress

for å bli en webutvikler, må du bli kjent Med WordPress. Tross alt-63% av alle nettsteder er drevet av denne gratis, åpen kildekode-programvare som du kan installere til i utgangspunktet alle webverten.

WordPress.når du har satt opp Et WordPress-nettsted, er det ganske enkelt for kundene dine å legge til innhold av seg selv (selv om de ikke har noen erfaring med webutvikling).

Vi har mange WordPress guider på denne nettsiden. Sjekk ut linkene nedenfor:

  • HVORDAN Lage Et WordPress-Nettsted
  • Hvordan Lage En WordPress-Blogg
  • Hvordan Tilpasse WordPress

Bli Kjent MED UI og UX

UI (Brukergrensesnitt) og UX (Brukeropplevelse) er grunnleggende for brukeropplevelsesdesign.

de fleste utviklere er ikke designeksperter – disse er to forskjellige verdener. Du trenger ikke å være en rockestjerne.Det er fortsatt viktig å merke seg at ved å lære grunnleggende om brukeropplevelsesdesign, kan du bedre forstå hvordan et nettsted skal fungere. Det vil holde flere brukere på nettstedet, hjelpe dem med å finne det de leter etter, og til slutt bruke mer penger på det nettstedet.

for å lære byggesteinene i designferdigheter anbefaler vi at Du lærer Adobe Creative Suite. Photoshop bør være det første du dykker inn i, da det er go-to for de fleste seriøse designere. Hvis Du ikke liker Adobe, kan Du også dykke inn I Sketch, som er en stigende stjerne blant designere.

Sketch.comHer er noen ressurser for å forstå OG lære UI og UX:

  • Forskjellen MELLOM UX Og UI Design-En Lekmann Guide
  • Treehouse og Lynda tilbyr gode nybegynner kurs i Både Photoshop og generelle designkonsepter

Lær SQL og PHP (Valgfritt)

Vi vil klump disse to sammen fordi de er som to sider av samme mynt.

SQL ER en databaseteknologi (se SQL cheat sheet) som lagrer informasjon. PHP ER et skriptspråk som plasserer eller trekker ting fra en database (se PHP cheat sheet).

Tenk På WordPress, for eksempel.

Den bruker MySQL til å lagre og administrere informasjon(blogginnlegg, sideinnhold, kommentarer, brukerinformasjon, etc.) i en database ‘tabell’. PHP er det som gjør Et WordPress-nettsted dynamisk, interagerer med alle disse forskjellige elementene og oppdaterer databasen riktig mens du går.Å Lære mer om HVORDAN SQL og PHP fungerer sammen kan hjelpe deg med å mestre WordPress-nettstedutvikling, som bokstavelig talt hundrevis (om ikke tusenvis) av mennesker leter etter hver dag på jobb-og prosjektbrett over internett.

Flere ressurser FOR Å lære PHP og SQL:

  • SQL Course
  • TutorialsPoint (PHP)

DET er ikke lett. Du vil ikke mestre alle disse over en uke eller to. Men over tid, å bli kjent og så god på disse ferdighetssettene betyr at du alltid vil ha en lønnsom karriere foran deg.

Lær GRUNNLEGGENDE OM SEO

SEO står For Søkemotoroptimalisering. Dette refererer til prosessen med å forbedre et nettsted rangeringer i en søkemotor Som Google. Det er en av de viktigste ferdighetene i online business.Du tenker kanskje: «Hvis jeg er en utvikler, hvorfor trenger jeg å bekymre meg for hvor godt et nettsted rangerer i søkemotorene? Er ikke det bloggerne og innholdsskaperne?»

vel ja, EN stor DEL AV ET nettsted SEO har å gjøre med innholdet. Men den faktiske strukturen og koden til nettstedet spiller også en rolle.

FOR EKSEMPEL er overskriftskoder (HTML) ekstremt viktige FOR SEO. De forteller søkemotorer hva som er veldig viktig på et nettsted.

Nå, trenger du Å VÆRE EN SEO ekspert? Absolutt ikke. Men du bør lære det grunnleggende OM SEO, OG husk SEO mens du lager hvert nettsted. Ved å gjøre det, vil du gi nettstedet en mye større sjanse for suksess, og gjøre din webutviklingsklient så mye lykkeligere.

HER er NOEN SEO tips for webutviklere:

  • få metakoder optimalisert. På søkesiden forteller metakoden nettlesere hva nettstedet ditt handler om – jo bedre det er, jo mer sannsynlig er de å klikke seg gjennom til nettstedet.
  • Kontroller at overskriftskodene er i en bestemt rekkefølge. H1 bør være hovedoverskriften, og da bør du gå ned gjennom overskrifter på lavere nivå gjennom siden (Dvs. H2, H3, H4 og så videre). Dette gjør det enklere for søkemotorer å navigere på nettstedet.
  • Pass på at tittelkoden din beskriver nettsiden riktig. Tittelen bør understreke hva siden handler om.

Her er noen ressurser for å lære grunnleggende OM SEO:Slik Lærer DU SEO: 10 Av De Beste Ressursene For Å Bokmerke

  • Hvordan Øke Nettstedstrafikken
  • Dedikere minst 3-5 timer til å lese gjennom ressurser og lære det grunnleggende. Dette vil forberede deg til å utvikle nettsteder MED SEO i tankene.

    Sørg For At Nettstedet Ditt Er Responsivt

    Når du lager ditt eget nettsted (som vil være en god ide hvis du vil få flere kunder) – du bør sørge for at nettstedet ditt er responsivt.

    Responsive betyr at elementene på nettstedet justeres i henhold til skjermstørrelsen. Dette betyr at nettstedet ditt vil se bra ut om den besøkende er på en bærbar pc eller mobil enhet.

    i 2018 var responsiv design avgjørende. Alle dine kunder vil forvente det-lede ved eksempel og sørge for at nettstedet ditt er responsivt.

    ***

    Ok, så når du går gjennom disse 6 trinnene, har du en grunnleggende forståelse av webutvikling. Du vet hvordan du gjør det (minst på et grunnleggende nivå).

    Ta deg tid med disse trinnene-etterspørselen etter webutviklere går ikke ned når som helst snart, så du har tid til å lære.Men Her er det store spørsmålet: når du føler at du har den grunnleggende forståelsen nede, hvordan finner du faktisk webutviklingsklienter?

    Du har lykke – det er det vi snakker om neste!

    Hvordan Finne Din Første Webutviklingsklient (eller Bli FRILANSER)

    Bare Fordi du har ferdighetene, betyr ikke at folk bare vil gaffel over penger til deg. Du må gjøre litt arbeid og selge deg selv. Du må også sette deg på de riktige stedene for å få muligheter.

    Nå, som en webutvikler, har du to valg. Du kan 1) prøve å lande en heltidsjobb på stedet med et selskap eller 2) gå ruten for freelancing, og se etter online spillejobber.

    vi anbefaler freelancing. Mens det ikke har råd til samme garanterte lønnsslipp som en heltidsjobb gjør, er det 3 store fordeler: Frihet: Ikke mer klokke inn og klokke ut. Du kan fortsatt jobbe de samme timene (eller mer), men tidsplanen, plasseringen og levekårene er helt opp til deg. (Plus-ingen pendling, noe som sparer deg timer hver uke!)

  • Penger: når du blir en god frilanser, vil du ha en bedre sjanse til å tjene mer penger (enn å vente på en measly 3% heve hvert år).Prestige: over tid får du muligheten til å bygge ditt eget personlige arbeid og merke til det punktet som til slutt garanterer deg en jevn tilstrømning av nye kunder (uten å måtte lete etter dem!).
  • i det følgende avsnittet vil vi fokusere på hvordan du får din første freelancing-konsert som webutvikler.

    Få På Jobbtavler

    de fleste frilansere treffer jobbtavler for å finne sine første webutviklingsgigger. De kan være gode for å samle erfaring, men du vil sannsynligvis ikke bruke dem som en langsiktig strategi.

    kvaliteten på klienter kan være svært hit-or-miss. Noen kan v re flotte. Andre mindre så …

    Mange ganger tiltrekker de folk som er uerfarne med å ansette, noe som kan skape mange problemer når du prøver å jobbe med dem. Ofte vil jobbtavler også tiltrekke seg folk med urealistiske tidsrammer og budsjetter.

    over-stole på jobb boards (for lenge) vil ikke gi deg muligheten (eller ledig tid) til å begynne å bygge din egen merkevare. Å tiltrekke ‘innkommende’ oppmerksomhet til arbeidet ditt vil til slutt lande deg de beste (og høyest betalende) klientene på slutten av dagen.

    Men som vi sa, er det ikke et dårlig alternativ å komme i gang og få erfaring.bare forstå at hver konsert du får på et jobbbrett (mens det kanskje ikke betaler seg veldig bra), vil hjelpe deg med å få erfaring og få mer fremtidig arbeid.

    Det er også ganske lett å komme i gang på jobb boards…

    Nedenfor er et bilde av resultatene fra et raskt søk På UpWork:

    (Som du kan se, det er tonnevis av jobbmuligheter for webutviklere!)

    Upwork Web Utvikling Jobber

    Her er noen jobb boards hvor du kan finne web utvikling gigs:

    • PeoplePerHour.com
    • Codeable.io (for WordPress)
    • TopTal.com (for WordPress)
    • UpWork.com

    Sette sammen En Portefølje Nettsted

    for å gjøre det enkelt å få flere kunder (og for kunder å finne deg), bør du opprette en portefølje nettsted. Dette er hvor du vil vise frem dine nyeste prosjekter, vise attester fra fornøyde kunder, gi potensielle kunder med en enkel måte å kontakte deg, og også vise frem din webutvikling evner.

    Her er noen tips for å lage din web utvikling portefølje nettstedet:

    • Bruk attester fra tidligere og nåværende kunder. Dette vil sikre besøkende at du gjør godt arbeid, og at andre var glade for å jobbe med deg. (Gjør det til en vane å spørre attester når du er ferdig med et prosjekt.)
    • Infuse din personlighet. Hva er bra med å jobbe med deg, og hva gjør at du skiller deg ut? Når du fyller personlighet inn i porteføljens nettsted, vil du automatisk sette deg fra hverandre.
    • Inkluder de riktige elementene. Ditt navn, den korte versjonen av historien din om hvordan / hvorfor du ble en webutvikler, dine kontaktdetaljer, ditt siste arbeid og dine ferdigheter.
    • Svar på «Hva er det for meg?” spørsmål. I utgangspunktet, la dem vite den største fordelen med å jobbe med deg, dvs. hva kundene vil få fra å jobbe med deg.

    Mest av alt – du bør sørge for at din portefølje nettstedet ser fantastisk! Du vil at potensielle kunder skal se det og tenke, » Wow! Jeg vil ha noe slikt for nettstedet mitt også!»På den måten vil de være mye mer interessert i å jobbe med deg.

    Her er noen eksempler på gode webutviklerporteføljesider å bruke som inspirasjon:

    • MattFarley.ca
    • Caferati.meg (Snakker om infusing personlighet, gjør denne utvikleren det på en stor måte på sitt nettsted. Gå til hjemmesiden og du vil se hva vi mener!)
    • Pierre.io

    pierre nel portfolio siteher er noen ressurser for å hjelpe deg å bygge din webutvikling portefølje nettstedet:

    • Hvordan Lage En Portefølje Nettsted
    • 10 Tips For Å Lage Din Utvikler Portefølje

    Start Nettverk

    ikke bare bruke all din tid skuring online jobb boards. Hvis du vil ha gode muligheter, må du også komme deg ut i den virkelige verden.

    Gjør det et poeng å delta på minst 2-3 relevante nettverksarrangementer hver måned. Forutsatt at du bor i eller innen en time eller to av en storby, bør det ikke være vanskelig å finne slike hendelser.

    Start med å søke etter meetups på Meetup.com Og Eventbrite. På disse to plattformene alene bør du finne tonnevis av relevante hendelser.

    meetup.com Mål for hendelser som trekker entreprenører, da disse menneskene vil være mest sannsynlig å ønske å bygge et nytt nettsted. Når du kobler til og nettverk med flere av disse menneskene (og la det være kjent at du er en webutvikler), vil du utsette deg for flere og bedre spillejobber enn de du finner på jobbbrett. Du vil også begynne å vokse din personlige merkevare.Her er en annen stor ressurs for å hjelpe deg med å finne hendelser: Hvordan Finne Nettverkshendelser Som Faktisk Er Verdt Å Delta

    Fordelene med En Heltids Webutvikler

    Vi snakket mye om freelancing som webutvikler. Men å jobbe heltid i et selskap har sine egne fordeler:

    • Du jobber med andre utviklere – dette gir deg fordelen av en felles opplevelse, spesielt hvis du er helt ny. Å jobbe med andre tillater dem å dele sine erfaringer med deg, noe som er ganske verdifullt.
    • Klientstøtte er organisert – når du jobber i et selskap, er du ikke bundet til å jobbe på ulike tider av dagen. Dette betyr at selskapets kunder vet når du skal kontakte og forventer at arbeidet skal være ferdig.
    • Mye mer fokusert arbeidsbelastning-flere frilansere jobber i dag på ulike prosjekter samtidig. Dette deler deres fokus som kan påvirke den generelle kvaliteten. Som en heltidsutvikler er det mer sannsynlig at du jobber med et enkelt prosjekt som krever full oppmerksomhet.

    Konklusjon

    arbeidsmarkedet blir tøffere. De mer tradisjonelle jobbene fases ut hver dag. Så hvorfor ikke lære en ferdighet som vil holde deg ansatt (og muligens velstående) i overskuelig fremtid?

    det er den store fordelen med webutvikling. Den store delen er – du trenger ikke en fancy dyrt grad å komme inn i feltet. Bare ved å følge trinnene vi har oppført her, kan du starte banen for å bli en webutvikler.

    det Er også Mange Integrerte Utviklingsmiljø (IDE) programvarealternativer som gjør utviklerens liv mye enklere.

    for å oppsummere, her er de grunnleggende trinnene for å bli en webutvikler:

    1. Lær Grunnleggende OM HTML, CSS og Javascript
    2. Gå Gjennom WordPress Tutorials
    3. Lær Grunnleggende OM UI og UX
    4. LÆR SQL og PHP
    5. Lær Grunnleggende OM SEO
    6. Sørg For At Nettstedet Ditt Er Responsivt

    Og her er de grunnleggende trinnene for å finne din første webutviklingsgig:

    1. Få På Jobbbrett
    2. sett sammen en portefølje nettsted
    3. START NETTVERK

    Nå Er Det på tide å ta affære og vise verden Hva En Fantastisk webutvikler du kan være!