Start koding JavaScript akkurat nå med disse 5 flotte gratis ressursene

“Kjærlighet - kjærlighet er et verb, kjærlighet er et ord,” eller så sangen går. Og det samme kan sies om JavaScript: dette sizzling-hot programmeringsspråket er a driver med Språk.

Hvis du tror JavaScript er interessant, må du gjøre JavaScript - ikke bare lese om det. Komme i gang er mye enklere enn du kan forvente, og koster ingenting. Jeg spores tre valgmuligheter for å lære JavaScript som handler om å få deg til gjøre noe med språket, i stedet for å bare lese eller se videoer.

For å ta en guidet tur: Codeacademys JavaScript spor

Forutsatt at du vet veldig lite om JavaScript, tar en guidet tur gjennom språket et godt første skritt. Noen mennesker gjør dette med en bok eller to, andre gjør det med en rekke videoer. Den utmerkede kodeskolen har en JavaScript-sti som bruker både godt utformede videoer og øvelser, men det dreier seg om tilleggsteknologier som jQuery eller CoffeeScript CoffeeScript er JavaScript uten hodepine. CoffeeScript er JavaScript uten hodepine. Jeg har aldri gøy å skrive JavaScript alle sammen så mye. Fra den dagen jeg skrev min første linje ved hjelp av den, har jeg alltid irritert at det jeg skriver i alltid ender opp som en Jackson ... Les mer. Det koster også penger.

Hvis du leter etter en ressurs som er begge gratis og har en sterk vekt på å gjøre, du trenger Codeacademys JavaScript Track. Denne guidede JavaScript-kursen bruker det absolutte minimumet av tekstforklaringer, alt sammen på sidefeltet. Hoveddelen av skjermen er tatt opp av en elegant kodeditor som kjører rett i nettleseren din. For å gå gjennom kurset må du fullføre faktiske (enkle) kodende oppgaver:

Nettleseren sjekker koden din - når du har det riktig, går du videre til neste fase. Kurset dekker mange grunnleggende JavaScript, fra funksjoner gjennom løkker, kontrollflyt, datastrukturer og objekter. Dette er en fin måte å gjøre deg kjent med kjernespråket, før du dykker inn i biblioteker som jQuery. Hvis du allerede vet noe JavaScript, trenger du ikke starte fra begynnelsen: Du kan gjøre hvilken som helst del du liker, eller til og med gå gjennom flere seksjoner parallelt.

For eksperimentering: Chrome's Console og jsFiddle

Når du har en grunnleggende forståelse av den enkle JavaScript-syntaksen, er det neste viktige å huske på språket at det er veldig tilgjengelig: Du vil sannsynligvis lese disse ordene fra et nettleservindu akkurat nå. Dette betyr at du allerede kjører et fullverdig JavaScript-miljø, akkurat dette minuttet. Ingenting å installere eller konfigurere - bare høyreklikk noe på siden og velg Inspisér element. Du får følgende:

Ved å klikke på ikonet som vises ovenfor, kan du dukke opp en JavaScript-konsoll som kjører i sammenheng med siden du ser på. Med andre ord kan du manipulere den nåværende siden med vilkårlig JavaScript-kode, bruke noen biblioteker (for eksempel jQuery jQuery Tutorial - Komme i gang: Grunnleggende og valgmuligheter jQuery opplæring - Komme i gang: Grunnleggende og valgorer I forrige uke snakket jeg om hvor viktig jQuery er til en hvilken som helst moderne webutvikler og hvorfor det er kjempebra. Denne uken, jeg tror det er på tide at vi fikk hendene våre skitne med noen kode og lærte hvordan ... Les mer) lastet med siden, og gjør alt du ønsker.

Dette er en veldig god måte å lære ved prøving og feiling, fordi den er så tilgjengelig og det er null frykt. Du kan ikke gjøre noen skade - ingen av endringene dine blir lagret hvor som helst, og alt som trengs, er et enkelt trykk på F5-tasten for å returnere alt du har gjort og begynne igjen. En annen viktig ting å forstå om konsollen er at du ikke er begrenset til en-liners: Du kan skrive flere linjer med kode. For å starte en ny linje uten å utføre koden du har angitt så langt, trykk Shift + Enter.

