Hvis du er en som ikke har råd til å rote med en enorm sum penger, men som likevel er villig til å bruke tid og en viss investering for å lære webutvikling, må du ta en mer ukonvensjonell tilnærming.

Første ting først: Du må være nysgjerrig, interessert og lære hele livet.

Selv om det ikke er definitivt eller på noen måte uttømmende, er det følgende en liste over ressurser for å hjelpe deg gjennom webutviklingsreisen fra absolutt nybegynner- til multiprosjekt-oppnåelsesnivå.

Gjør deg kjent med viktige HTML- og CSS-elementer

Nettsider består i stor grad av HTML- og CSS-koder. Disse to er de grunnleggende. Selvfølgelig finnes det andre språk for å gjøre ting mer interaktive, stiliserte, animerte, adaptive og/eller responsive, som jQuery, Python, Ruby on Rails og JavaScript. Men for det første, fokus på HTML og CSS. Dette er tingene du trenger for å komme i gang med å lage en nettside fra bunnen av.

Gi begge en gjennomgang ved hjelp av opplæringssider. De fleste er gratis, noen er betalt, men fortsatt billigere enn en årelang grad, spesielt hvis du legger til kafeteria, ølhelger og overnattingsavgifter.

SitePoint

SitePoint har en absolutt nybegynnerveiledning for HTML og CSS, så dette er et bra sted å begynne å sette seg inn i de grunnleggende konseptene. Du lærer ikke bare koden, men også verktøy for å bygge et nettsted – fra tekstredigerere til nettlesere til grafikkredigerere.

Kanal 9

Dette er en 21-episoders side med leksjoner som lærer det grunnleggende om nettsider og koding. Rettet mot absolutte nybegynnere, vær forberedt på å bruke fra 6 til 48 minutter per episode. Hvis du vil hoppe til episoder du tror du trenger å fokusere på mer, er leksjonene helt gratis og kan ses i hvilken som helst rekkefølge, når som helst.

w3ressurs

w3resource er en utviklersamfunnsgodkjent, omfattende ressurs for alt relatert til nettutvikling. Det tilbyr en bred base av nettutviklingstimer, ikke bare HTML og CSS. Læremateriellet er gruppert etter funksjon. Den første kategorien inneholder settet med språk som trengs for frontend-utvikling, og det er her du finner HTML og CSS. De andre kategoriene inkluderer språkopplæringer for backend-utvikling, databaseadministrasjon, datautveksling og APIer.

HTML-hund

Etablert i 2003, HTML Dog er et nettsted med HTML, CSS og JavaScript-veiledninger. Målet deres er å publisere lettfordøyelig læremateriell for å oppmuntre nybegynnere og de som er skremt av koding. Leksjonene er delt inn i ulike kapitler og nivåer, fra nybegynnere til viderekomne, og videre strukturert etter innhold som viser hva du vil lære per leksjon.

Shay Howe

Denne opplæringssiden leder deg gratis gjennom 12 leksjoner om grunnleggende HTML og CSS. I stedet for å betale for et nybegynnerkurs rett ut av porten, kan du prøve disse først. Når du er ferdig, avgjør om du fortsatt trenger de betalte. Hvis du fortsatt gjør det, vil i det minste en introduksjon fra et gratis opplæringsnettsted lette deg inn i de betalte leksjonene dine mye raskere enn med absolutt ingen kunnskap i det hele tatt.

Når du er ferdig med opplæringen "å bygge din første nettside", kan du gå videre til den avanserte opplæringen for en dypere utvikling av frontend-design.

Mozilla utviklernettverk

Dette nettstedet inneholder en omfattende liste over lenker til en rekke opplæringsprogrammer og opplæringsmateriell kuratert av selskaper og utviklere. Det er mange leksjoner å velge mellom, ikke bare HTML og CSS. Siden de er valgt av utviklere, kan du være trygg på at innholdet lenkene fører til er troverdig, med leksjoner rettet mot varierende nivåer, fra nybegynner til avansert.

Memrise

I læring er repetisjon nøkkelen, og Memrise hjelper til med å gjøre memorering i repetisjonsstil morsomt gjennom spill. Dette kan gjøres mens du er på reise, mens du venter i kø for å bestille noe takeaway – hvor som helst med tilgang til Internett, egentlig.

Her er lenker til noen nyttige leksjoner om viktige HTML-, HTML5-, CSS- og CSS3-koder:

