Start kodning JavaScript lige nu med disse 5 fantastiske gratis ressourcer

Reklame

"Kærlighed - kærlighed er et verb, kærlighed er et ord, " eller så sangen går. Og faktisk kan det samme siges om JavaScript: dette sizzling-hot programmeringssprog er et sprog, der gør det .

Hvis du synes JavaScript er interessant, skal du lave JavaScript - ikke bare læse om det. Kom godt i gang er meget nemmere end du kunne forvente, og koster ingenting. Jeg spores tre valgmuligheder til at lære JavaScript, der handler om at få dig til at gøre noget med sproget, i stedet for at bare læse eller se videoer.

For at tage en guidet tur: Codeacademys JavaScript Track

Forudsat at du ved meget lidt om JavaScript, ville en guidet tur gennem sproget være et godt første skridt. Nogle mennesker gør dette med en bog eller to, andre gør det med en række videoer. Den fremragende kode skole har en JavaScript-sti, der bruger både veloprettede videoer og øvelser, men det drejer sig om hjælpeprogrammer såsom jQuery eller CoffeeScript CoffeeScript er JavaScript uden hovedpine CoffeeScript er JavaScript uden hovedpine Jeg har aldrig rigtig godt set skrevet JavaScript så meget. Fra den dag, jeg skrev min første linje ved hjælp af den, har jeg altid irriteret det, hvad jeg skriver i det altid ender med at ligne en Jackson ... Læs mere. Det koster også penge.

Hvis du leder efter en ressource, der både er fri og har stor vægt på at gøre, har du brug for Codeacademys JavaScript Track. Denne guidede JavaScript-kursus bruger det absolutte minimum af tekstforklaringer, alle sammenklapret på sidebjælken. Hovedparten af ​​skærmen optages af en elegant kode editor, der kører lige i din browser. For at komme videre gennem kurset skal du færdiggøre faktiske (enkle) kodningsopgaver:

Browseren kontrollerer din kode - når du får det rigtigt, går du videre til næste fase. Kurset dækker mange JavaScript basics, fra funktioner gennem sløjfer, kontrolflow, datastrukturer og objekter. Dette er en fantastisk måde at gøre dig bekendt med kernesproget, før du dyker ind i biblioteker som jQuery. Hvis du allerede kender nogle JavaScript, behøver du ikke starte fra starten: Du kan gøre noget afsnit, du kan lide, eller endda gå videre gennem flere sektioner parallelt.

Til eksperimentering: Chrome's Console og jsFiddle

Når du først har en grundlæggende forståelse af den enkle JavaScript-syntaks, er det næste vigtige at huske på sproget, at det er meget tilgængeligt: ​​Du kan sandsynligvis læse disse ord ud af et browservindue lige nu. Det betyder, at du allerede kører et fuldt udviklet JavaScript-miljø, lige i øjeblikket. Intet at installere eller konfigurere - bare højreklik på noget på siden og vælg Inspect Element . 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 aktuelt kigger på. Med andre ord kan du manipulere den aktuelle side med vilkårlig JavaScript-kode, bruge nogle biblioteker (f.eks. JQuery jQuery-vejledning - Kom godt i gang: Grundlæggende & Selectors jQuery-vejledning - Kom godt i gang: Grundlæggende & Selectors I sidste uge talte jeg om, hvor vigtigt jQuery er til enhver moderne webudvikler og hvorfor det er fantastisk. I denne uge synes jeg, det er tid, vi fik vores hænder snavset med nogle kode og lærte hvordan ... Læs mere) indlæst med siden og gør alt, hvad du ønsker.

Dette er en meget god måde at lære ved forsøg og fejl, fordi det er så tilgængeligt, og der er ingen frygt. Du kan ikke gøre nogen skade - ingen af ​​dine ændringer gemmes overalt, og alt, hvad der kræves, er et enkelt tryk på F5-tasten for at vende tilbage til alt, hvad du har gjort og begynde. En anden vigtig ting at forstå om konsollen er, at du ikke er begrænset til one-liners: Du kan skrive flere linjer kode. For at starte en ny linje uden at udføre koden, du har indtastet indtil nu, skal du trykke på Skift + Enter.

Nogle gange kan du ønske at oprette dit eget miljø, selvom: En brugerdefineret kombination af HTML, CSS, JavaScript-biblioteker og din egen kode. Dette kan hjælpe dig med at afprøve mere omfattende ideer. Hvis du gerne vil oprette noget som dette uden at skulle oprette noget lokalt, er jsFiddle det, du har brug for. Dette er et fire-pane miljø: HTML, CSS, JavaScript og output. Et sidebjælke giver dig mulighed for at vælge alle slags ekstramateriale, f.eks. Hvilket JavaScript-bibliotek du vil stole på. Der er også en flok eksempler, hvoraf nogle kan være for detaljerede for begyndere:

Judicious brug af Chrome's konsol og jsFiddle skal hjælpe dig med at holde JavaScript tilgængeligt, legesyg og levende i dit sind. Kun at fokusere på guidede ture gennem sproget uden at lave dine egne eksperimenter kunne faktisk ende med at gøre JavaScript til at virke mere skræmmende, end det virkelig er. Det er trods alt din kode - spil rundt!

Til reference: Mozilla Developer Network og jQuery API-dokumentation

Vi har nævnt Mozilla Developer Network før, 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 udnytte dine evner 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 på en nærliggende ... Læs mere. Det var i en mere generel sammenhæng, da MDN indeholder oplysninger om en bred vifte af emner. Til vores formål her, bør 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 dens sande styrke ligger i dets JavaScript-referenceafsnit. Dette er et afsnit, du kan bruge som en ordbog af sorter, bare for at finde ud af strukturen i specifikke udsagn.

En anden nøglereferenceressource er jQuery API-dokumentationen. Ligesom MDN kan denne API dokumentation forekomme skræmmende, skræmmende og helt uvenlig i starten. Og ja, ingen af ​​disse reference ressourcer vil håndtere dig gennem blide forklaringer - men de gør det godt ved at være omfattende, meget troværdige og autoritative.

Coders 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 for at forbedre din kodestil og viden. Referencer er kraftfulde værktøjer i stræben efter at lære ved at gøre, fordi hvert emne normalt står på egen hånd: Du kan hurtigt kigge op på noget, du har brug for mere information om, få kernen i hvad du har brug for, og fortsæt kodningen.

Og endelig, en valgfri bog

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

Kode Enkelhed er ikke påkrævet læsning på nogen måde, men hvis du føler, at din viden kan være til gavn ved at læse en bog, er dette en god en til at begynde med.

Lærer du ved at gøre?

Og nu kommer jeg endelig til at spørge dig: Hvordan nærmer du dig at lære at kode? Lærer du ved at gøre, eller er du mere af en læser? Hvilke ressourcer har du brugt i din søgen efter at blive en coder? Lad mig vide i kommentarerne!