Noen ganger kan det være lurt å lage ditt eget miljø, men: En egendefinert kombinasjon av HTML, CSS, JavaScript-biblioteker og din egen kode. Dette kan hjelpe deg med å teste ut mer omfattende ideer. Hvis du vil lage noe slikt uten å måtte sette opp noe lokalt, er jsFiddle det du trenger. Dette er et firepanelmiljø: HTML, CSS, JavaScript og utdataene. En sidebar lar deg plukke ut alle slags ekstramateriale, for eksempel hvilket JavaScript-bibliotek du vil stole på. Det er også en rekke eksempler, hvorav noen kan være for utførlige for nybegynnere:

Judicious bruk av Chrome-konsollen og jsFiddle skal hjelpe deg med å holde JavaScript tilgjengelig, lekfullt og levende i tankene dine. Bare å fokusere på guidede turer gjennom språket uten å gjøre egne eksperimenter kan faktisk ende opp med å gjøre JavaScript virker mer skremmende enn det egentlig er. Tross alt er det din kode - spill rundt!

For referanse: Mozilla Developer Network og jQuery API-dokumentasjon

Vi har nevnt Mozilla Developer Network før, som en av flere ressurser som kan hjelpe deg med å lære å kode Lær å kode: 10 gratis og fantastiske nettbaserte ressurser for å skaffe dine ferdigheter Lær å kode: 10 gratis og fantastiske elektroniske ressurser for å finpusse dine ferdigheter koding. Et emne som unngås av mange. Det finnes en overflod av gratis ressurser og verktøy, som alle er tilgjengelige online. Sikker på at du kan ta noen kurs på emnet på en nærliggende ... Les mer. Det var i en mer generell sammenheng, da MDN inneholder informasjon om et bredt spekter av fag. For vårt formål her, bør du vite at MDN fungerer som en veldig solid referansehåndbok for alle ting JavaScript. MDN tilbyr en strukturert JavaScript-guide som du kanskje kan følge trinn for trinn (avhengig av nivået på tidligere programmeringskunnskap), men den sanne styrken ligger i JavaScript-referanseseksjonen. Dette er en seksjon du kan bruke som en ordbok av sorter, bare for å finne ut strukturen i bestemte setninger.

En annen nøkkelreferanseressurs er jQuery API-dokumentasjonen. På samme måte som MDN, kan denne API-dokumentasjonen virke skremmende, skummelt og helt uvenlig i begynnelsen. Og ja, ingen av disse referansessursene vil håndtere deg gjennom milde forklaringer - men de gjør opp for det ved å være omfattende, veldig pålitelig og autoritativ.

Coders trenger ikke nødvendigvis å vite alt - en stor del av arbeidet er å vite hvor du skal se når du trenger å finne ut noe. Lære å lese og forstå den offisielle dokumentasjonen er et viktig skritt på veien for å forbedre kodestilen og kunnskapen din. Referanser er kraftige verktøy i arbeidet med å lære ved å gjøre, fordi hvert emne vanligvis står på egenhånd: Du kan raskt se opp noe du trenger mer informasjon om, få kjernen til det du trenger, og fortsett kodingen.

Og til slutt, en valgfri bok

Det faktisk er en bok jeg vil gjerne anbefale. Det handler ikke om JavaScript, og du finner ingen øvelser i den. Faktisk har det knapt noen kode i det hele tatt. Og likevel, det er en veldig god bok å lese om du er nysgjerrig på programmering av noe slag: Det kalles Code Simplicity, og det lærer deg hvordan du tenker på programmering, og hvordan du nærmer deg emnet som helhet. Du kan lese min fullstendige gjennomgang av den rett på Amazon-siden (for øyeblikket merket som den mest nyttige kundeanmeldelsen, awww), men i et nøtteskall er dette en flott bok om filosofiske grunnlag for koding. Det er som å ta noen skritt tilbake fra tastaturet og bare tenke på emnet som helhet.

Kode Enkelhet er ikke nødvendig å lese på noen måte, men hvis du føler at kunnskapen din kan ha nytte av å lese en bok, er dette et flott utgangspunkt for å begynne med.

Lærer du ved å gjøre?

Og nå kommer jeg endelig til å spørre deg: Hvordan gjør du tilnærming å lære å kode? Lærer du ved å gjøre, eller er du mer av en leser? Hva er ressursene du har brukt i din søken etter å bli en koder? Gi meg beskjed i kommentarene!

Utforsk mer om: Utdanningsteknologi, JavaScript, Programmering.