Hvis du føler deg spesielt flittig, kan du lage leksjoner skreddersydd til dine egne behov og legge til dine egne mems. Selv om det er å foretrekke og veldig nyttig, forventes det ikke at du husker alle kodene hele tiden. Hvis du vil bli proff, kan det imidlertid spare deg tid når du bygger nettsteder med svært strenge tidsfrister ved å kunne kodene utenat.

W3C

W3C, forkortelse for World Wide Web Consortium, består av et internasjonalt fellesskap av myndigheter som slår seg sammen med selskaper, andre medlemsmiljøer, internt ansatte og publikum for å organisere, vedlikeholde og utvikle nettstandarder. Å sjekke ut nettstedet for de siste nyhetene og oppdateringene angående nettstandarder kan hjelpe deg med å finpusse og skreddersy ferdighetene dine deretter.

W3-skoler

W3Schools, som er ansett av profesjonelle utviklere som et nettsted for «noobs», tilbyr en anstendig læringsopplevelse og miljø for de som nettopp har begynt å lære å kode. De har en strukturert liste over leksjoner som enhver nybegynner kan gå gjennom, komplett med eksempler og en simulator å øve med. W3Schools tilbyr også sertifiseringer, men du må betale for dem.

webplattform.org

WebPlatform.org er et W3C-samarbeid med Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera og Nokia. Hovedfunksjonen til WebPlatform.org er å tjene som vert for all dokumentasjon om webutvikling. Alle er velkommen til å være med og delta i samtaler. Bidrag og samarbeid er sterkt oppmuntret, noe som er mulig gjennom en MediaWiki-plattform.

InstantShift

Hvis du er en vanlig besøkende, vet vi at du allerede vet det. Men for konsistensens skyld er InstantShift, som dens About-snippet viser, et fellesskap for nettutviklere og designere. En blogg med flere forfattere, den tilbyr et bredt spekter av ressurser, artikler og veiledninger, til og med gratis temaer, som designere og utviklere med varierende erfaring og ekspertisenivåer kan referere til enten å sette i gang kunnskapen sin eller hente inspirasjon fra. Artikkelkategorier inkluderer blant annet webdesign, WordPress, CSS, opplæringsprogrammer, verktøy, gratis, fotografering og ikoner.

Delta på nettkurs/kurs

Harvard CS50

En edX-time undervist av David J. Malan, professor ved Harvard University, som tar dette introduksjonskurset til informatikk er en investering verdt sin vekt i gull, det er rart de ikke tar betalt for det. Dette er først og fremst grunnen til at mange livslange elever rundt om i verden er takknemlige for mulighetene som MOOCs (massive open online courses) presenterer for de som ikke har råd til å komme inn på prestisjefylte universiteter som Harvard. Språkene du vil bli undervist vil inkludere C, PHP, JavaScript, SQL og, selvfølgelig, CSS og HTML. Hvis du vil bruke denne klassen for kreditt, må du betale for sertifiseringen.

Tuts+

Tuts+ inneholder en mengde opplæringsprogrammer og kurs å velge mellom, alt fra koding til illustrasjon, til design og utvikling av mobilapper. Tuts+ har gratis kurs og opplæringsprogrammer, men premium tilgang krever betaling på minst $15 per måned til $360 per år. De tilbyr en 14-dagers gratis prøveperiode.

Trehytte

Treehouse er en betalt tjeneste rettet mot undervisning i webutvikling, design og utvikling av mobilapper. Grunntilgang er priset til $24 i måneden, og pro koster $49. Siden er også utstyrt med fora, arbeidsområder, konkurranser og utfordringer, bonusleksjoner og konferanser, live-verksteder, et bibliotek og et fellesskap du kan nå ut til og samhandle med.

Øve på

Øvelse gjør bedre, om ikke perfekt. Ved å øve lar du hjernen din gjøre en aktiv, kreativ handling som vil stimulere til bedre læring og oppbevaring, i motsetning til bare å lese og se veiledninger. Kompletter studiet ditt ved å praktisere med MOOCs som:

Kodeakademiet

Det er gratis å registrere seg med Codecademy, og leksjonene er gjort enkle for nybegynnere. Du kan se hvordan HTML- og CSS-kodene dine oversettes til en nettside når de vises live ved siden av tekstredigeringsprogrammet, og endres etter hvert. Det er også et forum der du kan dele spørsmål og svar med fellesskapet.

