Start kodning af JavaScript lige nu med disse 5 fantastiske gratis ressourcer

“Kærlighed - kærlighed er et verb, kærlighed er et gørende ord,” eller så sangen går. Og det samme kan man sige om JavaScript: dette sydende hot-programmeringssprog er et gør Sprog.

Hvis du synes, JavaScript er interessant, skal du gøre det gøre JavaScript - ikke bare læse om det. At komme i gang er meget lettere, end du måske forventer, og koster intet. Jeg spurgte tre valg ressourcer til at lære JavaScript, der handler om at få dig til gøre noget med sproget, i stedet for bare at læse eller se videoer.

For at tage en guidet tur: Codeacademys JavaScript-spor

Hvis du antager, at du ved meget lidt om JavaScript, ville det være et godt første skridt at tage en guidet tur gennem sproget. Nogle mennesker gør dette med en bog eller to, andre gør det med en række videoer. Den fremragende Code School har en JavaScript-sti, der bruger både veludformede videoer og øvelser, men den drejer sig om hjælpteknologier som jQuery eller CoffeeScript CoffeeScript er JavaScript uden hovedpine CoffeeScript er JavaScript uden hovedpine Jeg har aldrig rigtig godt ønsket at skrive JavaScript alle så meget. Fra den dag, jeg skrev min første linje ved hjælp af den, har jeg altid vred mig over, at uanset hvad jeg skriver i det altid ender med at se ud som en Jackson…. Det koster også penge.

Hvis du leder efter en ressource, der begge er gratis og har en stærk vægt på at gøre, har du brug for Codeacademys JavaScript-spor. Dette guidede JavaScript-kursus bruger det absolutte minimum af tekstmæssige forklaringer, alle sammenklæbet på sidebjælken. Størstedelen af ​​skærmen optages af en elegant kodeditor, der kører lige i din browser. For at komme videre gennem kurset skal du udføre faktiske (enkle) kodningsopgaver:

Browseren kontrollerer din kode - når du først har fået den rigtige, går du videre til næste fase. Kurset dækker mange JavaScript-basics, fra funktioner gennem loops, kontrolstrøm, datastrukturer og objekter. Dette er en fantastisk måde at gøre dig bekendt med kernesproget, før du dykker ned i biblioteker som jQuery. Hvis du allerede kender noget JavaScript, behøver du ikke at starte fra starten: Du kan muligvis udføre et hvilket som helst afsnit, du kan lide, eller endda gå gennem flere sektioner parallelt.

Til eksperimentering: Chromes konsol og jsFiddle

Når du først har fået et grundlæggende greb om den enkle JavaScript-syntaks, er den næste vigtige ting at huske på sproget, at det er meget tilgængeligt: ​​Du læser sandsynligvis disse ord fra et browservindue lige nu. Dette betyder, at du allerede kører et fuldt udstyret JavaScript-miljø, lige i dette øjeblik. Intet at installere eller konfigurere - bare højreklik på noget på siden og vælg Kontroller elementet. Du får følgende:

Ved at klikke på ikonet vist ovenfor, kan du dukke op en JavaScript-konsol, der kører i sammenhæng med den side, du i øjeblikket ser på. Med andre ord kan du manipulere den aktuelle side med vilkårlig JavaScript-kode, bruge alle biblioteker (f.eks. JQuery jQuery-vejledning - Kom godt i gang: Grundlæggende & vælgere til enhver moderne webudvikler, og hvorfor det er fantastisk. Denne uge tror jeg det er på tide, at vi får vores hænder beskidte med noget kode og lærte, hvordan ...) indlæst på siden, og gør hvad du vil.

Dette er en meget god måde at lære ved prøve og fejl, fordi den er så tilgængelig og der er ingen frygt. Du kan ikke gøre nogen skade - ingen af ​​dine ændringer gemmes overalt, og det tager kun et enkelt tryk på F5-tasten for at vende tilbage til alt, hvad du har gjort og starte forfra. En anden vigtig ting at forstå om konsollen er, at du ikke er begrænset til enforinger: Du kan skrive flere kodelinjer. For at starte en ny linje uden at udføre den kode, du har indtastet indtil videre, skal du trykke på Skift + Enter.

