Börja kodning JavaScript just nu med dessa 5 fantastiska gratis resurser

Annons

"Kärlek - kärlek är ett verb, kärlek är ett ord, " eller så går sången. Och i själva verket kan detsamma sägas om JavaScript: det här sizzling-hot programmeringsspråket är ett språkspråk .

Om du tycker att JavaScript är intressant, måste du göra JavaScript - inte bara läsa om det. Att komma igång är mycket lättare än du kan förvänta dig, och kostar ingenting. Jag spårade ner tre valmöjligheter för att lära sig JavaScript som handlar om att få dig att göra något med språket, snarare än att bara läsa eller titta på videoklipp.

För att ta en guidad tur: Codeacademys JavaScript Track

Förutsatt att du vet väldigt lite om JavaScript, skulle en guidad tur genom språket vara ett bra första steg. Vissa gör det här med en bok eller två, andra gör det med en serie videor. Den utmärkta kodskolan har en JavaScript-sökväg som använder både välgjorda videor och övningar, men det handlar om tillhörande tekniker som jQuery eller CoffeeScript CoffeeScript är JavaScript utan huvudvärk CoffeeScript är JavaScript utan huvudvärk Jag har aldrig velat skriva JavaScript alla så mycket. Från den dagen jag skrev min första raden med det, har jag alltid ångrat att det jag skriver i det alltid slutar se ut som en Jackson ... Läs mer. Det kostar också pengar.

Om du letar efter en resurs som är både fri och har stor vikt vid att göra, behöver du Codeacademys JavaScript-spår. Den här guidade JavaScript-kursen använder det absoluta läget av textförklaringar, alla ihop på sidofältet. Huvuddelen av skärmen tas upp av en elegant kodredigerare som körs direkt i din webbläsare. För att gå igenom kursen måste du slutföra faktiska (enkla) kodningsuppgifter:

Webbläsaren kontrollerar din kod - när du klarar det, går du vidare till nästa fas. Kursen täcker många JavaScript-basics, från funktioner genom loopar, kontrollflöde, datastrukturer och objekt. Detta är ett utmärkt sätt att bekanta dig med kärnspråket innan du dyker upp i bibliotek som jQuery. Om du redan känner till vissa JavaScript behöver du inte börja från början: Du kan göra någon sektion du vill, eller till och med gå vidare genom flera sektioner parallellt.

För experiment: Chrome's Console och jsFiddle

När du har en grundläggande förståelse för den enkla JavaScript-syntaxen är nästa viktiga sak att tänka på om språket att det är mycket tillgängligt: ​​Du kan läsa dessa ord i ett webbläsarfönster just nu. Det innebär att du redan kör en fulländad JavaScript-miljö, just denna minut. Ingenting att installera eller konfigurera - bara högerklicka på något på sidan och välj Inspektera element . Du får följande:

Genom att klicka på ikonen som visas ovan kan du dyka upp en JavaScript-konsol som körs i sammanhanget med den sida du tittar på. Med andra ord kan du manipulera den aktuella sidan med godtycklig JavaScript-kod, använda några bibliotek (t.ex. jQuery jQuery-handledning - Komma igång: Grunder och väljare JQuery Handledning - Komma igång: Grunder och väljare I förra veckan pratade jag om hur viktigt jQuery är till någon modern webbutvecklare och varför det är fantastiskt. Den här veckan tror jag att det är dags att vi fick våra händer smutsiga med lite kod och lärde oss hur ... Läs mer) laddad med sidan och gör vad du vill.

Detta är ett mycket bra sätt att lära sig genom försök och fel, eftersom det är så tillgängligt och det finns ingen rädsla. Du kan inte göra någon skada - ingen av dina ändringar sparas någonstans, och allt som krävs är en enda krets på F5-tangenten för att återställa allt du har gjort och börja om. En annan viktig sak att förstå om konsolen är att du inte är begränsad till en-liners: Du kan skriva flera rader med kod. För att starta en ny rad utan att exekvera koden du hittills har angett, tryck Shift + Enter.