Kode Avengers

Med Code Avengers er det også gratis å registrere seg. Den lar deg bygge et nettsted gjennom HTML og CSS, komplett med instruksjoner gjennom tekst og video. Etter å ha klikket på avmerkingsknappen øverst i tekstredigeringsprogrammet, får du se hvordan koden din ser ut gjennom et mobiltelefonformet vindu til høyre. Hvis du registrerer deg for en konto, får du muligheten til å lagre fremgangen din og få poeng mot andre deltakere gjennom en ledertavle.

Bli inspirert

For å få kreativiteten til å flyte og finne forbilder å etterligne, se rundt på nettet for noen eksempler fra den virkelige verden. Se hva slags godt materiale som allerede er der ute og hva alle andre sier om det fra et utvikler-, publikums-, brukergrensesnitt, design og programmeringssynspunkt

For eksempel kan du sjekke ut globalt anerkjente utviklere, byråer og nettsider gjennom Awwwards, et nettsted dedikert til å anerkjenne og promotere det beste innen webdesign og utvikling over hele verden.

Lag en portefølje

For å gjøre deg selv mer synlig for kundene, er en portefølje avgjørende. Det er mange porteføljevertssider der ute, men her er to eksempler:

PortfolioBox

Med domenehosting, integrasjon av sosiale medier, søkemotoroptimalisering, innebygd statistikkpanel og funksjonalitet for sending av nyhetsbrev, er PortfolioBox verdt å se nærmere på. Den har innebygd støtte for smarttelefoner og nettbrett også, slik at nettstedet ditt ser like flott ut når det vises fra hvilken som helst enhet. PortfolioBox tilbyr en gratis konto, som kan være vert for opptil 40 bilder, og når du registrerer deg, lar deg bruke Pro-funksjoner i 30 dager. Pro koster en månedlig $6,90 og betales årlig.

Drible

Et nettsted av utviklere som fungerer som en vis-og-fortell-plattform for andre utviklere, Dribbble lar deg dele skjermbilder av prosessene, arbeidet og prosjektene dine. Den har en funksjon som ligner på sosiale medier som viser deg hvor mange visninger, likes og kommentarer du får.

Få betalt for å jobbe

Det er produktivt å fortsette å trene og øve, men ingenting slår den typen trening som lønner seg, som egentlig er det å få betalt arbeid for ferdighetene dine. Du bruker og finpusser håndverket ditt, og på slutten av dagen drar noen nytte av verdien og betaler for det. Frilansende nettsteder som ProgrammerMeetDesigner, GetACoder og AuthenticJobs er bare noen av stedene som ansetter kodere og designere. Denne noe utdaterte artikkelen fra Hongkiat.com lister opp 50 frilansjobbsider for designere og programmerere, hvorav de fleste fortsatt er på topp.

Vær en del av et fellesskap

Å være en del av et fellesskap er flott for å holde deg oppmuntret og finne svar på noen spesielt vanskelige problemer du vil møte på din nettutviklingsreise. Her er en liste over fora du kan delta i for å få mer oppdatert kunnskap, venner, mentorer, til og med jobbhenvisninger.

Administrer prosjektene dine

I det øyeblikket du får kunder, blir prosjektledelse en essensiell ferdighet. Enkel og lett å bruke, TeuxDeux kan organisere din daglige oppgaveliste. Nettutvikling er vanligvis ikke et enkeltdagsprosjekt. For noen prosjekter må du planlegge oppgaver innenfor en tidsramme og anslå hvor mye tid hver av dem trenger å fullføres. For mer omfattende fremtidige prosjekter som enkle gjøremålslister eller samarbeidsprogramvare ikke kan takle, finnes det intuitive og adaptive fullverdige prosjektstyrings- og samarbeidsverktøy, som Comindware Project, som er verdt å vurdere.

Et online depot for arbeidet ditt er et annet praktisk verktøy, så du vil ha backup i tilfelle problemer med din lokale enhet. GitHub kan være vert for koden din, og hvis du bestemmer deg for å gjøre koden offentlig tilgjengelig, kan du be om andre utvikleres kommentarer, forslag eller redigeringer for å gjøre arbeidet ditt enda bedre.

Noen andre ressurser vi unnlot å nevne?

Opptakskilde: instantshift.com