Nogle gange ønsker du måske at oprette dit eget miljø, dog: En brugerdefineret kombination af HTML, CSS, JavaScript-biblioteker og din egen kode. Dette kan hjælpe dig med at teste mere omfattende ideer. Hvis du gerne vil oprette noget som dette uden at skulle konfigurere noget lokalt, er jsFiddle det, du har brug for. Dette er et miljø med fire ruter: HTML, CSS, JavaScript og output. En sidepanel giver dig mulighed for at vælge alle mulige ekstramateriale, f.eks. Hvilket JavaScript-bibliotek, du vil stole på. Der er også en række eksempler, hvoraf nogle kan være for detaljerede for begyndere:

Omhyggelig brug af Chromes konsol og jsFiddle skal hjælpe dig med at holde JavaScript tilgængeligt, legende og levende i dit sind. Fokusering kun på guidede ture gennem sproget uden at udføre dine egne eksperimenter kunne faktisk ende med at få JavaScript til at virke mere skræmmende end det virkelig er. Det er jo det dine kode - leg rundt!

Til reference: Mozilla Developer Network og jQuery API-dokumentation

Vi har nævnt Mozilla Developer Network tidligere som en af ​​flere ressourcer, der kan hjælpe dig med at lære at kode Lær at kode: 10 gratis og fantastiske online ressourcer til at finpudse dine færdigheder Lær at kode: 10 gratis og fantastiske online ressourcer til at finpudse dine færdigheder Coding. Et emne, der undgås af mange. Der er en overflod af gratis ressourcer og værktøjer, som alle er tilgængelige online. Sikker på at du kunne tage nogle kurser om emnet i en nærliggende…. Det var i en mere generel sammenhæng, da MDN indeholder information om en bred vifte af emner. Til vores formål her, skal du vide, at MDN fungerer som en meget solid referencehåndbog til alle ting JavaScript. MDN tilbyder en struktureret JavaScript-guide, som du muligvis kan følge trin for trin (afhængigt af dit niveau af forudgående programmeringskendskab), men dets sande styrke ligger i dens JavaScript-referencesektion. Dette er et afsnit, du kan bruge som en slags ordbog, bare for at finde ud af strukturen i specifikke udsagn.

En anden vigtig referenceressource er jQuery API-dokumentation. Ligesom MDN kan denne API-dokumentation virke skræmmende, skræmmende og helt uvenlig i starten. Og ja, ingen af ​​disse referenceressourcer holder dig gennem blide forklaringer - men de kompenserer for det ved at være omfattende, meget pålidelige og autoritative.

Kodere behøver ikke nødvendigvis at vide alt - en stor del af arbejdet er at vide, hvor man skal se, når man skal finde ud af noget. At lære at læse og forstå den officielle dokumentation er et vigtigt skridt på vejen til forbedring af din kodningstil og viden. Referencer er magtfulde værktøjer i søgen efter at lære ved at gøre, fordi hvert emne normalt står på sin egen: du kan hurtigt slå op på noget, du har brug for mere information om, få kernen i det, du har brug for, og fortsætte med kodning.

Og endelig en valgfri bog

Der faktisk er en bog, som jeg gerne vil anbefale. Det handler ikke om JavaScript, og du kan ikke finde nogen øvelser i det. Faktisk har den næppe nogen kode overhovedet. Og alligevel er det en meget god bog at læse, hvis du er nysgerrig efter programmering af enhver art: Den kaldes Code Simplicity, og den lærer dig, hvordan man tænker på programmering, og hvordan man nærmer sig emnet som helhed. Du kan læse min komplette gennemgang af den lige på Amazon-siden (i øjeblikket markeret som den mest nyttige kundeanmeldelse, awww), men i et nøddeskal er dette en fantastisk bog om kodningens filosofiske grundlag. Det er som at tage et par skridt tilbage fra tastaturet og bare overveje emnet som helhed.

Kodeenklerhed er ikke påkrævet læsning på nogen måde, men hvis du føler, at din viden kan have gavn af at læse en bog, er dette en god en til at starte med.

Lærer du ved at gøre?

Og nu kommer jeg endelig til at spørge dig: Hvordan går det? du tilgang til at lære at kode? Lærer du ved at gøre, eller er du mere en læser? Hvilke ressourcer har du brugt i din søgen efter at blive en koder? Fortæl mig det i kommentarerne!