Ibland kanske du vill skapa din egen miljö, men: En anpassad kombination av HTML, CSS, JavaScript-bibliotek och din egen kod. Detta kan hjälpa dig att testa mer omfattande idéer. Om du vill skapa något så här utan att behöva ställa in något lokalt, är jsFiddle vad du behöver. Det här är en miljö med fyra rutor: HTML, CSS, JavaScript och utgången. En sidofält låter dig välja ut alla typer av tillägg, t.ex. vilket JavaScript-bibliotek du vill lita på. Det finns också en massa exempel, varav några kan vara för detaljerade för nybörjare:

Bedömlig användning av Chrome-konsolen och jsFiddle ska hjälpa dig att hålla JavaScript tillgängligt, lekfullt och levande i ditt sinne. Att bara fokusera på guidade turer genom språket utan att göra egna experiment kan faktiskt göra att JavaScript verkar mer skrämmande än det egentligen är. Det är trots allt din kod - spela runt!

För referens: Mozilla Developer Network och jQuery API-dokumentation

Vi har nämnt Mozilla Developer Network tidigare, som en av flera resurser som kan hjälpa dig att lära dig att lära dig Lär dig att koda: 10 gratis och fantastiska online-resurser för att fånga dina färdigheter Lär dig att koda: 10 gratis och fantastiska online-resurser för att fånga dina färdigheter Kodning. Ett ämne som undviks av många. Det finns ett överflöd av gratis resurser och verktyg, som alla är tillgängliga online. Visst kan du ta några kurser på ämnet på en närliggande ... Läs mer. Det var i ett mer allmänt sammanhang, eftersom MDN innehåller information om ett brett spektrum av ämnen. För våra ändamål här borde du veta att MDN fungerar som en väldigt solid referenshandbok för alla saker JavaScript. MDN erbjuder en strukturerad JavaScript-guide som du kanske kan följa steg för steg (beroende på din nivå av tidigare programmeringskunskap), men dess sanna styrka ligger i dess JavaScript-referenssektion. Detta är ett avsnitt som du kan använda som en ordbok av sorter, bara för att räkna ut strukturen i specifika uttalanden.

En annan viktig referensresurs är jQuery API-dokumentationen. Precis som MDN kan den här API-dokumentationen tyckas skrämmande, skrämmande och helt ovänliga först. Och ja, ingen av dessa referensresurser kommer att behålla dig genom försiktiga förklaringar - men de klarar av det genom att vara omfattande, mycket trovärdiga och auktoritativa.

Codrar behöver inte nödvändigtvis veta allt - en stor del av arbetet är att veta var man ska titta när man behöver räkna ut något. Att lära sig att läsa och förstå den officiella dokumentationen är ett viktigt steg på vägen för att förbättra din kodning stil och kunskap. Referenser är kraftfulla verktyg i strävan att lära sig genom att göra, för varje ämne står vanligtvis på egen hand: du kan snabbt se upp något du behöver mer information om, få kärnan i vad du behöver och fortsätta kodning.

Och slutligen, en valfri bok

Det finns faktiskt en bok som jag skulle vilja rekommendera. Det handlar inte om JavaScript, och du hittar inga övningar i den. Faktum är att det knappt har någon kod alls. Och ändå är det en mycket bra bok att läsa om du är nyfiken på programmering av något slag: det heter Code Simplicity, och det lär dig hur du tänker på programmering och hur man närmar sig ämnet som helhet. Du kan läsa min fullständiga översyn av den direkt på Amazon-sidan (för närvarande märkt som den mest användbara kundrecensionen, awww), men i ett nötskal är det en bra bok om filosofiska grunden för kodning. Det är som att ta några steg tillbaka från tangentbordet och bara fundera över ämnet som helhet.

Kod Enkelhet behöver inte läsas på något sätt, men om du känner att din kunskap kan vara till nytta genom att läsa en bok är det här en bra början att börja med.

Lär du dig genom att göra?

Och nu får jag äntligen fråga dig: Hur närmar du dig att lära dig att koda? Lär dig genom att göra, eller är du mer av en läsare? Vilka resurser har du använt i din strävan att bli en kodare? Låt mig veta i kommentarerna!